jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[FIX] fix navbar float issue near breakpoint sm, because sm width was changed in bootstrap

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-10-28 21:37:26 +02:00
parent a61d400590
commit 2ecf9ea656
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/main.css
View file

@ -106,12 +106,16 @@ nav {
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
margin: 30px 9px 1px; } margin: 30px 7px 1px; }
nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active { nav ul.nav a:hover, nav ul.nav a:focus, nav ul.nav a.active {
border-bottom: 1px solid #2dac01; } border-bottom: 1px solid #2dac01; }
nav ul.nav a.section { nav ul.nav a.section {
font-weight: 500; } } font-weight: 500; } }
@media (min-width: 768px) {
nav ul.nav a {
margin: 30px 9px 1px; } }
@media (max-width: 575px) { @media (max-width: 575px) {
nav button.navbar-toggler { nav button.navbar-toggler {
float: right; float: right;

BIN
assets/css/main.css.map
View file

Binary file not shown.

7
assets/scss/main.scss
View file

@ -131,7 +131,7 @@ nav {
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
margin: 30px 9px 1px; margin: 30px 7px 1px;
} }
a:hover, a:focus, a.active { a:hover, a:focus, a.active {
border-bottom: 1px solid $color_accent; border-bottom: 1px solid $color_accent;
@ -142,6 +142,11 @@ nav {
} }
} }
} }
@include media-breakpoint-up(md) {
nav ul.nav a {
margin: 30px 9px 1px;
}
}
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
nav { nav {
button.navbar-toggler { button.navbar-toggler {