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 }}
|
||||
|
||||
|
||||
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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue