mdb-ui-kit/scss/_navbar.scss
2016-01-26 12:12:48 -06:00

195 lines
4.0 KiB
SCSS

.navbar {
margin-bottom: .25rem; // required to provide space for the shadow to render (need is visible in mobile drawer overlay)
border: 0;
border-radius: 0;
@include box-shadow($mdb-shadow-2dp);
//.navbar-brand {
// position: relative;
// height: 60px;
// line-height: 30px;
// color: inherit;
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// }
//}
//
//.navbar-text {
// color: inherit;
// margin-top: 20px;
// margin-bottom: 20px;
//}
//
//.navbar-nav {
// > li > a {
// color: inherit;
// padding-top: 20px;
// padding-bottom: 20px;
//
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// }
// }
// > .active > a {
// &,
// &:hover,
// &:focus {
// color: inherit;
// background-color: rgba($white, 0.1);
// }
// }
// > .disabled > a {
// &,
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// opacity: 0.9;
// }
// }
//}
//
//// Darken the responsive nav toggle
//.navbar-toggle {
// border: 0;
// &:hover,
// &:focus {
// background-color: transparent;
// }
// .icon-bar {
// background-color: inherit;
// border: 1px solid;
// }
//}
//
//.navbar-default .navbar-toggle,
//.navbar-inverse .navbar-toggle {
// border-color: transparent;
//}
//
//.navbar-collapse,
//
//// Dropdowns
//.navbar-nav {
// > .open > a {
// &,
// &:hover,
// &:focus {
// background-color: transparent;
// color: inherit;
// }
// }
//
// @include media-breakpoint-down(md) {
// //@media (max-width: $grid-float-breakpoint-max) { //768px
// .navbar-text {
// color: inherit;
// margin-top: 15px;
// margin-bottom: 15px;
// }
//
// // Dropdowns get custom display
// .open .dropdown-menu {
// > .dropdown-header {
// border: 0;
// color: inherit;
// }
// .divider {
// border-bottom: 1px solid;
// opacity: 0.08;
// }
// > li > a {
// color: inherit;
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// }
// }
// > .active > a {
// &,
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// }
// }
// > .disabled > a {
// &,
// &:hover,
// &:focus {
// color: inherit;
// background-color: transparent;
// }
// }
// }
// }
//}
//
//.navbar-link {
// color: inherit;
// &:hover {
// color: inherit;
// }
//}
//
//.btn-link {
// color: inherit;
// &:hover,
// &:focus {
// color: inherit;
// }
// &[disabled],
// fieldset[disabled] & {
// &:hover,
// &:focus {
// color: inherit;
// }
// }
//}
//
// .mdb-form-group {
// margin: 0;
// padding: 0;
//
// .mdb-form-control-decorator:before,
// &.is-focused .mdb-form-control-decorator:after {
// background-color: inherit;
// }
// }
//
// .mdb-form-group .form-control,
// .form-control {
// border-color: inherit;
// color: inherit;
// padding: 0;
// margin: 0;
// }
//
//// SASS conversion note: please mirror any content change in _mixins-shared.scss navbar-variations-content
//@include navbar-variations(unquote(".navbar"), unquote(""), $brand-primary);
//
//
//&-inverse {
// background-color: $indigo;
//}
//
//@include media-breakpoint-down(lg) {
// //@media (max-width: $screen-md-max) { // 1200-1
//
// .navbar-brand {
// height: 50px;
// padding: 10px 15px;
// }
//
// .navbar-nav > li > a {
// padding-top: 15px;
// padding-bottom: 15px;
// }
//}
}