add text-reset to text utilities (#26866)

diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index d7e6efeda8a199778a03e4bd9ed87af7c4d9227d..7b5d26d048794e0d8876da80de73c69875ae837b 100644 (file)
--- a/scss/utilities/_text.scss
+++ b/scss/utilities/_text.scss
@@ -60,3 +60,7 @@
 }
 
 .text-decoration-none { text-decoration: none !important; }
+
+// Reset
+
+.text-reset { color: inherit !important; }

diff --git a/site/docs/4.1/utilities/text.md b/site/docs/4.1/utilities/text.md
index 7dd23c1c418d23e37462bf4e30fa00d32e076073..25e72bc8f54a12a8a3d6a7e6defb7fe75b203fe4 100644 (file)
--- a/site/docs/4.1/utilities/text.md
+++ b/site/docs/4.1/utilities/text.md
@@ -90,3 +90,14 @@ Change a selection to our monospace font stack with `.text-monospace`.
 <p class="text-monospace">This is in monospace</p>
 {% endcapture %}
 {% include example.html content=example %}
+
+## Reset color
+
+Reset a text or link's color with `.text-reset`, so that it inherits the color from its parent.
+
+{% capture example %}
+<p class="text-muted">
+  Muted text with a <a href="#" class="text-reset">reset link</a>.
+</p>
+{% endcapture %}
+{% include example.html content=example %}