| @@ -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 |
| @@ -92,8 +98,15 @@ | ||
| 92 | 98 | width: 100%; |
| 93 | 99 | height: 100%; |
| 94 | 100 | top: 0; |
| 95 | 101 | left: 0; |
| 102 | +} | |
| 103 | + | |
| 104 | +.block-library-html__edit-code { | |
| 105 | + margin: 16px; | |
| 106 | +} | |
| 107 | +.block-library-html__edit-code .block-library-html__edit-code-button { | |
| 108 | + justify-content: center; | |
| 96 | 109 | } |
| 97 | 110 | |
| 98 | 111 | @media (min-width: 600px) { |
| 99 | 112 | .block-library-html__modal:not(.is-full-screen) { |
