mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-13 10:10:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

adjust navbar vertical alignments

Browse Source
This commit is contained in:
Kevin Ross 2015-12-23 11:58:25 -06:00
parent 8897b07af9
commit c886660719
3 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scss/_forms.scss
View File

@ -10,6 +10,10 @@ form {
display: inline-block; display: inline-block;
padding-top: 0; padding-top: 0;
} }
.btn {
margin-bottom: 0;
}
} }
} }

21
scss/_nav.scss
View File

@ -1,25 +1,34 @@
// https://www.google.com/design/spec/components/tabs.html#tabs-specs // https://www.google.com/design/spec/components/tabs.html#tabs-specs
.nav { // base for tabs and pills
font-size: $mdb-nav-font-size;
font-weight: $mdb-nav-font-weight;
}
.nav-link { .nav-link {
//line-height: $mdb-nav-link-line-height; // set baseline line-height and font sizes //line-height: $mdb-nav-link-line-height; // set baseline line-height and font sizes
text-transform: uppercase; text-transform: uppercase;
} }
// navbars
.navbar-nav {
.nav-link {
padding: $mdb-navbar-link-padding;
font-size: $mdb-navbar-link-font-size;
font-weight: $mdb-navbar-link-font-weight;
}
}
// pills and tabs
.nav-tabs, .nav-tabs,
.nav-pills { .nav-pills {
border: 0; border: 0;
.nav-link { .nav-link {
padding: $mdb-nav-tabs-link-padding; padding: $mdb-nav-tabs-pills-link-padding;
font-size: $mdb-nav-tabs-pills-font-size;
font-weight: $mdb-nav-tabs-pills-font-weight;
border: 0; border: 0;
} }
} }
// tabs only
.nav-tabs { .nav-tabs {
.nav-link { .nav-link {
border-bottom: $mdb-nav-tabs-border-size solid transparent; border-bottom: $mdb-nav-tabs-border-size solid transparent;

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

@ -1,13 +1,19 @@
// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs // Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs
$mdb-nav-font-weight: 500 !default; // $mdb-font-weight-base
$mdb-nav-font-size: .875rem !default; // 14
$nav-disabled-link-color: $gray-light !default; $nav-disabled-link-color: $gray-light !default;
$nav-disabled-link-hover-color: $gray-light !default; $nav-disabled-link-hover-color: $gray-light !default;
// tabs $mdb-navbar-link-font-weight: $mdb-font-weight-base !default; //
$mdb-nav-tabs-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14 $mdb-navbar-link-font-size: .875rem !default; // 14
$mdb-navbar-link-padding: .5321rem 0; // 7
// tabs & pills
$mdb-nav-tabs-pills-font-weight: 500 !default; //
$mdb-nav-tabs-pills-font-size: .875rem !default; // 14
$mdb-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14
// tabs only
$mdb-nav-tabs-border-size: .214rem !default; // 3px $mdb-nav-tabs-border-size: .214rem !default; // 3px
$mdb-nav-tabs-color: $gray !default; $mdb-nav-tabs-color: $gray !default;