diff options
Diffstat (limited to 'site/docs')
| -rw-r--r-- | site/docs/4.1/utilities/colors.md | 7 |
1 files changed, 2 insertions, 5 deletions
diff --git a/site/docs/4.1/utilities/colors.md b/site/docs/4.1/utilities/colors.md index 573782644..55699adb8 100644 --- a/site/docs/4.1/utilities/colors.md +++ b/site/docs/4.1/utilities/colors.md @@ -43,13 +43,10 @@ Similar to the contextual text color classes, easily set the background of an el ## Background gradient -When `$enable-gradients` is set to true, you'll be able to use `.bg-gradient-` utility classes. **By default, `$enable-gradients` is disabled and the example below is intentionally broken.** This is done for easier customization from the moment you start using Bootstrap. [Learn about our Sass options]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/theming/#sass-options) to enable these classes and more. +When `$enable-gradients` is set to `true` (default is `false`), you can use `.bg-gradient-` utility classes. [Learn about our Sass options]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/theming/#sass-options) to enable these classes and more. -{% capture example %} {% for color in site.data.theme-colors %} -<div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %} -{% endcapture %} -{% include example.html content=example %} +- `.bg-gradient-{{ color.name }}`{% endfor %} {% capture callout %} #### Dealing with specificity |