summaryrefslogtreecommitdiff
path: root/src/scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss')
-rw-r--r--src/scss/index.scss46
-rw-r--r--src/scss/palette.css9
2 files changed, 32 insertions, 23 deletions
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 55cd938..68aa412 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -1,16 +1,9 @@
@charset "utf-8";
-// Import Google Fonts
-//@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
-@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap');
+// Google Fonts
+@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap');
// Palette
-//$pine-green: #01646d;
-//$midnight-green: #114b5f;
-//$eton-blue: #88d498;
-//$pastel-gray: #c6dabf;
-//$isabelline: #f7f4ea;
$darkteal: rgb(0, 100, 108);
$green: rgb(88, 169, 143);
$darkerteal: rgb(29, 133, 137);
@@ -23,7 +16,7 @@ $yellow: rgb(186, 214, 187);
// Update Bulma's global variables
$primary: $teal;
-// $link: $midnight-green;
+$link: $darkteal;
// $info: $cyan
$success: $green;
// $warning: $yellow
@@ -32,8 +25,11 @@ $success: $green;
// $text: $grey-dark
$family-sans-serif: "PT Sans", sans-serif;
// $hr-background-color: $primary;
-$title-color: white;
-//$subtitle-color: white;
+$title-color: $darkteal;
+$title-family: "Architects Daughter", cursive;
+$subtitle-color: $darkteal;
+$subtitle-family: "Indie Flower", cursive;
+$body-font-size: 1.25rem;
// $body-background-color: $isabelline;
// Import only what you need from Bulma
@@ -89,8 +85,26 @@ $title-color: white;
}
.banner {
- border-radius: 5px !important;
- clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
+ right: 100%;
+ padding-top: 5%;
+ padding-bottom: 5%;
+ padding-right: 5%;
+
+ // gradient
+ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
+ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
+ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
+}
+
+.has-banner {
+ //margin-top: 0px !important;
+ //margin-bottom: 0px !important;
+ padding-top: 0px !important;
+ padding-bottom: 0px !important;
+ padding-right: 0px !important;
+ padding-left: 10% !important;
+
}
.quiet {
@@ -101,6 +115,10 @@ $title-color: white;
font-family: 'Architects Daughter', cursive;
}
+.has-text-shadow {
+ text-shadow: 0px 0px 4px #ffffff;
+}
+
body {
background-image: url("/bg.png");
}
diff --git a/src/scss/palette.css b/src/scss/palette.css
deleted file mode 100644
index 66799cd..0000000
--- a/src/scss/palette.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/* Generated with GIMP Palette Export */
-.darkteal { color: rgb(0, 100, 108) }
-.green { color: rgb(88, 169, 143) }
-.darkerteal { color: rgb(29, 133, 137) }
-.gray { color: rgb(157, 210, 211) }
-.teal { color: rgb(58, 165, 166) }
-.cyan { color: rgb(156, 210, 210) }
-.darkgray { color: rgb(127, 177, 181) }
-.darkgreen { color: rgb(59, 136, 114) }