Stretched link updates (#28958)

- Remove IE10 background hack
- Ability to change the pseudo element
- Ability to change the z-index
- Remove pointer events, just inherit this
This commit is contained in:
Martijn Cuppens 2019-06-26 06:54:51 +02:00 committed by XhmikosR
parent f2c63ac729
commit 27824ec586
2 changed files with 5 additions and 6 deletions

View File

@ -161,6 +161,9 @@ $link-hover-decoration: underline !default;
// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
$emphasized-link-hover-darken-percentage: 15% !default;
$stretched-link-pseudo-element: after !default;
$stretched-link-z-index: 1 !default;
// Paragraphs
//
// Style p element.

View File

@ -3,17 +3,13 @@
//
.stretched-link {
&::after {
&::#{$stretched-link-pseudo-element} {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
// Just in case `pointer-events: none` is set on a parent
pointer-events: auto;
z-index: $stretched-link-z-index;
content: "";
// IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
background-color: rgba(0, 0, 0, 0);
}
}