| @@ -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 |
| @@ -219,9 +225,9 @@ | ||
| 219 | 225 | overflow: hidden; |
| 220 | 226 | padding: 0; |
| 221 | 227 | position: absolute; |
| 222 | 228 | width: 1px; |
| 223 | - word-wrap: normal !important; | |
| 229 | + overflow-wrap: normal !important; | |
| 224 | 230 | word-break: normal !important; |
| 225 | 231 | } |
| 226 | 232 | |
| 227 | 233 | .screen-reader-text:focus { |
| @@ -330,16 +336,12 @@ | ||
| 330 | 336 | margin: 0 0 1em 0; |
| 331 | 337 | } |
| 332 | 338 | |
| 333 | 339 | html :where(.is-position-sticky) { |
| 334 | - /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */ | |
| 335 | 340 | --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); |
| 336 | - /* stylelint-enable length-zero-no-unit */ | |
| 337 | 341 | } |
| 338 | 342 | |
| 339 | 343 | @media screen and (max-width: 600px) { |
| 340 | 344 | html :where(.is-position-sticky) { |
| 341 | - /* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */ | |
| 342 | 345 | --wp-admin--admin-bar--position-offset: 0px; |
| 343 | - /* stylelint-enable length-zero-no-unit */ | |
| 344 | 346 | } |
| 345 | 347 | } |
