Improved link usability for touch
This commit is contained in:
parent
21c6b4606c
commit
f53cc405f5
1 changed files with 11 additions and 1 deletions
|
@ -39,8 +39,9 @@ h1 {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--link-01);
|
color: var(--link-01);
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover, a:visited:hover {
|
||||||
color: var(--hover-primary-text);
|
color: var(--hover-primary-text);
|
||||||
}
|
}
|
||||||
a:active {
|
a:active {
|
||||||
|
@ -52,3 +53,12 @@ a:focus {
|
||||||
a:visited {
|
a:visited {
|
||||||
color: var(--visited-link);
|
color: var(--visited-link);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -1rem;
|
||||||
|
bottom: -1rem;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
Reference in a new issue