mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 05:08:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add focused outline to a, button, input, select

Browse source
This commit is contained in:
Denevola 2022-09-26 02:39:10 +09:00
parent 4d8d7dbfc5
commit ce8c189fde
4 changed files with 39 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/assets/base.css
View file

@ -176,10 +176,6 @@ body {
height: 0.75rem;
}
*:focus {
outline: none;
}
button {
padding: 1px 6px;
border: none;
@ -187,6 +183,26 @@ button {
color: var(--color-text);
appearence: none;
}
button:focus {
outline: none;
}
button:focus-visible {
border-radius: 0.25rem;
outline: 0.2rem solid var(--color-border);
}
input,
select {
outline: none;
}
input:hover,
select:hover {
outline: 0.1rem solid var(--color-border-hover);
}
input:focus,
select:focus {
outline: 0.1rem solid var(--color-foreground);
}
/* Components and Helpers */
@ -222,7 +238,6 @@ button {
font-size: 1rem;
border: none;
appearence: none;
outline: none;
}
img {
object-fit: cover;