Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-03-17 05:00:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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;
}
}
}