88 lines
1.4 KiB
SCSS
88 lines
1.4 KiB
SCSS
// Navbar
|
|
// *******************************************************************************
|
|
|
|
.navbar {
|
|
z-index: 2;
|
|
// ! Fix: navbar dropdown focus outline
|
|
.dropdown:focus,
|
|
.dropdown-toggle:focus {
|
|
outline: 0;
|
|
}
|
|
.navbar-toggler:focus {
|
|
box-shadow: none;
|
|
}
|
|
.list-group-item:hover,
|
|
.list-group-item:focus {
|
|
background-color: $navbar-dropdown-hover-bg;
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
.fixed-top {
|
|
z-index: $zindex-fixed;
|
|
}
|
|
|
|
.navbar.navbar-light {
|
|
color: $navbar-light-color;
|
|
}
|
|
|
|
.navbar-light .navbar-nav .nav-link.disabled {
|
|
color: $navbar-light-disabled-color !important;
|
|
}
|
|
|
|
.navbar.navbar-dark {
|
|
color: $navbar-dark-color;
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link.disabled {
|
|
color: $navbar-dark-disabled-color !important;
|
|
}
|
|
|
|
// IE fix
|
|
.navbar-collapse,
|
|
.navbar-brand,
|
|
.navbar-text {
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
// Icons
|
|
// .navbar-icon {
|
|
// font-size: 130%;
|
|
// }
|
|
|
|
// Rulers
|
|
.navbar-dark hr {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.navbar-light hr {
|
|
border-color: $gray-100;
|
|
}
|
|
|
|
// RTL Style
|
|
// ******************************************************************************
|
|
|
|
@include rtl-only {
|
|
.navbar-nav {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.navbar-brand {
|
|
margin-right: 0;
|
|
margin-left: $navbar-padding-x;
|
|
}
|
|
}
|
|
|
|
// Mega dropdown
|
|
// ******************************************************************************
|
|
|
|
.mega-dropdown {
|
|
.dropdown-toggle {
|
|
outline: 0;
|
|
box-shadow: none;
|
|
}
|
|
.dropdown-menu {
|
|
width: 100%;
|
|
}
|
|
}
|