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

Merge pull request #12 from tobiasljungstrom/patch-1

Browse Source 
Add caveat to Pretty Text Underline
This commit is contained in:
atomiks
2018-02-28 05:27:57 +10:00
committed by GitHub
parent 06e7239de4 cfd8c77b05
commit 5858133c15
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">✅ No caveats.</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