Sha256: 62bf0376987c253da21ce1124a9ed2d1848a0fc3a28d08023d35118cee502f7d
Contents?: true
Size: 1.49 KB
Versions: 9
Compression:
Stored size: 1.49 KB
Contents
// Styling for the navbar
#mainNav {
background-color: $gray-900;
.navbar-toggler {
font-size: 12px;
right: 0;
padding: 13px;
text-transform: uppercase;
color: white;
border: 0;
background-color: $primary;
@include heading-font;
}
.navbar-brand {
color: $primary;
@include script-font;
&.active,
&:active,
&:focus,
&:hover {
color: darken($primary, 10%);
}
}
.navbar-nav {
.nav-item {
.nav-link {
font-size: 90%;
font-weight: 400;
padding: 0.75em 0;
letter-spacing: 1px;
color: white;
@include heading-font;
&.active,
&:hover {
color: $primary;
}
}
}
}
}
@media(min-width:992px) {
#mainNav {
padding-top: 25px;
padding-bottom: 25px;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
border: none;
background-color: transparent;
.navbar-brand {
font-size: 1.75em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-nav {
.nav-item {
.nav-link {
padding: 1.1em 1em !important;
}
}
}
&.navbar-shrink {
padding-top: 0;
padding-bottom: 0;
background-color: $gray-900;
.navbar-brand {
font-size: 1.25em;
padding: 12px 0;
}
}
}
}
Version data entries
9 entries across 9 versions & 3 rubygems