rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

Stretched link updates (#28958)

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_variables.scss
View File

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

8
scss/helpers/_stretched-link.scss
View File

@ -3,17 +3,13 @@
// //
.stretched-link { .stretched-link {
&::after { &::#{$stretched-link-pseudo-element} {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1; z-index: $stretched-link-z-index;
// Just in case `pointer-events: none` is set on a parent
pointer-events: auto;
content: ""; 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);
} }
} }