diff options
author | Mario Vavti <mario@mariovavti.com> | 2020-08-22 19:40:57 +0200 |
---|---|---|
committer | Mario Vavti <mario@mariovavti.com> | 2020-08-22 19:40:57 +0200 |
commit | a9e19cb89ed08689dc58c92b3d5491318a703f0e (patch) | |
tree | 468e236e5cb4927a4fd01f650fab7ad9f6cfc895 /vendor/twbs/bootstrap/site/docs/4.5/utilities | |
parent | 48786119871aaf1029fac12a37d212afddafc757 (diff) | |
download | volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.tar.gz volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.tar.bz2 volse-hubzilla-a9e19cb89ed08689dc58c92b3d5491318a703f0e.zip |
composer update bootstrap
Diffstat (limited to 'vendor/twbs/bootstrap/site/docs/4.5/utilities')
3 files changed, 11 insertions, 11 deletions
diff --git a/vendor/twbs/bootstrap/site/docs/4.5/utilities/colors.md b/vendor/twbs/bootstrap/site/docs/4.5/utilities/colors.md index 55699adb8..bbe22d10b 100644 --- a/vendor/twbs/bootstrap/site/docs/4.5/utilities/colors.md +++ b/vendor/twbs/bootstrap/site/docs/4.5/utilities/colors.md @@ -6,6 +6,15 @@ group: utilities toc: true --- +{% capture callout %} +#### Dealing with specificity + +Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element's content in a `<div>` with the class. +{% endcapture %} +{% include callout.html content=callout type="info" %} + +{% include callout-warning-color-assistive-technologies.md %} + ## Color {% capture example %} @@ -47,12 +56,3 @@ When `$enable-gradients` is set to `true` (default is `false`), you can use `.bg {% for color in site.data.theme-colors %} - `.bg-gradient-{{ color.name }}`{% endfor %} - -{% capture callout %} -#### Dealing with specificity - -Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element's content in a `<div>` with the class. -{% endcapture %} -{% include callout.html content=callout type="info" %} - -{% include callout-warning-color-assistive-technologies.md %} diff --git a/vendor/twbs/bootstrap/site/docs/4.5/utilities/display.md b/vendor/twbs/bootstrap/site/docs/4.5/utilities/display.md index 3b53460ee..454a09948 100644 --- a/vendor/twbs/bootstrap/site/docs/4.5/utilities/display.md +++ b/vendor/twbs/bootstrap/site/docs/4.5/utilities/display.md @@ -33,7 +33,7 @@ Where *value* is one of: The display values can be altered by changing the `$displays` variable and recompiling the SCSS. -The media queries effect screen widths with the given breakpoint *or larger*. For example, `.d-lg-none` sets `display: none;` on both `lg` and `xl` screens. +The media queries affect screen widths with the given breakpoint *or larger*. For example, `.d-lg-none` sets `display: none;` on both `lg` and `xl` screens. ## Examples diff --git a/vendor/twbs/bootstrap/site/docs/4.5/utilities/text.md b/vendor/twbs/bootstrap/site/docs/4.5/utilities/text.md index a9be539a2..f9c73cff7 100644 --- a/vendor/twbs/bootstrap/site/docs/4.5/utilities/text.md +++ b/vendor/twbs/bootstrap/site/docs/4.5/utilities/text.md @@ -68,7 +68,7 @@ For longer content, you can add a `.text-truncate` class to truncate the text wi ## Word break -Prevent long strings of text from breaking your components' layout by using `.text-break` to set `word-wrap: break-word`. +Prevent long strings of text from breaking your components' layout by using `.text-break` to set `word-wrap: break-word` and `word-break: break-word`. We use `word-wrap` instead of the more common `overflow-wrap` for wider browser support, and add the deprecated `word-break: break-word` to avoid issues with flex containers. {% capture example %} <p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p> |