diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-12-04 23:22:12 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2018-12-04 23:22:12 +0300 |
commit | 3007d4b4353fd0b8f3f65d660e19168e8400ee20 (patch) | |
tree | 2eddc136519e8755ffe6d72a7f0824821bca83e4 /scss | |
parent | 3e25bf403a9d07dbeef701c340c1de47bb4e58ca (diff) |
Stretched link
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_utilities.scss | 1 | ||||
-rw-r--r-- | scss/utilities/_stretched-link.scss | 19 |
2 files changed, 20 insertions, 0 deletions
diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 913fb852d5..a5de31ba6a 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -11,6 +11,7 @@ @import "utilities/screenreaders"; @import "utilities/shadows"; @import "utilities/sizing"; +@import "utilities/stretched-link"; @import "utilities/spacing"; @import "utilities/text"; @import "utilities/visibility"; diff --git a/scss/utilities/_stretched-link.scss b/scss/utilities/_stretched-link.scss new file mode 100644 index 0000000000..fb5066bf55 --- /dev/null +++ b/scss/utilities/_stretched-link.scss @@ -0,0 +1,19 @@ +// +// Stretched link +// + +.stretched-link { + &::after { + 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; + 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); + } +} |