diff options
Diffstat (limited to 'src/scss')
| -rw-r--r-- | src/scss/index.scss | 46 | ||||
| -rw-r--r-- | src/scss/palette.css | 9 |
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) } |