diff options
Diffstat (limited to 'styles/main.scss')
| -rw-r--r-- | styles/main.scss | 42 |
1 files changed, 42 insertions, 0 deletions
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"; |