diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss index d7e6efeda8a199778a03e4bd9ed87af7c4d9227d..7b5d26d048794e0d8876da80de73c69875ae837b 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 7dd23c1c418d23e37462bf4e30fa00d32e076073..25e72bc8f54a12a8a3d6a7e6defb7fe75b203fe4 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 %}