From 10f7749d52df9a70e15a33cd76ba441f4b81a1a5 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 27 Mar 2021 19:37:21 +0530 Subject: rendered a simple non-functional menu/navbar --- src/styles/_themes.sass | 17 +++++++++++++++++ src/styles/global.css | 8 ++++++++ src/styles/global.scss | 12 ++++++++++++ src/styles/header.scss | 5 ----- 4 files changed, 37 insertions(+), 5 deletions(-) create mode 100644 src/styles/_themes.sass create mode 100644 src/styles/global.css create mode 100644 src/styles/global.scss delete mode 100644 src/styles/header.scss (limited to 'src/styles') diff --git a/src/styles/_themes.sass b/src/styles/_themes.sass new file mode 100644 index 0000000..66a16fc --- /dev/null +++ b/src/styles/_themes.sass @@ -0,0 +1,17 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap'); + +/* Experimental color scheme */ +$defBG: #FFFFFF; +$altBG: lightgray; +$defFG: #000000; +$altFG: #232627; +$defLink: brown; +$altLink: brown; + +$defShadow: 2px 0px 4px #232627; + +$bodyPadding: 0; +$bodyMargin: 0; + +$defFont: 'Quicksand', sans-serif; + diff --git a/src/styles/global.css b/src/styles/global.css new file mode 100644 index 0000000..099c3de --- /dev/null +++ b/src/styles/global.css @@ -0,0 +1,8 @@ +@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); +* { + font-family: "Quicksand", sans-serif; } + +body { + color: #FFFFFF; + padding: 0; + margin: 0; } diff --git a/src/styles/global.scss b/src/styles/global.scss new file mode 100644 index 0000000..703efb8 --- /dev/null +++ b/src/styles/global.scss @@ -0,0 +1,12 @@ +@import "themes"; + +* { + font-family: $defFont +} + +body { + background-color: $defBG; + color: $defFG; + padding: $bodyPadding; + margin: $bodyMargin; +} diff --git a/src/styles/header.scss b/src/styles/header.scss deleted file mode 100644 index 5071b5e..0000000 --- a/src/styles/header.scss +++ /dev/null @@ -1,5 +0,0 @@ -$bgColor: lightgray; - -#header { - background-color: $bgColor; -} -- cgit v1.2.3