rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better

Browse Source
This commit is contained in:
Mark Otto 2016-12-21 13:19:14 -08:00 committed by Mark Otto
parent 50c76fd841
commit 350f8a20c9
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
scss/_navbar.scss
View File

@ -62,15 +62,20 @@
.navbar-brand {
display: inline-block;
padding: .25rem .5rem;
padding-top: .25rem;
padding-bottom: .25rem;
font-size: $font-size-lg;
line-height: inherit;
@include hover-focus {
text-decoration: none;
}
}
@include media-breakpoint-up(sm) {
padding-right: .5rem;
padding-left: .5rem;
}
}
.navbar-divider {
float: left;
@ -128,13 +133,19 @@
.nav-link {
display: block;
padding: .425rem .5rem;
padding-top: .425rem;
padding-bottom: .425rem;
}
@include media-breakpoint-up(sm) {
.nav-item {
display: inline-block;
}
.nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
}
}