Adjust link styling

This commit is contained in:
Knoch 2019-05-10 22:30:22 +02:00
parent 3d2bed5763
commit 6242d40f69
2 changed files with 30 additions and 34 deletions

View File

@ -544,16 +544,13 @@ kbd {
* Links
* ============
*/
p, li, h2, td, figcaption {
z-index: 1; }
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited {
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited, div a:link, div a:hover, div a:active, div a:visited {
text-decoration: none;
color: var(--secondary-dark);
font-weight: bold;
position: relative;
z-index: 1; }
p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before {
p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before {
content: '';
position: absolute;
width: 102%;
@ -564,7 +561,7 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
left: -1%;
transition: .2s height ease; }
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before {
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before {
height: 110%; }
/*

View File

@ -665,40 +665,39 @@ kbd {
* Links
* ============
*/
p, li, h2, td, figcaption {
z-index: 1;
}
p, li, h2, td, figcaption, div {
a {
&:link,
&:hover,
&:active,
&:visited {
text-decoration: none;
color: var(--secondary-dark);
font-weight: bold;
position: relative;
z-index: 1;
p a, li a, h2 a, td a, figcaption a {
&:link,
&:hover,
&:active,
&:visited {
text-decoration: none;
color: var(--secondary-dark);
font-weight: bold;
position: relative;
z-index: 1;
&::before {
content: '';
position: absolute;
width: 102%;
height: 0;
background-color: var(--secondary-light);
z-index: -1;
bottom: -5%;
left: -1%;
transition: .2s height ease;
}
}
&:hover::before {
height: 110%;
&::before {
content: '';
position: absolute;
width: 102%;
height: 0;
background-color: var(--secondary-light);
z-index: -1;
bottom: -5%;
left: -1%;
transition: .2s height ease;
}
}
&:hover::before {
height: 110%;
}
}
/*
* Code Listings
* =============