used hsla() instead of hsl() on some colors
This commit is contained in:
parent
bc3e81b49c
commit
d357eff591
3 changed files with 4 additions and 4 deletions
|
@ -98,7 +98,7 @@ ul { list-style: none; }
|
||||||
|
|
||||||
:focus-visible {
|
:focus-visible {
|
||||||
outline: 0.125rem solid;
|
outline: 0.125rem solid;
|
||||||
outline-color: hsl(var(--color-1, 0 0% 0%));
|
outline-color: hsla(var(--color-1, 0 0% 0% 100%));
|
||||||
outline-offset: var(--focus-offset, 0);
|
outline-offset: var(--focus-offset, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -53,7 +53,7 @@
|
||||||
.settings__button:focus-visible {
|
.settings__button:focus-visible {
|
||||||
--focus-offset: 0.125rem;
|
--focus-offset: 0.125rem;
|
||||||
|
|
||||||
color: hsl(var(--settings-interact));
|
color: hsla(var(--settings-interact));
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (hover:hover) {
|
@media (hover:hover) {
|
||||||
|
@ -87,7 +87,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings__button--toggle-settings[aria-expanded="true"] .settings__svg--toggle-settings {
|
.settings__button--toggle-settings[aria-expanded="true"] .settings__svg--toggle-settings {
|
||||||
color: hsl(var(--settings-interact));
|
color: hsla(var(--settings-interact));
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
body {
|
body {
|
||||||
color: hsl(var(--color-1));
|
color: hsla(var(--color-1));
|
||||||
background-color: hsl(var(--color-2));
|
background-color: hsl(var(--color-2));
|
||||||
min-height: 21.875rem;
|
min-height: 21.875rem;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue