summaryrefslogtreecommitdiff
path: root/_sass/components/_header.scss
diff options
context:
space:
mode:
authorKarl Hallsby <karl@hallsby.com>2021-10-03 00:10:58 -0500
committerKarl Hallsby <karl@hallsby.com>2021-10-03 02:16:53 -0500
commita10ad0a99ba6e44a35253c3bcaff80c90e99348e (patch)
tree005e05a70fb1fe24a5a7c44dc1d2d14c9e1d88ed /_sass/components/_header.scss
parentb9b34a65fbe55ce78d353ce2b7eb51f6884bd272 (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.scss123
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);
- }
-}