| @@ -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 |
| @@ -181,10 +187,10 @@ | ||
| 181 | 187 | .wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large { |
| 182 | 188 | border: none; |
| 183 | 189 | } |
| 184 | 190 | |
| 185 | -.wp-block-search .wp-block-search__label { | |
| 186 | - font-weight: bold; | |
| 191 | +:where(.wp-block-search .wp-block-search__label) { | |
| 192 | + font-weight: 700; | |
| 187 | 193 | } |
| 188 | 194 | |
| 189 | 195 | .wp-block-search__button { |
| 190 | 196 | border: 1px solid #ccc; |
| @@ -191,9 +197,9 @@ | ||
| 191 | 197 | padding: 0.375em 0.625em; |
| 192 | 198 | } |
| 193 | 199 | |
| 194 | 200 | :where(.wp-block-group.has-background) { |
| 195 | - padding: 1.25em 2.375em; | |
| 201 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 196 | 202 | } |
| 197 | 203 | |
| 198 | 204 | .wp-block-separator.has-css-opacity { |
| 199 | 205 | opacity: 0.4; |
| @@ -248,8 +254,8 @@ | ||
| 248 | 254 | margin: 0 0 1em 0; |
| 249 | 255 | } |
| 250 | 256 | |
| 251 | 257 | :root :where(.wp-block-template-part.has-background) { |
| 252 | - padding: 1.25em 2.375em; | |
| 258 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 253 | 259 | margin-top: 0; |
| 254 | 260 | margin-bottom: 0; |
| 255 | 261 | } |
