| @@ -67,8 +67,14 @@ | ||
| 67 | 67 | /** |
| 68 | 68 | * Focus styles. |
| 69 | 69 | */ |
| 70 | 70 | /** |
| 71 | + * Standard focus rings for the WordPress Design System. | |
| 72 | + * | |
| 73 | + * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, | |
| 74 | + * e.g. `&:focus { @include outset-ring__focus(); }`. | |
| 75 | + */ | |
| 76 | +/** | |
| 71 | 77 | * Applies editor left position to the selector passed as argument |
| 72 | 78 | */ |
| 73 | 79 | /** |
| 74 | 80 | * Styles that are reused verbatim in a few places |
| @@ -221,9 +227,9 @@ | ||
| 221 | 227 | overflow: hidden; |
| 222 | 228 | padding: 0; |
| 223 | 229 | position: absolute; |
| 224 | 230 | width: 1px; |
| 225 | - word-wrap: normal !important; | |
| 231 | + overflow-wrap: normal !important; | |
| 226 | 232 | word-break: normal !important; |
| 227 | 233 | } |
| 228 | 234 | |
| 229 | 235 | .screen-reader-text:focus { |
| @@ -336,16 +342,12 @@ | ||
| 336 | 342 | margin: 0 0 1em 0; |
| 337 | 343 | } |
| 338 | 344 | |
| 339 | 345 | html :where(.is-position-sticky) { |
| 340 | - /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */ | |
| 341 | 346 | --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); |
| 342 | - /* stylelint-enable length-zero-no-unit */ | |
| 343 | 347 | } |
| 344 | 348 | |
| 345 | 349 | @media screen and (max-width: 600px) { |
| 346 | 350 | html :where(.is-position-sticky) { |
| 347 | - /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */ | |
| 348 | 351 | --wp-admin--admin-bar--position-offset: 0px; |
| 349 | - /* stylelint-enable length-zero-no-unit */ | |
| 350 | 352 | } |
| 351 | 353 | } |
