css to its own file

zabop · Jan 12, 2025 · 59c1d0f · 59c1d0f
1 parent 6c546e5
commit 59c1d0f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -11,31 +11,9 @@
       href="https://api.mapbox.com/mapbox-gl-js/v2.11.0/mapbox-gl.css"
       rel="stylesheet"
     />
+    <link href="styles.css" rel="stylesheet" />
     <script src="https://api.mapbox.com/mapbox-gl-js/v2.11.0/mapbox-gl.js"></script>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-      }
-      #map {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        width: 100%;
-      }
-      .mapboxgl-ctrl-geocoder {
-        width: 600px !important;
-      }
-    </style>
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-    <style>
-      #menu {
-        position: absolute;
-        background: #efefef;
-        padding: 10px;
-        font-family: "Open Sans", sans-serif;
-      }
-    </style>
   </head>
   <body>
     <div id="map"></div>

diff --git a/styles.css b/styles.css
@@ -0,0 +1,22 @@
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#map {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+}
+
+.mapboxgl-ctrl-geocoder {
+  width: 600px !important;
+}
+
+#menu {
+  position: absolute;
+  background: #efefef;
+  padding: 10px;
+  font-family: "Open Sans", sans-serif;
+}