mirror of
https://github.com/Retrospring/retrospring.git
synced 2025-02-13 21:33:20 +01:00
87ec3093a9
this uses our ✨new and improved✨ logo by default, but can be easily changed by modifying `/public/logo.svg`. the svg is loaded only once when the application starts, so any modifications to it after a deployment are visible immediately. thanks to the power of CSS and SVG being able to make use of it, custom colour schemes still work too.
58 lines
1,016 B
SCSS
58 lines
1,016 B
SCSS
.navbar-themed {
|
|
.navbar-brand {
|
|
color: RGB(var(--primary-text));
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: RGB(var(--primary-text));
|
|
}
|
|
|
|
/* svg-logo! \o/ */
|
|
svg {
|
|
height: $navbar-brand-font-size;
|
|
path {
|
|
fill: RGB(var(--primary-text));
|
|
}
|
|
}
|
|
}
|
|
|
|
.navbar-nav {
|
|
.nav-link {
|
|
color: rgba(var(--primary-text), .5);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
color: rgba(var(--primary-text), .75);
|
|
}
|
|
|
|
&.disabled {
|
|
color: rgba(var(--primary-text), .25);
|
|
}
|
|
}
|
|
|
|
.show > .nav-link,
|
|
.active > .nav-link,
|
|
.nav-link.show,
|
|
.nav-link.active {
|
|
color: RGB(var(--primary-text));
|
|
}
|
|
}
|
|
|
|
.navbar-toggler {
|
|
color: RGB(var(--primary-text));
|
|
border-color: RGB(var(--primary-text));
|
|
}
|
|
|
|
.navbar-toggler-icon {
|
|
background-image: escape-svg($navbar-dark-toggler-icon-bg);
|
|
}
|
|
|
|
.navbar-text {
|
|
color: RGB(var(--primary-text));
|
|
a,
|
|
a:hover,
|
|
a:focus {
|
|
color: RGB(var(--primary-text));
|
|
}
|
|
}
|
|
}
|