-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
a {
@include disable-default-a-behaviour;
+
width: 100%;
- &, &:hover {
- color: var(--mainForegroundColor);
+ &,
+ &:hover {
+ color: pvar(--mainForegroundColor);
&.focus-visible {
- background-color: var(--mainHoverColor);
- color: var(--mainBackgroundColor);
+ background-color: pvar(--mainHoverColor);
+ color: pvar(--mainBackgroundColor);
}
}
}
.bg-gray {
- background-color: var(--mainBackgroundColor);
+ background-color: pvar(--mainBackgroundColor);
}
.text-gray-light {
- color: var(--mainForegroundColor);
+ color: pvar(--mainForegroundColor);
}
my-global-icon {
+ @include apply-svg-color(pvar(--mainForegroundColor));
+
width: 17px;
position: relative;
top: -2px;
margin: 5px;
-
- @include apply-svg-color(var(--mainForegroundColor));
}