mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 17:14:04 +02:00
Code Issues Releases Wiki 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
Download Patch File Download Diff File Expand all files Collapse all files

17
scss/_navbar.scss
View File

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