summaryrefslogtreecommitdiff
path: root/public/css/_sass/layout
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-11 10:59:50 -0400
commit66e98b7125c87706782b8247b8e0329473dbeb5a (patch)
tree4d33c71e5462aa991199159f7fa70c1b3acf355b /public/css/_sass/layout
parent52daf90e6206a67414b2de2f7b741b9af2cd959a (diff)
downloadcobalt-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.sass5
-rw-r--r--public/css/_sass/layout/footer.sass6
-rw-r--r--public/css/_sass/layout/hero.sass156
-rw-r--r--public/css/_sass/layout/section.sass13
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