beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added --focus-offset variable

Browse source
This commit is contained in:
westtle 2024-02-06 22:09:24 +07:00
parent 70d43f50f9
commit b993f0f4a0
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/styles/style.css
View file

@ -43,6 +43,7 @@
/* Other */
--focus-outline: 0.125rem solid hsl(var(--color-1));
--focus-offset: 0;
}
*,
@ -132,10 +133,11 @@ body {
}
.settings__button:focus-visible {
color: hsl(var(--color-1));
--focus-offset: 0.125rem;
color: hsl(var(--color-1));
outline: var(--focus-outline);
outline-offset: 0.125rem;
outline-offset: var(--focus-offset);
}
@media (hover:hover) {
@ -160,7 +162,10 @@ body {
.simple-note__input { padding: 0.5625rem 0.75rem; }
.simple-note__input:focus-visible { outline: var(--focus-outline); }
.simple-note__input:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-offset);
}
.simple-note__input--title {
font-family: var(--font-2);