Adjust link styling
This commit is contained in:
parent
3d2bed5763
commit
6242d40f69
@ -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%; }
|
||||
|
||||
/*
|
||||
|
||||
@ -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
|
||||
* =============
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user