From cfd8c77b058ea00724261b986b28e998975f1e3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Ljungstr=C3=B6m?= <tobias.ljungstrom@gmail.com>
Date: Tue, 27 Feb 2018 13:38:45 +0100
Subject: [PATCH] Add firefox vendor prefix code and warning

---
 snippets/pretty-text-underline.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/snippets/pretty-text-underline.md b/snippets/pretty-text-underline.md
index 6dd6c6557..e1a45c062 100644
--- a/snippets/pretty-text-underline.md
+++ b/snippets/pretty-text-underline.md
@@ -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