Sha256: fe4a5ca049cebd7c07463fb97b65e8966789fae412e4e27842c49c2ed90ae74c
Contents?: true
Size: 1.18 KB
Versions: 20
Compression:
Stored size: 1.18 KB
Contents
// Navbar Component
// ========================================
// Variables
$navbar-background-color: $blue-dark;
$navbar-padding: 15px 10px;
$navbar-position: fixed;
$navbar-shadow-color: rgba(0, 0, 0, 0.5);
$navbar-shadow-spread: inset 0 0 5px;
$navbar-width: 70px;
$navbar-logo-size: 50px;
$navbar-link-color: $white-base;
// Structure
.navbar {
@include box-shadow($navbar-shadow-spread, $navbar-shadow-color);
@include position($navbar-position, -5px null 0 0);
@include rem(padding, $navbar-padding);
@include rem(width, $navbar-width);
background-color: $navbar-background-color;
}
.navbar-logo {
@include rem(height, $navbar-logo-size);
@include rem(margin-bottom, 20px);
@include rem(width, $navbar-logo-size);
background: $white-base;
border: 2px solid $white-base;
border-radius: 30em;
overflow: hidden;
img{ width: 100%; }
}
.navbar-link {
@include font-type($primary-sans-serif, normal, 700);
@include rem(margin-bottom, 15px);
@include s-hotel;
@include transition(all 0.3s ease-in-out);
color: $navbar-link-color;
text-align: center;
text-transform: uppercase;
&:hover { color: $blue-base; }
}
Version data entries
20 entries across 20 versions & 1 rubygems