‰PNG  IHDRôxÔúsBIT|dˆ pHYsÄÄ•+tEXtSoftwarewww.inkscape.org›î<,àtEXtComment /// Logo ///////////////////////// .logo{ &-link{ position: relative; display: inline-block; align-items: center; } &-dark{ opacity: 1; .tc-light &,.is-dark &,.is-theme &{ opacity: 0; } } &-light{ opacity: 0; .tc-light &,.is-dark &,.is-theme &{ opacity: 1; } } &-img{ max-height: $logo-height; &-lg{ max-height: $logo-height-lg; } &-sm{ max-height: $logo-height-sm; } &-icon{ max-height: $logo-height-icon; } &:not(:first-child){ position: absolute; @if($rtl==false){ left: 0; } @if($rtl==true){ right: 0; } top: 50%; transform: translateY(-50%); } } } /// Headers //////////////////////////// @mixin icon-active { opacity: 1; height: 116%; width: 116%; } .nk{ &-header{ background: $header-bg-color; border-bottom: 1px solid $header-border-bottom; padding: 0 $header-main-gap-x; z-index: 1010; @if($dark_option==true) { &.is-dark:not([class*=bg-]){ background: $header-bg-dark-color; border-color: $header-border-dark-bottom; } } &.is-light:not([class*=bg-]){ background: $white; } @if($dark_theme_option==true) { &.is-theme:not([class*=bg-]){ background: $header-bg-theme-color; border-color: $header-border-theme-bottom; } } &-fixed{ position: fixed; top: 0; left: 0; right: 0; min-width: $header-min-width; + .nk-content { margin-top: $header-height; position: relative; } } &-wrap{ position: relative; display: flex; align-items: center; margin: 0 -.25rem; > *{ padding:0 .25rem; } } &-right{ align-items: center; justify-content: flex-end; } &-center{ justify-content: center; } &-tools{ @if($rtl==false){ margin-left: auto; } @if($rtl==true){ margin-right: auto; } padding-top: $header-main-gap-y; padding-bottom: $header-main-gap-y; } &-brand{ flex-shrink: 0; padding-top: $header-main-gap-y; padding-bottom: $header-main-gap-y; } .dropdown-menu{ .lead-text{ color: $base-color; } .sub-text,.overline-title,.overline-title-alt{ color: $base-light; } } } &-quick{ &-nav{ display: flex; align-items: center; margin: 0 -6px; > li{ padding: 0 6px; &.user-dropdown > a { padding: 0 2px; } } &-icon{ display: inline-flex; position: relative; font-size: 1.5rem; z-index: 1; color: $base-text; padding: .375rem; @if($dark_option==true) { .is-dark &{ color: lighten($base-light, 10%); } } @if($dark_theme_option==true) { .is-theme &{ color: $accent-light; } &.nk-nav-toggle{ .is-theme &{ color: $white; } } } &:focus{ box-shadow: none; } &:before{ position: absolute; z-index: -1; height: 20px; width: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 50%; content: ''; background-color: $light-200; border-radius: 50%; opacity: 0; transition: all .3s; @if($dark_option==true) { .is-dark &{ background-color: darken($darker,3%); } } @if($dark_theme_option==true) { .is-theme &{ background-color: darken($accent-dark,10%); } } .show > &{ @include icon-active(); } } &:hover:before,&.active:before{ @include icon-active(); } } } } } @media (max-width:359px){ .nk{ &-quick{ &-nav{ margin: 0 -3px; > li{ padding: 0 3px; } } } } .hide-mb-xs{ display: none; } } @media (max-width:575px){ .hide-mb-sm{ display: none; } } @include media-breakpoint-up(sm){ .nk{ &-header{ padding: 0 $header-main-gap-x-sm; } &-quick{ &-nav{ margin: 0 -10px; > li{ padding: 0 10px; } } } } } @include media-breakpoint-up(lg){ .nk{ &-header{ &-fluid{ padding-left: 24px; padding-right: 24px; } } } } @media (min-width:1660px){ .nk{ &-header{ &-fluid{ padding-left: 44px; padding-right: 44px; } } } } //Quick Icon @i/v191 .quick-icon { display: inline-flex; height: 24px; width: 24px; border-radius: 50%; img.icon{ border-radius: 50%; } }