diff --git a/docs/_data/typography.json b/docs/_data/typography.json index 23d86f121f..85db13423b 100755 --- a/docs/_data/typography.json +++ b/docs/_data/typography.json @@ -235,7 +235,7 @@ }, { "class": "break-word", - "output": "word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto;", + "output": "word-break: break-word; overflow-wrap: break-word; hyphens: auto;", "define": "A utility class combining all word-break strategies when you absolutely must break a word." }, { diff --git a/lib/css/atomic/misc.less b/lib/css/atomic/misc.less index 54ea08fd7b..e2dea6dbcc 100644 --- a/lib/css/atomic/misc.less +++ b/lib/css/atomic/misc.less @@ -157,7 +157,7 @@ padding: 0; position: absolute; width: 1px; - word-wrap: normal; + overflow-wrap: normal; } // ============================================================================ diff --git a/lib/css/atomic/typography.less b/lib/css/atomic/typography.less index 7f9f94685b..87ea26a9cd 100644 --- a/lib/css/atomic/typography.less +++ b/lib/css/atomic/typography.less @@ -196,27 +196,22 @@ p { // -- Overflow Wrap .ow-normal { overflow-wrap: normal !important; - word-wrap: normal !important; } .ow-break-word { overflow-wrap: break-word !important; - word-wrap: break-word !important; } .ow-inherit { overflow-wrap: inherit !important; - word-wrap: inherit !important; } .ow-initial { overflow-wrap: initial !important; - word-wrap: initial !important; } .ow-unset { overflow-wrap: unset !important; - word-wrap: unset !important; } // -- Hyphenation @@ -231,7 +226,6 @@ p { // -- Break word .break-word { word-break: break-word !important; - word-wrap: break-word !important; overflow-wrap: break-word !important; -webkit-hyphens: auto !important; -moz-hyphens: auto !important; diff --git a/lib/css/components/prose.less b/lib/css/components/prose.less index b0d12bcfb3..8f24ec8ec4 100644 --- a/lib/css/components/prose.less +++ b/lib/css/components/prose.less @@ -18,14 +18,14 @@ // Base styling font-size: 15px; // Force a font size that doesn’t change at the smallest breakpoint line-height: var(--s-prose-line-height); - word-wrap: break-word; + overflow-wrap: break-word; p { margin-bottom: var(--s-prose-spacing); } pre { - word-wrap: normal; + overflow-wrap: normal; } code { @@ -54,10 +54,10 @@ } li { - word-wrap: break-word; + overflow-wrap: break-word; pre { - word-wrap: normal; + overflow-wrap: normal; } }