host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Edit link and button style

Browse source
This commit is contained in:
Paul Nicoué 2023-02-02 17:31:30 +01:00
parent 596a26537b
commit fdaf3240d3
2 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
assets/styles/_animations.scss
View file

@ -2,7 +2,16 @@
// ANIMATIONS // ANIMATIONS
// -------------------------------------------------- // --------------------------------------------------
@keyframes expand-outline { @keyframes expand-outline-2px {
0% {
outline-offset: 0;
}
100% {
outline-offset: 2px;
}
}
@keyframes expand-outline-4px {
0% { 0% {
outline-offset: 0; outline-offset: 0;
} }

8
assets/styles/main.scss
View file

@ -139,9 +139,9 @@ a {
} }
&:focus-visible { &:focus-visible {
outline: 1px dashed var(--accent-color); outline: 1px dashed var(--accent-color-light);
outline-offset: 2px; outline-offset: 2px;
animation: expand-outline 200ms ease-in-out; animation: expand-outline-2px 200ms ease-in-out;
} }
} }
@ -172,9 +172,9 @@ button {
} }
&:focus-visible { &:focus-visible {
outline: 1px dashed var(--accent-color); outline: 1px dashed var(--accent-color-light);
outline-offset: 4px; outline-offset: 4px;
animation: expand-outline 200ms ease-in-out; animation: expand-outline-4px 200ms ease-in-out;
} }
} }