vendor/assets/stylesheets/_navbar.scss in active_frontend-10.3.0 vs vendor/assets/stylesheets/_navbar.scss in active_frontend-11.0.0

- old
+ new

@@ -4,47 +4,54 @@ # Colors # Media Queries */ /* # Navbar ================================================== */ -.navbar-fixed { - bottom: 0; - left: 0; - position: fixed; - right: 0; - z-index: 1030; -} .navbar { background: $color-white; border-collapse: separate; border-top: 1px solid $color-haze; box-sizing: border-box; display: table; - height: 48px; + height: 50px; table-layout: fixed; width: 100%; } +.navbar-fixed { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1030; +} .navbar > a { - color: $color-dark-gray; + color: $color-gray; display: table-cell; float: none; font-size: 27px; - padding: 10px 0; + padding-top: 10px; text-align: center; width: 1%; } .navbar > a:hover, .navbar > a.active, .navbar > a:active, .navbar > a:focus { color: $color-primary; } +.navbar > a.filled { + background: $color-primary; + color: $color-white; +} +.navbar > a.filled:hover, +.navbar > a.filled.active, +.navbar > a.filled:active, +.navbar > a.filled:focus { background: darken($color-primary, 5%); } /* # Colors ================================================== */ .navbar-dark { background: $color-black; border-color: $color-dark-black; } -.navbar-dark > a { color: $color-white; } .navbar-light { background: $color-light-haze; border-color: $color-dark-haze; } \ No newline at end of file