diff --git a/core/themes/claro/css/base/elements.css b/core/themes/claro/css/base/elements.css index 37aebdb252bffbb0cf8516bc6f421f65af7a0e24..a8b3195592bf656c05c563bf26f35cc78b891ce8 100644 --- a/core/themes/claro/css/base/elements.css +++ b/core/themes/claro/css/base/elements.css @@ -18,6 +18,9 @@ html { } body { + word-wrap: break-word; + -webkit-hyphens: auto; + hyphens: auto; color: var(--color-fg); background: var(--color-bg); } diff --git a/core/themes/claro/css/base/elements.pcss.css b/core/themes/claro/css/base/elements.pcss.css index a6e8c111046c95423a8c010dd95e53a4d42484ff..5b3631a95719c7af311cea17371ad5b2c4c3dc12 100644 --- a/core/themes/claro/css/base/elements.pcss.css +++ b/core/themes/claro/css/base/elements.pcss.css @@ -10,6 +10,8 @@ html { line-height: var(--line-height); } body { + word-wrap: break-word; + hyphens: auto; color: var(--color-fg); background: var(--color-bg); } diff --git a/core/themes/claro/css/components/details.css b/core/themes/claro/css/components/details.css index 4fee11a9bf1eacbbd9f280a3b7abe44fb50b4cfa..d5a34caee31d2b0dede58ac3e4486355c968db27 100644 --- a/core/themes/claro/css/components/details.css +++ b/core/themes/claro/css/components/details.css @@ -92,9 +92,6 @@ td .claro-details { list-style: none; cursor: pointer; transition: background-color var(--details-bg-color-transition-duration) ease-in-out; - word-wrap: break-word; - -webkit-hyphens: auto; - hyphens: auto; color: var(--color-gray-800); border-radius: var(--size-summary-border-radius); background-color: transparent; diff --git a/core/themes/claro/css/components/details.pcss.css b/core/themes/claro/css/components/details.pcss.css index 09f0b63f43c17ebacb4926c743f79b6a49737002..9a9703eb51b64c0ada0f8a6560e8b685baf2f222 100644 --- a/core/themes/claro/css/components/details.pcss.css +++ b/core/themes/claro/css/components/details.pcss.css @@ -84,8 +84,6 @@ list-style: none; cursor: pointer; transition: background-color var(--details-bg-color-transition-duration) ease-in-out; - word-wrap: break-word; - hyphens: auto; color: var(--color-gray-800); border-radius: var(--size-summary-border-radius); background-color: transparent; diff --git a/core/themes/claro/css/components/form--managed-file.css b/core/themes/claro/css/components/form--managed-file.css index 867cf2f00f755e3d790f34c736d6341f8b96d50f..647ee0806fb5ae2db767e66ca62ed8ff12235cd9 100644 --- a/core/themes/claro/css/components/form--managed-file.css +++ b/core/themes/claro/css/components/form--managed-file.css @@ -41,8 +41,6 @@ .form-managed-file .file { word-break: break-all; - -webkit-hyphens: auto; - hyphens: auto; } .form-managed-file .file__size { diff --git a/core/themes/claro/css/components/form--managed-file.pcss.css b/core/themes/claro/css/components/form--managed-file.pcss.css index 49abe9ca3449421f5039cd21d0c6efc557ddf658..ecfcf4e9c6c63748198a970243039b8d28fe0ec1 100644 --- a/core/themes/claro/css/components/form--managed-file.pcss.css +++ b/core/themes/claro/css/components/form--managed-file.pcss.css @@ -33,7 +33,6 @@ */ & .file { word-break: break-all; - hyphens: auto; } & .file__size { word-break: normal; diff --git a/core/themes/claro/css/components/vertical-tabs.css b/core/themes/claro/css/components/vertical-tabs.css index 2fded23efd8df00217799b084eacd87ba931918e..8900d20cffa56fb74f9b3ba3bf69ec703c2b1630 100644 --- a/core/themes/claro/css/components/vertical-tabs.css +++ b/core/themes/claro/css/components/vertical-tabs.css @@ -120,9 +120,6 @@ padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); -webkit-text-decoration: none; text-decoration: none; - word-wrap: break-word; - -webkit-hyphens: auto; - hyphens: auto; color: var(--color-text); border: var(--vertical-tabs-border-size) solid transparent; border-block-width: var(--vertical-tabs-border-size); diff --git a/core/themes/claro/css/components/vertical-tabs.pcss.css b/core/themes/claro/css/components/vertical-tabs.pcss.css index fbc0002f8a317e6e97de3861bf3da72f7df32659..ef09e440db84939d56c3ee19d52bca5f26636b28 100644 --- a/core/themes/claro/css/components/vertical-tabs.pcss.css +++ b/core/themes/claro/css/components/vertical-tabs.pcss.css @@ -103,8 +103,6 @@ margin-block-start: calc(var(--vertical-tabs-border-size) * -1); padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); text-decoration: none; - word-wrap: break-word; - hyphens: auto; color: var(--color-text); border: var(--vertical-tabs-border-size) solid transparent; border-block-width: var(--vertical-tabs-border-size); diff --git a/core/themes/claro/css/theme/media-library.css b/core/themes/claro/css/theme/media-library.css index 951f95d85f6e3dfd01dceadd7787f38204c8f981..e245869f56b7da4cc42b2d4c5f75ed76548706aa 100644 --- a/core/themes/claro/css/theme/media-library.css +++ b/core/themes/claro/css/theme/media-library.css @@ -73,9 +73,6 @@ padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */ -webkit-text-decoration: none; text-decoration: none; - word-wrap: break-word; - -webkit-hyphens: auto; - hyphens: auto; color: var(--color-text); border: var(--vertical-tabs-border-size) solid transparent; border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */ diff --git a/core/themes/claro/css/theme/media-library.pcss.css b/core/themes/claro/css/theme/media-library.pcss.css index 318b4339b0ea42a56fc428a3b1597ba5806bd4e3..50d219b52bf3b1762314ec7af0ebe1558b5a7bea 100644 --- a/core/themes/claro/css/theme/media-library.pcss.css +++ b/core/themes/claro/css/theme/media-library.pcss.css @@ -62,8 +62,6 @@ margin-top: calc(var(--vertical-tabs-border-size) * -1); padding: var(--space-s) var(--space-s) var(--space-s) calc(var(--space-l) - var(--vertical-tabs-menu-link--active-border-size)); /* LTR */ text-decoration: none; - word-wrap: break-word; - hyphens: auto; color: var(--color-text); border: var(--vertical-tabs-border-size) solid transparent; border-width: var(--vertical-tabs-border-size) 0 var(--vertical-tabs-border-size) var(--vertical-tabs-menu-link--active-border-size); /* LTR */