Forbid
[deprecated](https://drafts.csswg.org/css-text-3/#word-break-property)
`break-word` and fix all occurences.
Regarding `overflow-wrap: break-word` vs `overflow-wrap: anywhere`:
Example of difference: https://jsfiddle.net/silverwind/1va6972r/
[Here](https://stackoverflow.com/questions/
77651244) it says:
> The differences between normal, break-word and anywhere are only clear
if you are using width: min-content on the element containing the text,
and you also set a max-width. A pretty rare scenario.
I don't think this difference will make any practical impact as we are
not hitting this rare scenario.
'declaration-property-unit-allowed-list': null,
'declaration-property-unit-disallowed-list': {'line-height': ['em']},
'declaration-property-value-allowed-list': null,
- 'declaration-property-value-disallowed-list': null,
+ 'declaration-property-value-disallowed-list': {'word-break': ['break-word']},
'declaration-property-value-no-unknown': true,
'font-family-name-quotes': 'always-where-recommended',
'font-family-no-duplicate-names': true,
color: var(--color-console-fg);
font-family: var(--fonts-monospace);
border-radius: var(--border-radius);
- word-break: break-word;
- overflow-wrap: break-word;
+ overflow-wrap: anywhere;
}
.console img { max-width: 100%; }
.gt-word-break {
word-wrap: break-word !important;
- word-break: break-word; /* compat: Safari */
overflow-wrap: anywhere;
}
}
.repository.file.list .non-diff-file-content .plain-text pre {
- word-break: break-word;
+ overflow-wrap: anywhere;
white-space: pre-wrap;
}
color: var(--color-text);
font-size: 16px;
font-weight: var(--font-weight-semibold);
- word-break: break-word;
+ overflow-wrap: anywhere;
min-width: 0;
}
flex-wrap: wrap;
gap: .25rem;
color: var(--color-text-light-2);
- word-break: break-word;
+ overflow-wrap: anywhere;
}
.flex-item .flex-item-body a {