mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-03-11 15:25:46 +03:00
Code Issues Packages Projects Releases Wiki Activity

improved navbar styling

Browse Source
This commit is contained in:
FezVrasta 2016-08-01 12:01:15 +02:00
parent 8126140716
commit 7c65ef8275
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
scss/_navbar.scss
View File

@ -1,5 +1,5 @@
.navbar { .navbar {
margin-bottom: .25rem; // required to provide space for the shadow to render (need is visible in mobile drawer overlay) z-index: 1; // required to make the shadow overlap the below content (need is visible in mobile drawer overlay)
border: 0; border: 0;
border-radius: 0; border-radius: 0;
@include box-shadow($bmd-shadow-2dp); @include box-shadow($bmd-shadow-2dp);
@ -20,3 +20,13 @@
} }
// #853 end - https://github.com/twbs/bootstrap/pull/18976/files // #853 end - https://github.com/twbs/bootstrap/pull/18976/files
} }
.navbar-nav {
.nav-item {
position: relative; // used to correctly size ripple container
}
}
.navbar > .container {
flex: 1;
}

2
scss/variables/bootstrap/_nav.scss
View File

@ -5,7 +5,7 @@ $nav-disabled-link-hover-color: $gray-light !default;
$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; // $bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //
$bmd-navbar-link-font-size: .875rem !default; // 14 $bmd-navbar-link-font-size: .875rem !default; // 14
$bmd-navbar-link-padding: .5321rem 0; // 7 $bmd-navbar-link-padding: .5321rem; // 7
// tabs & pills // tabs & pills