New: Move to CSS Variables for Colorings

This commit is contained in:
Qstick
2021-11-21 17:00:02 -06:00
parent 8d39d5c6bb
commit 2b58f3131e
90 changed files with 354 additions and 547 deletions
@@ -1,21 +1,21 @@
.item {
border-left: 3px solid transparent;
color: $sidebarColor;
color: var(--sidebarColor);
transition: border-left 0.3s ease-in-out;
}
.isActiveItem {
border-left: 3px solid $themeBlue;
border-left: 3px solid var(--themeBlue);
}
.link {
display: block;
padding: 12px 24px;
color: $sidebarColor;
color: var(--sidebarColor);
&:hover,
&:focus {
color: $themeBlue;
color: var(--themeBlue);
text-decoration: none;
}
}
@@ -27,11 +27,11 @@
}
.isActiveLink {
color: $themeBlue;
color: var(--themeBlue);
}
.isActiveParentLink {
background-color: $sidebarActiveBackgroundColor;
background-color: var(--sidebarActiveBackgroundColor);
}
.iconContainer {