diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/bulma.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/styles/bulma.scss b/src/styles/bulma.scss new file mode 100644 index 0000000..3b75123 --- /dev/null +++ b/src/styles/bulma.scss @@ -0,0 +1,37 @@ +@charset "utf-8"; + +// Import a Google Font +@import url("https://fonts.googleapis.com/css?family=Nunito:400,700"); + +// Set your brand colors +$purple: #8a4d76; +$pink: #fa7c91; +$brown: #757763; +$beige-light: #d0d1cd; +$beige-lighter: #eff0eb; + +// Update Bulma's global variables +$family-sans-serif: "Nunito", sans-serif; +$grey-dark: $brown; +$grey-light: $beige-light; +$primary: $purple; +$link: $pink; +$widescreen-enabled: false; +$fullhd-enabled: false; + +// Update some of Bulma's component variables +$body-background-color: $beige-lighter; +$control-border-width: 2px; +$input-border-color: transparent; +$input-shadow: none; + +// Import only what you need from Bulma +@import "~bulma/sass/utilities/_all.sass"; +@import "~bulma/sass/base/_all.sass"; +@import "~bulma/sass/elements/button.sass"; +@import "~bulma/sass/elements/container.sass"; +@import "~bulma/sass/elements/form.sass"; +@import "~bulma/sass/elements/title.sass"; +@import "~bulma/sass/components/navbar.sass"; +@import "~bulma/sass/layout/hero.sass"; +@import "~bulma/sass/layout/section.sass"; |