Sha256: 5573ffd45967f23f5e6ee370e52c09e0ce5b5d192e3a0991677b5b176124c308
Contents?: true
Size: 1.81 KB
Versions: 7
Compression:
Stored size: 1.81 KB
Contents
/* Table of Contents
==================================================
# Navbar
# Styles
# Colors
# Media Queries */
/* # Navbar
================================================== */
.navbar {
background: $color-white;
border-collapse: separate;
border-top: 1px solid $color-haze;
box-sizing: border-box;
color: $color-dark-black;
display: table;
height: 50px;
line-height: 1;
table-layout: fixed;
width: 100%;
}
.navbar > a {
display: table-cell;
float: none;
font-size: 24px;
text-align: center;
vertical-align: middle;
width: 1%;
}
.navbar > a:hover,
.navbar > a.active,
.navbar > a:active,
.navbar > a:focus { color: $color-primary; }
/* # Styles
================================================== */
.navbar-fixed {
bottom: 0;
position: fixed;
min-width: inherit;
width: inherit;
z-index: 1040;
}
.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 20%); }
/* # Colors
================================================== */
.navbar-dark {
background: $color-black;
border-color: $color-dark-black;
color: $color-white;
}
.navbar-dark.navbar-shadow { box-shadow: 0 0 3px $color-dark-black; }
.navbar-light {
background: $color-light-haze;
border-color: $color-dark-haze;
}
.navbar-light.navbar-shadow { box-shadow: 0 0 3px lighten($color-light-gray, 15%); }
/* # 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