chore: restructure css

3 years ago · e15ae7c2e6
3 changed files with 11 additions and 8 deletions
--- a/index.html
+++ b/index.html
@ -5,7 +5,7 @@
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>/dev.space</title>
-        <link rel="stylesheet" href="style.css" />
+        <link rel="stylesheet" href="styles/index.css" />
    </head>
    <body>
        <section class="hero">
--- a/styles/hero.css
+++ b/styles/hero.css
@ -1,9 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
-
-body {
-    margin: 0;
-}
-
 .hero {
    align-items: center;
    display: flex;
@ -30,4 +24,4 @@ body {
    font-weight: lighter;
    position: absolute;
    bottom: 1rem;
-}
+}
--- a/styles/index.css
+++ b/styles/index.css
@ -0,0 +1,9 @@
+/* Fonts */
+@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
+
+/* Components */
+@import url("./hero.css");
+
+body {
+    margin: 0;
+}