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 {
|
||||
color: var(--link-01);
|
||||
position: relative;
|
||||
}
|
||||
a:hover {
|
||||
a:hover, a:visited:hover {
|
||||
color: var(--hover-primary-text);
|
||||
}
|
||||
a:active {
|
||||
|
@ -52,3 +53,12 @@ a:focus {
|
|||
a:visited {
|
||||
color: var(--visited-link);
|
||||
}
|
||||
|
||||
a:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -1rem;
|
||||
bottom: -1rem;
|
||||
right: 0;
|
||||
}
|
||||
|
|
Reference in a new issue