Revert "Set up APIs on weather app; mockup dashboard design"

This reverts commit 9f28bc8.

css/materialize-src/sass/overrides.scss

@@ -1,24 +1,18 @@
 $primary-color: #372c4b !default;
 $primary-color-light: #e0dde5 !default;
-$accent-color: #f57c00 !default;
-$accent-color-light: #ffe0b2 !default;
-
-$input-focus-color: $accent-color !default;
-$switch-bg-color: $accent-color !default;
-$switch-checked-lever-bg: $accent-color-light !default;
 
 .primary-color-text {
     color: $primary-color;
 }
 
 .primary-color {
-    background-color: $primary-color !important;
+    background-color: $primary-color;
 }
 
 .primary-color-light-text {
     color: $primary-color-light;
 }
 
 .primary-color-light {
-    background-color: $primary-color-light !important;
+    background-color: $primary-color-light;
 }

css/weather.css

@@ -1,75 +1,8 @@
 :root {
     --primary-color: #4e406a;
-    --primary-color-light: #9687b7;
-    --primary-color-light-2: #8d7db0;
-    --accent-color: #f57c00;
     background-color: #efefef;
 }
 
-.sidenav {
-    width: 100px;
-}
-
-.nav-wrapper {
-    min-width: 400px;
-}
-
-.nav-wrapper, header, main, footer {
-    padding-left: 100px;
-}
-
-@media only screen and (max-width : 992px) {
-    .nav-wrapper, header, main, footer {
-        padding-left: 0;
-    }
-}
-
-.pagination {
-    background-color: #dfdfdf;
-    padding: 5px 0 !important;
-}
-
-.pagination li {
-    margin: 0;
-}
-
-.hourly,
-.week {
-    min-width: 400px;
-}
-
-.today.card-image {
-    max-width: 200px;
-}
-
-.weekly img {
-    width: 30px;
-    height: 30px;
-}
-
-ul.collapsible {
-    box-shadow: none;
-    border: none;
-}
-
-ul li {
-    margin-bottom: 5px;
-}
-
-ul li .collapsible-header {
-    border: 2px solid #ddd;
-    border-radius: 50px;
-    padding: .5rem;
-}
-
-ul li.hourly-more .collapsible-header {
-    border-style: dashed;
-}
-
-ul li.active .collapsible-header {
-    border: 2px solid var(--primary-color);
-}
-
 .primary-color {
     background-color: var(--primary-color);
 }
@@ -78,148 +11,31 @@ ul li.active .collapsible-header {
     color: var(--primary-color);
 }
 
-.accent-color-text {
-    color: var(--accent-color);
-}
-
 .weather-container {
     background-color: #fff;
     margin: 0 auto;
 }
 
-.weather-details {
-    color: #2f2f2f;
-    font-size: 1.2rem;
-}
-
-.temp-primary {
-    font-size: 1.2rem;
+.temperature {
     font-weight: bold;
 }
 
-.row.no-margin,
-.no-margin {
-    margin: 0;
-}
-
-.today img {
-    width: 150px;
-}
-
-#map {
-    height: 200px;
-    width: 100%;
-}
-
-.chart-container {
-    height: 420px;
-}
-
-/* Hide input arrows */
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-}
-/* Firefox */
-input[type=number] {
-    -moz-appearance: textfield;
-}
-
-input[type=number]:not(.browser-default):focus:not([readonly]),
-input[type=number]:not(.browser-default) {
-    border-bottom: none;
-    box-shadow: none;
-    margin-bottom: 0;
+.weather-details {
+    color: #2f2f2f;
+    font-size: 1.2rem;
 }
 
-.input-field {
-    border: 2px solid var(--primary-color);
-    border-radius: 50px;
+.week img.card-image {
+    max-width: 100%;
 }
 
-.top-row {
-    margin-left: 120px;
-    display: flex;
-    align-items: center;
+.today img.card-image {
+    max-width: 100px;
 }
 
-@media screen and (max-width: 993px) {
-    .top-row {
-        margin-left: 5px;
+@media screen and (max-width: 771px) {
+    .btn {
+        margin-bottom: 20px;
+        height: 100%;
     }
-}
-
-.card {
-    border-radius: 5px;
-}
-
-.flex-container {
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-}
-
-.flex-item {
-    flex: 1 1 auto;
-    align-items: center;
-    width: 45%;
-    margin: 10px 20px;
-}
-
-.flex-item .card,
-.flex-item .card-panel {
-    height: 100%;
-    min-height: 220px;
-    margin: 0;
-}
-
-.flex-item .card.today-card,
-.flex-item .card.map-card {
-    height: auto;
-}
-
-.flex-item .card.today-card .card-content,
-.flex-item .card.map-card .card-content {
-    padding: 10px;
-}
-
-.chart-switch-desc.active {
-    font-weight: bold;
-}
-
-.switch label input[type=checkbox] + .lever:after {
-    background-color: var(--primary-color);
-}
-
-.switch label input[type=checkbox] + .lever {
-    background-color: var(--primary-color-light-2);
-}
-
-.sidenav li > a i {
-    transition: all .2s;
-    text-align: center;
-}
-
-.sidenav li > a:hover i {
-    color: #fff;
-}
-
-.sidenav .user-view {
-    padding-left: 25px;
-    padding-top: 0;
-}
-
-.preloader {
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: white;
-    background-color: rgba(255, 255, 255, 0.75);
 }