mirror of
https://github.com/remvze/moodist.git
synced 2025-12-17 17:04:15 +00:00
Add visibility on buttons focus
This commit is contained in:
parent
42d3bd9e8c
commit
4f4ffe3e3a
4 changed files with 16 additions and 0 deletions
|
|
@ -86,5 +86,9 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--color-neutral-100);
|
background-color: var(--color-neutral-100);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-visible {
|
||||||
|
outline: 1px solid white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -27,4 +27,8 @@
|
||||||
& span {
|
& span {
|
||||||
font-size: var(--font-lg);
|
font-size: var(--font-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-visible {
|
||||||
|
outline: 1px solid white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -23,6 +23,10 @@
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--color-neutral-200);
|
background-color: var(--color-neutral-200);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-visible {
|
||||||
|
outline: 1px solid white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
|
|
|
||||||
|
|
@ -24,4 +24,8 @@
|
||||||
&.isFavorite {
|
&.isFavorite {
|
||||||
color: var(--color-foreground);
|
color: var(--color-foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-visible {
|
||||||
|
outline: 1px solid white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue