diff options
author | Karl Hallsby <karl@hallsby.com> | 2021-10-03 00:10:58 -0500 |
---|---|---|
committer | Karl Hallsby <karl@hallsby.com> | 2021-10-03 02:16:53 -0500 |
commit | a10ad0a99ba6e44a35253c3bcaff80c90e99348e (patch) | |
tree | 005e05a70fb1fe24a5a7c44dc1d2d14c9e1d88ed /_sass/components/_header.scss | |
parent | b9b34a65fbe55ce78d353ce2b7eb51f6884bd272 (diff) |
Revert ALL jekyll-text-theme configuration files
I am changing the theme of the site, and need to revert these changes
to make everything work.
Revert "Add jekyll-text-theme YAML files"
This reverts commit 61b34a5f260db45575d448d766ea29c0fb273ed3.
Revert "Bring all of jekyll-text-theme _includes into site"
This reverts commit c6bf5f7c895287d2028f6024265913b59784a154.
Revert "Bring all of jekyll-text-theme assets to site"
This reverts commit 7b69c2e5975f98da09d932ba6c70bdd71b1601a7.
Remove jekyll text theme from Gemfile
Diffstat (limited to '_sass/components/_header.scss')
-rw-r--r-- | _sass/components/_header.scss | 123 |
1 files changed, 0 insertions, 123 deletions
diff --git a/_sass/components/_header.scss b/_sass/components/_header.scss deleted file mode 100644 index 44d108d..0000000 --- a/_sass/components/_header.scss +++ /dev/null @@ -1,123 +0,0 @@ -.header { - background: $header-background; - a { - font-weight: map-get($base, font-weight); - text-decoration: none !important; - @include link-colors($header-text-color, $main-color-1); - } - .main { - @include flexbox(); - @include media-breakpoint-down(md) { - @include flex-direction(column); - } - } -} - -.header--dark { - @extend .text--dark; - background: rgba(#000, .15); - .navigation__item--active { - &::after { - @include split-line(bottom, 4px, $text-color-theme-dark); - } - } -} - -.header--light { - @extend .text--light; - background: rgba(#fff, .15); - .navigation__item--active { - &::after { - @include split-line(bottom, 4px, $text-color-theme-light); - } - } -} - -.header__title { - @include menu(3, 0); - @include align-items(center); - @include flex-wrap(nowrap); - @include flex(1); - height: map-get($layout, header-height); - margin-right: map-get($spacers, 3); - white-space: nowrap; - @include media-breakpoint-down(md) { - height: auto; - margin-right: 0; - } - & > .header__brand { - @include flex(1); - @include media-breakpoint-down(md) { - height: map-get($layout, header-height-sm); - } - } - & > .search-button { - display: none; - margin-left: map-get($spacers, 2); - @include media-breakpoint-down(md) { - @include flexbox(); - } - } -} - -.header__brand { - @include flexbox(); - @include align-items(center); - & > svg { - width: map-get($base, font-size-h4) * 1.6; - height: map-get($base, font-size-h4) * 1.6; - margin-right: map-get($spacers, 3); - vertical-align: middle; - @include media-breakpoint-down(md) { - width: map-get($base, font-size-h4) * 1.2; - height: map-get($base, font-size-h4) * 1.2; - } - } - & > a { - display: inline-block; - font-size: map-get($base, font-size-h4); - @include media-breakpoint-down(md) { - font-size: map-get($base, font-size-h4-small); - } - } -} - -.navigation { - @include overflow(auto, "x"); - & > ul { - height: map-get($layout, header-height); - padding-bottom: 0; - margin: 0; - @include media-breakpoint-down(md) { - padding-bottom: 4px; - margin: -4px 0 0 0; - } - @include menu(3, 2, nowrap); - @include align-items(center); - @include media-breakpoint-down(md) { - height: auto; - } - .search-button { - @include media-breakpoint-down(md) { - display: none; - } - } - } -} - -.navigation__item { - &::after { - display: block; - margin-bottom: -4px; - content: ""; - @include split-line(bottom, 4px, transparent); - } -} -.navigation__item--active { - a { - @include link-colors($main-color-1, $main-color-1); - } - &::after { - @include split-line(bottom, 4px, $main-color-1); - } -} |