From ee824f566add80998e2530f7bec54ff4d7a1471d Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Wed, 14 Apr 2021 20:29:54 +0530 Subject: Played around with forms --- src/components/Header/Header.css | 22 +++++++++++++++++----- src/components/Header/Header.scss | 3 +-- 2 files changed, 18 insertions(+), 7 deletions(-) (limited to 'src/components/Header') diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css index dd320ea..5dc483d 100644 --- a/src/components/Header/Header.css +++ b/src/components/Header/Header.css @@ -1,5 +1,17 @@ @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); /* Experimental color scheme */ +/* light theme */ +/* +$defBG: #FFFFFF; +$altBG: lightgray; +$defFG: #000000; +$altFG: #232627; +$defLink: brown; +$altLink: brown; + +$defShadow: 0px 0px 4px #232627; +*/ +/* Inspired by Dracula */ .header { display: flex; flex-direction: row; @@ -7,12 +19,12 @@ align-items: center; justify-content: space-between; position: static; - margin: none; + margin: 0 0 1.5rem 0; padding: none; width: 100%; height: 5rem; - background-color: lightgray; - box-shadow: 2px 0px 4px #232627; } + background-color: #383A59; + box-shadow: 0px 4px 4px #383A59; } .header div { margin: auto 1rem; } @@ -20,7 +32,7 @@ nav a { text-decoration: none; padding: 0.3rem; - color: brown; } + color: #F2F2F2; } .placeholder { width: 5rem; @@ -30,4 +42,4 @@ nav a { display: inline-block; } p, h1, h2, h3, h4, h5, h6 { - color: #000000; } + color: #F2F2F2; } diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss index e9242dd..cebc2cc 100644 --- a/src/components/Header/Header.scss +++ b/src/components/Header/Header.scss @@ -7,12 +7,11 @@ align-items: center; justify-content: space-between; position: static; - margin: none; + margin: 0 0 1.5rem 0; padding: none; width: 100%; height: 5rem; background-color: $altBG; - box-shadow: $defShadow; } -- cgit v1.2.3