Revert "Move css into its own stylesheet"

This reverts commit e2d8184.
StubberG3 · Feb 7, 2024 · 7715289 · 7715289
1 parent 90d31a3
commit 7715289
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 42 deletions.
diff --git a/css/weather.css b/css/weather.css
diff --git a/pages/weather.html b/pages/weather.html
@@ -14,7 +14,49 @@
     <link href="https://fonts.googleapis.com/css2?family=Material+Icons&Roboto:wght@300;400;500;700&display=swap"
         rel="stylesheet">
     <link href='../css/materialize.css' rel='stylesheet'>
-    <link href='../css/weather.css' rel='stylesheet'>
+    <style>
+        :root {
+            --primary-color: #4e406a;
+            background-color: #efefef;
+        }
+
+        .primary-color {
+            background-color: var(--primary-color);
+        }
+
+        .primary-color-text {
+            color: var(--primary-color);
+        }
+
+        .weather-container {
+            background-color: #fff;
+            margin: 0 auto;
+        }
+
+        .temperature {
+            font-weight: bold;
+        }
+
+        .weather-details {
+            color: #2f2f2f;
+            font-size: 1.2rem;
+        }
+
+        .week img.card-image {
+            max-width: 100%;
+        }
+
+        .today img.card-image {
+            max-width: 100px;
+        }
+
+        @media screen and (max-width: 771px) {
+            .btn {
+                margin-bottom: 20px;
+                height: 100%;
+            }
+        }
+    </style>
 </head>
 
 <body>