diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/index.scss | 42 | ||||
| -rw-r--r-- | styles/main.scss | 42 |
2 files changed, 44 insertions, 40 deletions
diff --git a/styles/index.scss b/styles/index.scss index ee298cc..ba30ea2 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -1,45 +1,7 @@ @charset "utf-8"; -// Google Fonts -@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap"); - -// Palette -$darkteal: rgb(0, 100, 108); -$green: rgb(88, 169, 143); -$darkerteal: rgb(29, 133, 137); -$gray: rgb(157, 210, 211); -$teal: rgb(58, 165, 166); -$cyan: rgb(156, 210, 210); -$darkgray: rgb(127, 177, 181); -$darkgreen: rgb(59, 136, 114); -$yellow: rgb(186, 214, 187); - -// Update Bulma's global variables -$primary: $teal; -$link: $darkteal; -// $info: $cyan -$success: $green; -// $warning: $yellow -// $danger: $red -// $dark: $grey-darker -// $text: $grey-dark -$family-sans-serif: "PT Sans", sans-serif; -// $hr-background-color: $primary; -$title-color: $darkteal; -$title-family: "Architects Daughter", cursive; -$subtitle-color: $darkteal; -$subtitle-family: "Indie Flower", cursive; -//$body-font-size: 1.8rem; -// $body-background-color: $isabelline; - -// Import only what you need from Bulma -@import "../_bulma/node_modules/bulma/sass/utilities/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/base/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/elements/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/form/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/components/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/layout/_all.sass"; -@import "../_bulma/node_modules/bulma/sass/grid/_all.sass"; +// Import main +@import "./main.scss"; .offering { color: white; diff --git a/styles/main.scss b/styles/main.scss new file mode 100644 index 0000000..3aca98a --- /dev/null +++ b/styles/main.scss @@ -0,0 +1,42 @@ +@charset "utf-8"; + +// Google Fonts +@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap"); + +// Palette +$darkteal: rgb(0, 100, 108); +$green: rgb(88, 169, 143); +$darkerteal: rgb(29, 133, 137); +$gray: rgb(157, 210, 211); +$teal: rgb(58, 165, 166); +$cyan: rgb(156, 210, 210); +$darkgray: rgb(127, 177, 181); +$darkgreen: rgb(59, 136, 114); +$yellow: rgb(186, 214, 187); + +// Update Bulma's global variables +$primary: $teal; +$link: $darkteal; +// $info: $cyan +$success: $green; +// $warning: $yellow +// $danger: $red +// $dark: $grey-darker +// $text: $grey-dark +$family-sans-serif: "PT Sans", sans-serif; +// $hr-background-color: $primary; +$title-color: $darkteal; +$title-family: "Architects Daughter", cursive; +$subtitle-color: $darkteal; +$subtitle-family: "Indie Flower", cursive; +//$body-font-size: 1.8rem; +// $body-background-color: $isabelline; + +// Import only what you need from Bulma +@import "../_bulma/node_modules/bulma/sass/utilities/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/base/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/elements/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/form/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/components/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/layout/_all.sass"; +@import "../_bulma/node_modules/bulma/sass/grid/_all.sass"; |