Sha256: de56f912ea2fb6f12390ef395fd78c187cc102ae6c0c02ee1207e4bae0397e62
Contents?: true
Size: 1.69 KB
Versions: 14
Compression:
Stored size: 1.69 KB
Contents
/* Table of Contents
==================================================
# Navbar
# Colors
# Media Queries */
/* # Navbar
================================================== */
.navbar {
background: $color-white;
border-collapse: separate;
border-top: 1px solid $color-haze;
color: $color-black;
box-sizing: border-box;
display: table;
height: 50px;
table-layout: fixed;
width: 100%;
}
.navbar-fixed {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 1030;
}
.navbar > a {
display: table-cell;
float: none;
font-size: 27px;
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;
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
14 entries across 14 versions & 1 rubygems