first commit
This commit is contained in:
87
resources/assets/vendor/scss/_bootstrap-extended/_navbar.scss
vendored
Normal file
87
resources/assets/vendor/scss/_bootstrap-extended/_navbar.scss
vendored
Normal file
@ -0,0 +1,87 @@
|
||||
// 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%;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user