diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
commit | 66e98b7125c87706782b8247b8e0329473dbeb5a (patch) | |
tree | 4d33c71e5462aa991199159f7fa70c1b3acf355b /public/css/_sass/layout | |
parent | 52daf90e6206a67414b2de2f7b741b9af2cd959a (diff) | |
download | cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip |
reorganized assets and CSS, added a post
Diffstat (limited to 'public/css/_sass/layout')
-rw-r--r-- | public/css/_sass/layout/_all.sass | 5 | ||||
-rw-r--r-- | public/css/_sass/layout/footer.sass | 6 | ||||
-rw-r--r-- | public/css/_sass/layout/hero.sass | 156 | ||||
-rw-r--r-- | public/css/_sass/layout/section.sass | 13 |
4 files changed, 0 insertions, 180 deletions
diff --git a/public/css/_sass/layout/_all.sass b/public/css/_sass/layout/_all.sass deleted file mode 100644 index 143ada3..0000000 --- a/public/css/_sass/layout/_all.sass +++ /dev/null @@ -1,5 +0,0 @@ -@charset "utf-8" - -@import "hero.sass" -@import "section.sass" -@import "footer.sass" diff --git a/public/css/_sass/layout/footer.sass b/public/css/_sass/layout/footer.sass deleted file mode 100644 index 1988153..0000000 --- a/public/css/_sass/layout/footer.sass +++ /dev/null @@ -1,6 +0,0 @@ -$footer-background-color: $white-bis !default -$footer-padding: 3rem 1.5rem 6rem !default - -.footer - background-color: $footer-background-color - padding: $footer-padding diff --git a/public/css/_sass/layout/hero.sass b/public/css/_sass/layout/hero.sass deleted file mode 100644 index d988040..0000000 --- a/public/css/_sass/layout/hero.sass +++ /dev/null @@ -1,156 +0,0 @@ -// Main container - -.hero - align-items: stretch - display: flex - flex-direction: column - justify-content: space-between - .navbar - background: none - .tabs - ul - border-bottom: none - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - a:not(.button):not(.dropdown-item):not(.tag), - strong - color: inherit - .title - color: $color-invert - .subtitle - color: rgba($color-invert, 0.9) - a:not(.button), - strong - color: $color-invert - .navbar-menu - +touch - background-color: $color - .navbar-item, - .navbar-link - color: rgba($color-invert, 0.7) - a.navbar-item, - .navbar-link - &:hover, - &.is-active - background-color: darken($color, 5%) - color: $color-invert - .tabs - a - color: $color-invert - opacity: 0.9 - &:hover - opacity: 1 - li - &.is-active a - opacity: 1 - &.is-boxed, - &.is-toggle - a - color: $color-invert - &:hover - background-color: rgba($black, 0.1) - li.is-active a - &, - &:hover - background-color: $color-invert - border-color: $color-invert - color: $color - // Modifiers - &.is-bold - $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%) - $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - +mobile - .navbar-menu - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - // Responsiveness - // +mobile - // .nav-toggle - // span - // background-color: $color-invert - // &:hover - // background-color: rgba($black, 0.1) - // &.is-active - // span - // background-color: $color-invert - // .nav-menu - // .nav-item - // border-top-color: rgba($color-invert, 0.2) - // Sizes - &.is-small - .hero-body - padding-bottom: 1.5rem - padding-top: 1.5rem - &.is-medium - +tablet - .hero-body - padding-bottom: 9rem - padding-top: 9rem - &.is-large - +tablet - .hero-body - padding-bottom: 18rem - padding-top: 18rem - &.is-halfheight, - &.is-fullheight, - &.is-fullheight-with-navbar - .hero-body - align-items: center - display: flex - & > .container - flex-grow: 1 - flex-shrink: 1 - &.is-halfheight - min-height: 50vh - &.is-fullheight - min-height: 100vh - -// Components - -.hero-video - @extend %overlay - overflow: hidden - video - left: 50% - min-height: 100% - min-width: 100% - position: absolute - top: 50% - transform: translate3d(-50%, -50%, 0) - // Modifiers - &.is-transparent - opacity: 0.3 - // Responsiveness - +mobile - display: none - -.hero-buttons - margin-top: 1.5rem - // Responsiveness - +mobile - .button - display: flex - &:not(:last-child) - margin-bottom: 0.75rem - +tablet - display: flex - justify-content: center - .button:not(:last-child) - margin-right: 1.5rem - -// Containers - -.hero-head, -.hero-foot - flex-grow: 0 - flex-shrink: 0 - -.hero-body - flex-grow: 1 - flex-shrink: 0 - padding: 3rem 1.5rem diff --git a/public/css/_sass/layout/section.sass b/public/css/_sass/layout/section.sass deleted file mode 100644 index 6f2d352..0000000 --- a/public/css/_sass/layout/section.sass +++ /dev/null @@ -1,13 +0,0 @@ -$section-padding: 3rem 1.5rem !default -$section-padding-medium: 9rem 1.5rem !default -$section-padding-large: 18rem 1.5rem !default - -.section - padding: $section-padding - // Responsiveness - +desktop - // Sizes - &.is-medium - padding: $section-padding-medium - &.is-large - padding: $section-padding-large |