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

added custom properties for focus outline and use it on <input>

Browse source
This commit is contained in:
westtle 2024-02-05 20:07:47 +07:00
parent 4518326972
commit dbd81abecb
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/styles/style.css
View file

@ -40,6 +40,9 @@
--color-1: var(--black), 80%;
--color-2: var(--white);
--color-3: var(--boulder), 80%; /* Placeholder and Icons */
/* Other */
--focus-1: 0.125rem solid hsl(var(--color-1));
}
*,
@ -111,6 +114,8 @@ body {
.simple-note__input { padding: 0.5625rem 0.75rem; }
.simple-note__input:focus-visible { outline: var(--focus-1); }
.simple-note__input--title {
font-family: var(--font-2);
font-size: 1.5rem;