From 2ecf9ea6569e9aae0a711ed3c14cc721a1478a99 Mon Sep 17 00:00:00 2001 From: Jannik Beyerstedt Date: Fri, 28 Oct 2016 21:37:26 +0200 Subject: [PATCH] [FIX] fix navbar float issue near breakpoint sm, because sm width was changed in bootstrap --- assets/css/main.css | 6 +++++- assets/css/main.css.map | Bin 7280 -> 7403 bytes assets/scss/main.scss | 7 ++++++- 3 files changed, 11 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index a4f90b5..1bc6b11 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -106,12 +106,16 @@ nav { text-align: center; font-size: 18px; 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 { border-bottom: 1px solid #2dac01; } nav ul.nav a.section { font-weight: 500; } } +@media (min-width: 768px) { + nav ul.nav a { + margin: 30px 9px 1px; } } + @media (max-width: 575px) { nav button.navbar-toggler { float: right; diff --git a/assets/css/main.css.map b/assets/css/main.css.map index 217c815df574e059512851b2d553dcd08e6fad4a..b04a97b2b9e8472f3030873810aaba5ecf4a2384 100644 GIT binary patch delta 252 zcmexh@!E2OqY$&XThe4*0U73e_n^reg+(X7p4OgT7M^K3=}wN0=}tPXp8B2vI{uE1 z{y_0`ugUtthj{b6T_GaAUisdW{|N{1WV?7m)wpF%juKg@V(#Mz5peag@F{cB@pg3d z2AXB;3$a7T-7DL7vb^X+o+>|2n5_nzdBma^nN7VtK(1oS_nF)-Zq8UTdB3e2CZ5%M~Kx>!s~Axl$y6r_{w0s>ZEk@>P+ADiuDC5CK=ON}n<( z9dAcRZ=hKvz7RWf+`Y_vCeIRm$W!3w3A43ubGuj+BXgOz2gp@S+TN3yB+OZ|d^4QE cuFRhtC85n+=HmsHHSw7oEg`e{kc1`+0Ig|1r~m)} diff --git a/assets/scss/main.scss b/assets/scss/main.scss index fc0836b..95875b1 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -131,7 +131,7 @@ nav { text-align: center; font-size: 18px; font-weight: 300; - margin: 30px 9px 1px; + margin: 30px 7px 1px; } a:hover, a:focus, a.active { 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) { nav { button.navbar-toggler {