| @@ -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 |
| @@ -87,22 +93,18 @@ | ||
| 87 | 93 | * Creates a checkerboard pattern background to indicate transparency. |
| 88 | 94 | * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px. |
| 89 | 95 | */ |
| 90 | 96 | .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { |
| 91 | - -moz-column-count: 2; | |
| 92 | - column-count: 2; | |
| 93 | - -moz-column-gap: 24px; | |
| 94 | - column-gap: 24px; | |
| 97 | + column-count: 2; | |
| 98 | + column-gap: 24px; | |
| 95 | 99 | } |
| 96 | 100 | @media (min-width: 1280px) { |
| 97 | 101 | .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { |
| 98 | - -moz-column-count: 3; | |
| 99 | - column-count: 3; | |
| 102 | + column-count: 3; | |
| 100 | 103 | } |
| 101 | 104 | } |
| 102 | 105 | .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { |
| 103 | - -moz-column-break-inside: avoid; | |
| 104 | - break-inside: avoid-column; | |
| 106 | + break-inside: avoid-column; | |
| 105 | 107 | } |
| 106 | 108 | .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search { |
| 107 | 109 | background: #fff; |
| 108 | 110 | position: sticky; |
| @@ -112,14 +114,8 @@ | ||
| 112 | 114 | margin-bottom: -4px; |
| 113 | 115 | z-index: 2; |
| 114 | 116 | } |
| 115 | 117 | |
| 116 | -@media (min-width: 600px) { | |
| 117 | - .wp-block-query__enhanced-pagination-modal { | |
| 118 | - max-width: 480px; | |
| 119 | - } | |
| 120 | -} | |
| 121 | - | |
| 122 | 118 | .block-editor-block-settings-menu__popover.is-expanded { |
| 123 | 119 | overflow-y: scroll; |
| 124 | 120 | } |
| 125 | 121 | .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content { |
| @@ -134,9 +130,9 @@ | ||
| 134 | 130 | grid-template-columns: 1fr 1fr; |
| 135 | 131 | } |
| 136 | 132 | } |
| 137 | 133 | .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { |
| 138 | - grid-gap: 12px; | |
| 134 | + gap: 12px; | |
| 139 | 135 | min-width: 280px; |
| 140 | 136 | } |
| 141 | 137 | @media (min-width: 600px) { |
| 142 | 138 | .block-editor-block-settings-menu__popover .block-editor-block-patterns-list { |
