Move anchor styles to their own stylesheet
This commit is contained in:
parent
11295e1eb2
commit
975b56a6be
2 changed files with 37 additions and 20 deletions
37
assets/css/010_anchors.css
Normal file
37
assets/css/010_anchors.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -54,26 +54,6 @@
|
||||||
{{- end }}
|
{{- 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 {
|
html {
|
||||||
font-family: var(--font-family-body);
|
font-family: var(--font-family-body);
|
||||||
font-size: var(--text-base-size);
|
font-size: var(--text-base-size);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue