PNG IHDR x sBIT|d pHYs + tEXtSoftware www.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%;
}
}
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E