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

fix(*.css): more consistent hover states + fix reduced motion support

Browse source
This commit is contained in:
Cory Dransfeldt 2025-04-14 13:54:00 -07:00
parent a284f758e2
commit 321b6d2fca
No known key found for this signature in database
8 changed files with 45 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/assets/styles/base/index.css
View file

@ -236,8 +236,11 @@ ol {
a {
color: var(--link-color);
text-underline-offset: var(--underline-offset-default);
transition: color var(--transition-duration-default) var(--transition-ease-in-out),
text-underline-offset var(--transition-duration-default) var(--transition-ease-in-out);
transition: text-underline-offset var(--transition-duration-default) var(--transition-ease-in-out);
@media (prefers-reduced-motion) {
transition: color var(--transition-duration-default) var(--transition-ease-in-out);
}
img:not(.icon) {
border: var(--border-default);
@ -264,9 +267,12 @@ a {
--icon-color: var(--accent-color);
&:is(:hover, :focus, :active) {
color: var(--link-color-hover);
text-underline-offset: var(--underline-offset-hover);
@media (prefers-reduced-motion) {
color: var(--accent-color-hover);
}
img:not(.icon) {
filter: var(--filter-image-light);
@ -279,9 +285,11 @@ a {
.icon {
transition: transform var(--transition-duration-default) var(--transition-ease-in-out);
transform: var(--transform-icon-tilt);
}
--icon-color: var(--accent-color-hover);
@media (prefers-reduced-motion) {
stroke: var(--accent-color-hover);
}
}
}
}
@ -297,10 +305,6 @@ h1, h2, h3 {
font-weight: var(--font-weight-bold);
line-height: var(--line-height-md);
margin: var(--margin-vertical-base-horizontal-zero);
a:is(:hover, :focus, :active) svg {
transform: var(--transform-icon-default);
}
}
h1 {