add text-reset to text utilities (#26866)

2 files changed, 15 insertions, 0 deletions

diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index d7e6efeda..7b5d26d04 100644
--- 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 7dd23c1c4..25e72bc8f 100644
--- 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 %}