From aef52169e3f0f9bde0e5f2dd21cbb316eaa34136 Mon Sep 17 00:00:00 2001 From: MikunoNaka Date: Sat, 27 Mar 2021 21:24:54 +0530 Subject: laid out some very basic components, the tile component still needs to be worked upon --- src/styles/_theme.scss | 17 +++++++++++++++++ src/styles/_themes.sass | 17 ----------------- src/styles/_view.scss | 4 ++++ src/styles/global.css | 4 +++- src/styles/global.scss | 2 +- 5 files changed, 25 insertions(+), 19 deletions(-) create mode 100644 src/styles/_theme.scss delete mode 100644 src/styles/_themes.sass create mode 100644 src/styles/_view.scss (limited to 'src/styles') diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss new file mode 100644 index 0000000..66a16fc --- /dev/null +++ b/src/styles/_theme.scss @@ -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/_themes.sass b/src/styles/_themes.sass deleted file mode 100644 index 66a16fc..0000000 --- a/src/styles/_themes.sass +++ /dev/null @@ -1,17 +0,0 @@ -@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/_view.scss b/src/styles/_view.scss new file mode 100644 index 0000000..0ccc22a --- /dev/null +++ b/src/styles/_view.scss @@ -0,0 +1,4 @@ +.view { + width: 80%; + margin: 2rem auto; +} diff --git a/src/styles/global.css b/src/styles/global.css index 099c3de..3049801 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,8 +1,10 @@ @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); +/* Experimental color scheme */ * { font-family: "Quicksand", sans-serif; } body { - color: #FFFFFF; + background-color: #FFFFFF; + color: #000000; padding: 0; margin: 0; } diff --git a/src/styles/global.scss b/src/styles/global.scss index 703efb8..f893b61 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -1,4 +1,4 @@ -@import "themes"; +@import "theme"; * { font-family: $defFont -- cgit v1.2.3