rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-21 13:29:00 +01:00
Code Issues Actions 10 Packages Releases Activity

Use word-wrap in .text-break for IE and Edge compatibility.

Browse Source
This commit is contained in:
Florian Lacreuse 2019-08-29 10:41:17 +02:00 committed by Martijn Cuppens
parent 27cc792615
commit d5270cb811
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_utilities.scss
View File

@ -434,7 +434,7 @@ $utilities: map-merge(
values: italic normal
),
"overflow-wrap": (
property: overflow-wrap word-break, // word-break for IE & < Edge 18
property: overflow-wrap word-wrap, // word-wrap for IE & < Edge 18
class: text,
values: (break: break-word)
),

2
scss/mixins/_reset-text.scss
View File

@ -1,6 +1,6 @@
@mixin reset-text {
font-family: $font-family-base;
// We deliberately do NOT reset font-size or word-wrap.
// We deliberately do NOT reset font-size or overflow-wrap / word-wrap.
font-style: normal;
font-weight: $font-weight-normal;
line-height: $line-height-base;

2
site/content/docs/4.3/utilities/text.md
View File

@ -45,7 +45,7 @@ Prevent text from wrapping with a `.text-nowrap` class.
## Word break
Prevent long strings of text from breaking your components' layout by using `.text-break` to set `overflow-wrap: break-word` (and `word-break: break-word` for IE & Edge compatibility).
Prevent long strings of text from breaking your components' layout by using `.text-break` to set `overflow-wrap: break-word` (and `word-wrap: break-word` for IE & Edge compatibility).
{{< example >}}
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>