diff options
Diffstat (limited to 'src/scss/index.scss')
| -rw-r--r-- | src/scss/index.scss | 108 |
1 files changed, 58 insertions, 50 deletions
diff --git a/src/scss/index.scss b/src/scss/index.scss index 59aac49..79ed71d 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -1,7 +1,7 @@ @charset "utf-8"; // Google Fonts -@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap'); +@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap"); // Palette $darkteal: rgb(0, 100, 108); @@ -43,84 +43,92 @@ $body-font-size: 1.25rem; // Palette .darkteal { - background-color: $darkteal; - color: white; + background-color: $darkteal; + border: 1em solid $darkgray; + color: white; } .green { - background-color: $green; - color: white; + background-color: $green; + border: 1em solid $darkgray; + color: white; } .darkerteal { - background-color: $darkerteal; - color: white; -} -.gray { - background-color: $gray; - color: white; -} -.teal { - background-color: $teal; - color: white; -} -.cyan { - background-color: $cyan; - color: white; + background-color: $darkerteal; + border: 1em solid $darkgray; + color: white; } .darkgray { - background-color: $darkgray; - color: white; + background-color: $darkgray; + border: 1em solid $darkgray; + color: white; } .darkgreen { - background-color: $darkgreen; - color: white; -} -.yellow { - background-color: $yellow; - color: white; + background-color: $darkgreen; + border: 1em solid $darkgray; + color: white; } .blurb { - background-color: white; - clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); + background-color: white; + clip-path: polygon( + 0% 0%, + 100% 0%, + 100% 75%, + 75% 75%, + 75% 100%, + 50% 75%, + 0% 75% + ); } .banner { - right: 100%; - padding-top: 5%; - padding-bottom: 5%; - padding-right: 5%; + 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) 50%); - background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); - background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); + // gradient + background: -moz-linear-gradient( + left, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 50% + ); + background: -webkit-linear-gradient( + left, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 50% + ); + background: linear-gradient( + to right, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 50% + ); + 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; - + //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 { - background-color: white; + background-color: white; } .fawnseh { - font-family: 'Architects Daughter', cursive; + font-family: "Architects Daughter", cursive; } .has-text-shadow { - text-shadow: 0px 0px 4px #ffffff; + text-shadow: 0px 0px 4px #ffffff; } body { - background-image: url("/bg.png"); + background-image: url("/bg.png"); } -@import "./flip-card.scss"; +@import "./flash-card.scss"; |