Sha256: cc0705d0690512c88fcbd636b0b9ba741b689737320a3669933e752f5aaacb19
Contents?: true
Size: 1.99 KB
Versions: 5
Compression:
Stored size: 1.99 KB
Contents
//==================================================================
// NAVBAR
//==================================================================
@import "../components/dropdown";
$navbar-toggler-color: var(--navbar-toggler-color);
$navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path stroke='#{$navbar-toggler-color}' d='M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z'/></svg>") !default;
//------------------------------------------------------------------
// ELEMENT STYLES
//------------------------------------------------------------------
nav {
@extend .navbar;
@extend .navbar-expand-lg;
background-color: var(--navbar-bg);
color: var(--navbar-text);
.navbar-brand {
color: var(--navbar-brand-color);
&:hover,
&:focus {
color: var(--navbar-brand-hover);
}
}
.navbar-nav {
.nav-link {
color: var(--navbar-link);
&:hover,
&:focus {
color: var(--navbar-hover);
}
&.disabled { color: var(--navbar-muted); }
}
.show > .nav-link,
.nav-link.active { color: var(--navbar-active); }
}
.navbar-toggler {
color: var(--navbar-text);
border-color: var(--navbar-toggler-border);
}
.navbar-toggler-icon { escape-svg($navbar-toggler-icon-bg); }
.navbar-text {
color: var(--navbar-text);
a,
a:hover,
a:focus { color: var(--navbar-hover); }
}
}
Version data entries
5 entries across 5 versions & 1 rubygems