| @@ -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 |
| @@ -141,15 +147,15 @@ | ||
| 141 | 147 | margin-bottom: 1.75em; |
| 142 | 148 | } |
| 143 | 149 | |
| 144 | 150 | :where(.wp-block-columns.has-background) { |
| 145 | - padding: 1.25em 2.375em; | |
| 151 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 146 | 152 | } |
| 147 | 153 | |
| 148 | 154 | .wp-block-column { |
| 149 | 155 | flex-grow: 1; |
| 150 | 156 | min-width: 0; |
| 151 | - word-break: break-word; | |
| 157 | + word-break: normal; | |
| 152 | 158 | overflow-wrap: break-word; |
| 153 | 159 | /** |
| 154 | 160 | * Individual Column Alignment |
| 155 | 161 | */ |
