diff options
Diffstat (limited to 'src/scss/index.scss')
| -rw-r--r-- | src/scss/index.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/scss/index.scss b/src/scss/index.scss new file mode 100644 index 0000000..ac1ab6d --- /dev/null +++ b/src/scss/index.scss @@ -0,0 +1,48 @@ +@charset "utf-8"; + +// Import Google Fonts +@import url('https://fonts.googleapis.com/css?family=Nunito:400,700'); + +// Set brand colors +$pine-green: #01646d; +$midnight-green: #114b5f; +$eton-blue: #88d498; +$pastel-gray: #c6dabf; +$isabelline: #f7f4ea; + +// Update Bulma's global variables +// $primary: $pine-green; +// $link: $midnight-green; +// $info: $cyan +// $success: $eton-blue; +// $warning: $yellow +// $danger: $red +// $dark: $grey-darker +// $text: $grey-dark +// $family-sans-serif: "Nunito", sans-serif; +// $hr-background-color: $primary; + +// $body-background-color: $isabelline; + +// Import only what you need from Bulma +@import "../../node_modules/bulma/sass/utilities/_all.sass"; +@import "../../node_modules/bulma/sass/base/_all.sass"; +@import "../../node_modules/bulma/sass/elements/_all.sass"; +@import "../../node_modules/bulma/sass/form/_all.sass"; +@import "../../node_modules/bulma/sass/components/_all.sass"; +@import "../../node_modules/bulma/sass/layout/_all.sass"; +@import "../../node_modules/bulma/sass/grid/_all.sass"; + +.blurb { + background-color: white; + clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); +} + +.banner { + border-radius: 5px !important; + clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); +} + +body { + background-image: url("/bg.png"); +} |