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
// --------------------------------------------------
@keyframes expand-outline {
@keyframes expand-outline-2px {
0% {
outline-offset: 0;
}
100% {
outline-offset: 2px;
}
}
@keyframes expand-outline-4px {
0% {
outline-offset: 0;
}

8
assets/styles/main.scss
View file

@ -139,9 +139,9 @@ a {
}
&:focus-visible {
outline: 1px dashed var(--accent-color);
outline: 1px dashed var(--accent-color-light);
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 {
outline: 1px dashed var(--accent-color);
outline: 1px dashed var(--accent-color-light);
outline-offset: 4px;
animation: expand-outline 200ms ease-in-out;
animation: expand-outline-4px 200ms ease-in-out;
}
}