// This file contains class definitions for swiftfire extension // to the classic-jekyll-theme. // // ===============================================================
// Fix the layout of the domain menu subitem labels
.menubar {
@include narrow-layout { .item .dropdown .subitem .title .text form button { display: flex; justify-content: start; align-items: center; padding-left: $menubar-subitem-indent-narrow; } } @include medium-and-widest-layout { .item .dropdown .subitem .title .text form button { @include medium-layout { font: $menubar-subitem-font-medium; } @include widest-layout { font: $menubar-subitem-font-widest; } @include medium-layout { color: $menubar-subitem-color-medium; } @include widest-layout { color: $menubar-subitem-color-widest; } @include medium-layout { padding: $menubar-subitem-padding-medium; } @include widest-layout { padding: $menubar-subitem-padding-widest; } } }
}
// Swiftfire items
.sf-loginlogout {
display: flex; flex-direction: row; justify-content: flex-end; padding-right: $hspacing-unit/2; width: 100%; font-size: $small-2-font-size; .sf-loginlogout-firstoption { margin: 0 $hspacing-unit/2 0 0; } .sf-loginlogout-secondoption { margin: 0 $hspacing-unit/2 0 $hspacing-unit/2; } p { margin: 0 0 0 0; } button { margin: 0 0 0 0; font-size: $small-2-font-size; color: black; }
}