andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add firefox vendor prefix code and warning

Browse Source
This commit is contained in:
Tobias Ljungström
2018-02-27 13:38:45 +01:00
committed by GitHub
parent df9d010d19
commit cfd8c77b05
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
snippets/pretty-text-underline.md
View File

@ -24,6 +24,10 @@ Natively implemented as `text-decoration-skip-ink: auto` but it has less control
background-repeat: repeat-x;
background-size: 1px 1px;
}
.pretty-text-underline::-moz-selection {
background-color: rgba(0, 150, 255, 0.3);
text-shadow: none;
}
.pretty-text-underline::selection {
background-color: rgba(0, 150, 255, 0.3);
text-shadow: none;
@ -50,6 +54,11 @@ Natively implemented as `text-decoration-skip-ink: auto` but it has less control
background-size: 1px 1px;
}
.snippet-demo__pretty-text-underline::-moz-selection {
background-color: rgba(0, 150, 255, 0.3);
text-shadow: none;
}
.snippet-demo__pretty-text-underline::selection {
background-color: rgba(0, 150, 255, 0.3);
text-shadow: none;
@ -69,7 +78,7 @@ Natively implemented as `text-decoration-skip-ink: auto` but it has less control
#### Browser support
<span class="snippet__support-note">⚠️ When selecting the text some browsers will also select the text shadow, making the text look very heavy.</span>
<span class="snippet__support-note">⚠️ Firefox requires a vendor prefix for the selection pseudo-selector to work.</span>
* https://caniuse.com/#feat=css-textshadow
* https://caniuse.com/#feat=css-gradients