From 935ac9b8b61419486d51b5e604eadd16cb6dddb9 Mon Sep 17 00:00:00 2001 From: kuum97 Date: Sat, 24 Feb 2024 17:43:41 +0900 Subject: [PATCH] add variables file for maintainability --- css/_variables.css | 12 ++++++++++++ css/style.css | 15 +-------------- index.html | 1 + 3 files changed, 14 insertions(+), 14 deletions(-) create mode 100644 css/_variables.css diff --git a/css/_variables.css b/css/_variables.css new file mode 100644 index 000000000..ff8c24af8 --- /dev/null +++ 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 index 0bbacb8c1..f7c46ea96 100644 --- 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 index 35e316f21..5ff06b035 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ +