| @@ -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 |
| @@ -123,9 +129,9 @@ | ||
| 123 | 129 | } |
| 124 | 130 | } |
| 125 | 131 | |
| 126 | 132 | @media (max-width: 600px) { |
| 127 | - .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { | |
| 133 | + .wp-block-post-template-is-layout-grid[class*=columns-]:not(.has-native-responsive-grid) { | |
| 128 | 134 | grid-template-columns: 1fr; |
| 129 | 135 | } |
| 130 | 136 | } |
| 131 | 137 | .wp-block-post-template-is-layout-constrained > li > .alignright, |