Sha256: 94a23c3ed0ca77f19b0dd353948681d976ca85ac1a3b4a502a1b99b1b59e72c0
Contents?: true
Size: 1.84 KB
Versions: 7
Compression:
Stored size: 1.84 KB
Contents
/* Table of Contents
==================================================
# Navbar
# Styles
# Colors
# Media Queries */
/* # Navbar
================================================== */
.navbar {
background: $color-white;
border-collapse: separate;
border-top: 1px solid $color-haze;
color: $color-black;
display: table;
height: 49px;
line-height: 1;
table-layout: fixed;
width: 100%;
}
.navbar > a {
display: table-cell;
float: none;
font-size: 27px;
text-align: center;
vertical-align: middle;
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%); }
.navbar > a > i {
display: inline-block;
margin-top: 2px;
}
/* # Styles
================================================== */
.navbar-fixed {
bottom: 0;
position: fixed;
min-width: inherit;
width: inherit;
z-index: 1030;
}
/* # Colors
================================================== */
.navbar-dark {
background: $color-black;
border-color: $color-dark-black;
color: $color-white;
}
.navbar-light {
background: $color-light-haze;
border-color: $color-dark-haze;
}
/* # Media Queries
================================================== */
@media only screen and (min-width: 768px) {
.navbar { display: none; }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.navbar { border-width: 0.5px; }
}
Version data entries
7 entries across 7 versions & 1 rubygems