From: Sven Date: Wed, 3 May 2017 12:27:26 +0000 (+0200) Subject: Bug 11339: closed X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=c60d28da6a379d629d69688588cc33465dd1796e;p=ipfire.org.git Bug 11339: closed --- diff --git a/static/css/style.css b/static/css/style.css index 9e256be2..4a02f28e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -5235,6 +5235,28 @@ button:focus { .navbar .btn { margin-top: .15rem; } +a.nav-link { + padding-bottom: 30px; + display: block; + position: relative; } + a.nav-link:after { + content: ""; + border-bottom: 2px solid #b71c1c; + position: absolute; + -webkit-transform: scaleX(0); + transform: scaleX(0); + width: 100%; + left: 0; + padding: inherit; + -webkit-transition: -webkit-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out; } + +a.nav-link:hover:after { + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .navbar-brand { font-size: 1.25rem; font-weight: 300; } diff --git a/static/scss/style.scss b/static/scss/style.scss index 0a710663..774e127b 100644 --- a/static/scss/style.scss +++ b/static/scss/style.scss @@ -307,6 +307,26 @@ button:focus { } } +a.nav-link { + padding-bottom: 30px; + display: block; + position: relative; + &:after { + content: ""; + border-bottom: 2px solid $red_900; + position: absolute; + transform: scaleX(0); + width: 100%; + left: 0; + padding: inherit; + transition: transform .3s ease-out; + } +} + +a.nav-link:hover:after { + transform: scaleX(1); +} + .navbar-brand { font-size: 1.25rem; @include media-breakpoint-up(sm) {