summaryrefslogtreecommitdiff
path: root/src/scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss')
-rw-r--r--src/scss/index.scss48
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");
+}