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

adjust header height now that we are using a flex navbar

Browse Source
This commit is contained in:
Kevin Ross 2016-01-21 14:10:52 -06:00
parent 7f67674897
commit 6b1b88e848
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/examples/dashboard/example.scss
View File

@ -24,17 +24,12 @@ a, a:hover {
color: $grey-600; color: $grey-600;
> .navbar { > .navbar {
// .navbar is not flex based by default, so have to vertical align with padding.
// If this were my own app, I would flex position items in my navbar and stick .mdb-layout-header on my existing .navbar
// instead of wrapping it. But nonetheless, this example shows how this can work with minimal markup to match an MDL design.
$header-height: 3.5rem !default; // 56px
$line-height: 1.5;
min-height: $header-height; @media (min-width: 992px) { // media-breakpoint-up(lg)
min-height: 4rem;
}
$padding: ($header-height - (1rem * $line-height)) / 2; min-height: 3.5rem; // 56px
padding-top: $padding;
padding-bottom: $padding;
} }
} }