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