diff --git a/source/css/_common/outline/header/index.styl b/source/css/_common/outline/header/index.styl index 7b734cc..6ff3084 100644 --- a/source/css/_common/outline/header/index.styl +++ b/source/css/_common/outline/header/index.styl @@ -9,14 +9,6 @@ } } -.column { - background: $head-bg; -} - -.header { - main-container(); -} - .site-brand-container { display: flex; flex-shrink: 0; diff --git a/source/css/_schemes/Mist/_header.styl b/source/css/_schemes/Mist/_header.styl index 69f9605..2d6543f 100644 --- a/source/css/_schemes/Mist/_header.styl +++ b/source/css/_schemes/Mist/_header.styl @@ -1,5 +1,9 @@ // Header // -------------------------------------------------- +.column { + background: var(--content-bg-color); +} + .header { align-items: center; display: flex; diff --git a/source/css/_schemes/Muse/_layout.styl b/source/css/_schemes/Muse/_layout.styl index ec93221..1aa9783 100644 --- a/source/css/_schemes/Muse/_layout.styl +++ b/source/css/_schemes/Muse/_layout.styl @@ -1,3 +1,7 @@ +.header { + main-container(); +} + .main-inner { main-container(); diff --git a/source/css/_schemes/Pisces/_header.styl b/source/css/_schemes/Pisces/_header.styl index 8fca672..566ee52 100644 --- a/source/css/_schemes/Pisces/_header.styl +++ b/source/css/_schemes/Pisces/_header.styl @@ -1,3 +1,11 @@ +.column { + width: $sidebar-desktop; + + +tablet-mobile() { + width: auto; + } +} + .site-brand-container { background: var(--theme-color); diff --git a/source/css/_schemes/Pisces/_layout.styl b/source/css/_schemes/Pisces/_layout.styl index 6fdcc0c..907e6ba 100644 --- a/source/css/_schemes/Pisces/_layout.styl +++ b/source/css/_schemes/Pisces/_layout.styl @@ -2,11 +2,9 @@ background: var(--content-bg-color); border-radius: $border-radius-inner; box-shadow: $box-shadow-inner; - width: $sidebar-desktop; +tablet-mobile() { border-radius: initial; - width: auto; } } diff --git a/source/css/_schemes/Pisces/_sidebar.styl b/source/css/_schemes/Pisces/_sidebar.styl index 62d971b..9197923 100644 --- a/source/css/_schemes/Pisces/_sidebar.styl +++ b/source/css/_schemes/Pisces/_sidebar.styl @@ -1,10 +1,8 @@ .sidebar { - margin-top: $sidebar-offset; // https://caniuse.com/css-sticky position: -webkit-sticky; position: sticky; top: $sidebar-offset; - width: $sidebar-desktop; +tablet-mobile() { display: none; @@ -21,6 +19,7 @@ box-shadow: $box-shadow; box-sizing: border-box; color: var(--text-color); + margin-top: $sidebar-offset; } .site-state-item { diff --git a/source/css/_variables/Mist.styl b/source/css/_variables/Mist.styl index 49f85f7..0459539 100644 --- a/source/css/_variables/Mist.styl +++ b/source/css/_variables/Mist.styl @@ -11,7 +11,6 @@ $link-decoration-color = $grey-light; $content-bg-color = $whitesmoke; $menu-item-bg-color = $grey-lighter; -$head-bg = var(--content-bg-color); $brand-color = $black-deep; $brand-hover-color = $brand-color; diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl index 4884613..ca8519a 100644 --- a/source/css/_variables/base.styl +++ b/source/css/_variables/base.styl @@ -205,12 +205,8 @@ $headband-height = 3px; $headband-bg = var(--theme-color); -// Section Header -// Variables for header section elements. -// -------------------------------------------------- -$head-bg = transparent; - // Site Meta +// -------------------------------------------------- $brand-color = white; $brand-hover-color = white; $brand-color-dark = $grey-lighter;