Move anchor styles to their own stylesheet

This commit is contained in:
Eryn Wells 2024-07-06 10:20:40 -07:00
parent 11295e1eb2
commit 975b56a6be
2 changed files with 37 additions and 20 deletions

View file

@ -0,0 +1,37 @@
{{/*
010_anchors.css
Eryn Wells <eryn@erynwells.me>
*/}}
/**********
# ANCHORS
**********/
a {
--hover-animating-timing: 0.1s;
color: var(--blue);
text-decoration: none;
transition: color var(--hover-animating-timing);
&:hover {
color: var(--blue);
text-decoration: underline;
transition: color var(--hover-animating-timing);
}
&:visited {
color: var(--blue);
}
}
@media (prefers-reduce-motion: reduce) {
a {
text-decoration: underline;
}
}

View file

@ -54,26 +54,6 @@
{{- end }}
a {
--hover-animating-timing: 0.1s;
color: var(--blue);
text-decoration: none;
transition: color var(--hover-animating-timing);
&:hover {
color: var(--blue);
text-decoration: underline;
transition: color var(--hover-animating-timing);
}
}
@media (prefers-reduce-motion: reduce) {
a {
text-decoration: underline;
}
}
html {
font-family: var(--font-family-body);
font-size: var(--text-base-size);