add variables file for maintainability

codeit-bootcamp-frontend · Feb 24, 2024 · 935ac9b · 935ac9b
1 parent 4697150
commit 935ac9b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/css/_variables.css b/css/_variables.css
@@ -0,0 +1,12 @@
+:root {
+  --primary: #6d5afe;
+  --red: #ff5b56;
+  --black: #111322;
+  --white: #ffffff;
+  --primary-gradient: linear-gradient(to right, var(--primary), #6ae3fe);
+  --gray-darker: #3e3e43;
+  --gray-dark: #9fa6b2;
+  --gray: #ccd5e3;
+  --gray-light: #e7effb;
+  --gray-lighter: #f0f6ff;
+}
diff --git a/css/style.css b/css/style.css
@@ -1,16 +1,3 @@
-:root {
-  --primary: #6d5afe;
-  --red: #ff5b56;
-  --black: #111322;
-  --white: #ffffff;
-  --primary-gradient: linear-gradient(to right, var(--primary), #6ae3fe);
-  --gray-darker: #3e3e43;
-  --gray-dark: #9fa6b2;
-  --gray: #ccd5e3;
-  --gray-light: #e7effb;
-  --gray-lighter: #f0f6ff;
-}
-
 * {
   box-sizing: border-box;
 }
@@ -37,7 +24,7 @@ footer {
   width: 100%;
   display: grid;
   grid-template: auto / 1fr 1fr 1fr;
-  padding: 40px 30px;
+  padding: 40px 104px;
   margin-top: 70px;
   background-color: var(--black);
 }

diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="./css/style.css" />
+    <link rel="stylesheet" href="./css/_variables.css" />
     <script
       src="https://kit.fontawesome.com/35dfed9802.js"
       crossorigin="anonymous"