diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-06-02 21:54:44 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-06-02 21:54:44 -0400 |
commit | e8ab11225a306225d2be16c4464e68a4ad464918 (patch) | |
tree | 9fa3c7071f6f27cb0305b0ce6522a606ded864a3 /src/scss/index.scss | |
parent | 8f3bc0a5a3640be89da2815ca32fa63150f8ec18 (diff) | |
download | carpentertutoring-e8ab11225a306225d2be16c4464e68a4ad464918.tar.xz carpentertutoring-e8ab11225a306225d2be16c4464e68a4ad464918.zip |
basic cobalt layout
Diffstat (limited to 'src/scss/index.scss')
-rw-r--r-- | src/scss/index.scss | 144 |
1 files changed, 0 insertions, 144 deletions
diff --git a/src/scss/index.scss b/src/scss/index.scss deleted file mode 100644 index d8c7330..0000000 --- a/src/scss/index.scss +++ /dev/null @@ -1,144 +0,0 @@ -@charset "utf-8"; - -// Google Fonts -@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Indie+Flower|PT+Sans&display=swap"); - -// Palette -$darkteal: rgb(0, 100, 108); -$green: rgb(88, 169, 143); -$darkerteal: rgb(29, 133, 137); -$gray: rgb(157, 210, 211); -$teal: rgb(58, 165, 166); -$cyan: rgb(156, 210, 210); -$darkgray: rgb(127, 177, 181); -$darkgreen: rgb(59, 136, 114); -$yellow: rgb(186, 214, 187); - -// Update Bulma's global variables -$primary: $teal; -$link: $darkteal; -// $info: $cyan -$success: $green; -// $warning: $yellow -// $danger: $red -// $dark: $grey-darker -// $text: $grey-dark -$family-sans-serif: "PT Sans", sans-serif; -// $hr-background-color: $primary; -$title-color: $darkteal; -$title-family: "Architects Daughter", cursive; -$subtitle-color: $darkteal; -$subtitle-family: "Indie Flower", cursive; -//$body-font-size: 1.8rem; -// $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"; - -.offering { - color: white; -} -.offering .content u { - cursor: pointer; -} -.column .offering { - border: 1em solid $darkgray; -} -.darkteal { - background-color: $darkteal; -} -.green { - background-color: $green; -} -.darkerteal { - background-color: $darkerteal; -} -.darkgray { - background-color: $darkgray; -} -.darkgreen { - background-color: $darkgreen; -} - -.blurb { - 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%; - - // 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; -} - -.quiet { - background-color: white; -} - -.fawnseh { - font-family: "Architects Daughter", cursive; -} - -.has-text-shadow { - text-shadow: 0px 0px 4px #ffffff; -} - -@keyframes fadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} - -.fadeIn { - animation-name: fadeIn; - animation-duration: 0.3s; -} - -body { - background-image: url("/bg.png"); -} |