diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss index d7e6efeda8..7b5d26d048 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 7dd23c1c41..25e72bc8f5 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`.

This is in monospace

{% 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 %} +

+ Muted text with a reset link. +

+{% endcapture %} +{% include example.html content=example %}