cdransf/coryd.dev
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(buttons.css): support for reduced motion

Browse source
This commit is contained in:
Cory Dransfeldt 2025-04-14 10:36:03 -07:00
parent 88266d9414
commit 5e5806c6ae
No known key found for this signature in database
4 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/assets/styles/components/buttons.css
View file

@ -17,10 +17,18 @@ button:not([data-modal-button]),
overflow: hidden;
color: var(--text-color-inverted);
background-color: var(--section-color, var(--accent-color));
transition: var(--transition-duration-default) var(--transition-ease-in-out);
transition: translateY var(--transition-duration-default) var(--transition-ease-in-out);
@media (prefers-reduced-motion) {
transition: background-color var(--transition-duration-default) var(--transition-ease-in-out);
}
&:not(.active):is(:hover, :active, :focus, :focus-within) {
transform: translateY(var(--button-offset-hover));
@media (prefers-reduced-motion) {
background-color: var(--accent-color-hover);
}
}
&.active {