1 /** |
1 :root{ |
2 * Colors |
2 --wp-admin-theme-color:#007cba; |
3 */ |
3 --wp-admin-theme-color--rgb:0, 124, 186; |
4 /** |
4 --wp-admin-theme-color-darker-10:#006ba1; |
5 * Breakpoints & Media Queries |
5 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
6 */ |
6 --wp-admin-theme-color-darker-20:#005a87; |
7 /** |
7 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
8 * SCSS Variables. |
8 --wp-admin-border-width-focus:2px; |
9 * |
9 --wp-block-synced-color:#7a00df; |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 --wp-block-synced-color--rgb:122, 0, 223; |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 --wp-bound-block-color:var(--wp-block-synced-color); |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 } |
13 */ |
13 @media (min-resolution:192dpi){ |
14 /** |
14 :root{ |
15 * Colors |
15 --wp-admin-border-width-focus:1.5px; |
16 */ |
16 } |
17 /** |
17 } |
18 * Fonts & basic variables. |
18 |
19 */ |
19 .block-editor-autocompleters__block{ |
20 /** |
20 white-space:nowrap; |
21 * Grid System. |
21 } |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 .block-editor-autocompleters__block .block-editor-block-icon{ |
23 */ |
23 margin-left:8px; |
24 /** |
24 } |
25 * Dimensions. |
25 |
26 */ |
26 .block-editor-autocompleters__link{ |
27 /** |
27 white-space:nowrap; |
28 * Shadows. |
28 } |
29 */ |
29 .block-editor-autocompleters__link .block-editor-block-icon{ |
30 /** |
30 margin-left:8px; |
31 * Editor widths. |
31 } |
32 */ |
32 |
33 /** |
33 .block-editor-block-alignment-control__menu-group .components-menu-item__info{ |
34 * Block & Editor UI. |
34 margin-top:0; |
35 */ |
35 } |
36 /** |
36 |
37 * Block paddings. |
37 iframe[name=editor-canvas]{ |
38 */ |
38 background-color:initial; |
39 /** |
39 box-sizing:border-box; |
40 * React Native specific. |
40 display:block; |
41 * These variables do not appear to be used anywhere else. |
41 height:100%; |
42 */ |
42 width:100%; |
43 /** |
43 } |
44 * Converts a hex value into the rgb equivalent. |
44 |
45 * |
45 .block-editor-block-icon{ |
46 * @param {string} hex - the hexadecimal value to convert |
46 align-items:center; |
47 * @return {string} comma separated rgb values |
47 display:flex; |
48 */ |
48 height:24px; |
49 /** |
49 justify-content:center; |
50 * Breakpoint mixins |
50 width:24px; |
51 */ |
51 } |
52 /** |
52 .block-editor-block-icon.has-colors svg{ |
53 * Long content fade mixin |
53 fill:currentColor; |
54 * |
54 } |
55 * Creates a fading overlay to signify that the content is longer |
55 @media (forced-colors:active){ |
56 * than the space allows. |
56 .block-editor-block-icon.has-colors svg{ |
57 */ |
57 fill:CanvasText; |
58 /** |
58 } |
59 * Focus styles. |
59 } |
60 */ |
60 .block-editor-block-icon svg{ |
61 /** |
61 max-height:24px; |
62 * Applies editor left position to the selector passed as argument |
62 max-width:24px; |
63 */ |
63 min-height:20px; |
64 /** |
64 min-width:20px; |
65 * Styles that are reused verbatim in a few places |
65 } |
66 */ |
66 |
67 /** |
67 .block-editor-block-inspector p:not(.components-base-control__help){ |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 margin-top:0; |
69 */ |
69 } |
70 /** |
70 .block-editor-block-inspector h2,.block-editor-block-inspector h3{ |
71 * Reset default styles for JavaScript UI based pages. |
71 color:#1e1e1e; |
72 * This is a WP-admin agnostic reset |
72 font-size:13px; |
73 */ |
73 margin-bottom:1.5em; |
74 /** |
74 } |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 .block-editor-block-inspector .components-base-control{ |
76 */ |
76 margin-bottom:24px; |
77 :root { |
77 } |
78 --wp-admin-theme-color: #007cba; |
78 .block-editor-block-inspector .components-base-control:last-child{ |
79 --wp-admin-theme-color--rgb: 0, 124, 186; |
79 margin-bottom:8px; |
80 --wp-admin-theme-color-darker-10: #006ba1; |
80 } |
81 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
81 .block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{ |
82 --wp-admin-theme-color-darker-20: #005a87; |
82 margin-bottom:0; |
83 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
83 } |
84 --wp-admin-border-width-focus: 2px; |
84 .block-editor-block-inspector .components-panel__body{ |
85 } |
85 border:none; |
86 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
86 border-top:1px solid #e0e0e0; |
87 :root { |
87 margin-top:-1px; |
88 --wp-admin-border-width-focus: 1.5px; |
88 } |
89 } |
89 |
90 } |
90 .block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{ |
91 |
91 background:#fff; |
92 .block-editor-autocompleters__block { |
92 display:block; |
93 white-space: nowrap; |
93 font-size:13px; |
94 } |
94 padding:32px 16px; |
95 .block-editor-autocompleters__block .block-editor-block-icon { |
95 text-align:center; |
96 margin-left: 8px; |
96 } |
97 } |
97 |
98 |
98 .block-editor-block-inspector__no-block-tools{ |
99 .block-editor-autocompleters__link { |
99 border-top:1px solid #ddd; |
100 white-space: nowrap; |
100 } |
101 } |
101 |
102 .block-editor-autocompleters__link .block-editor-block-icon { |
102 .block-editor-block-inspector__tab-item{ |
103 margin-left: 8px; |
103 flex:1 1 0px; |
104 } |
104 } |
105 |
105 .block-editor-block-list__insertion-point{ |
106 .block-editor-block-alignment-control__menu-group .components-menu-item__info { |
106 bottom:0; |
107 margin-top: 0; |
107 left:0; |
108 } |
108 position:absolute; |
109 |
109 right:0; |
110 .block-editor-block-alignment-matrix-control__popover .components-popover__content { |
110 top:0; |
111 min-width: 0; |
111 } |
112 width: auto; |
112 |
113 } |
113 .block-editor-block-list__insertion-point-indicator{ |
114 .block-editor-block-alignment-matrix-control__popover .components-popover__content > div { |
114 background:var(--wp-admin-theme-color); |
115 padding: 8px; |
115 border-radius:2px; |
116 } |
116 opacity:0; |
117 |
117 position:absolute; |
118 .block-editor-block-icon { |
118 transform-origin:center; |
119 display: flex; |
119 will-change:transform, opacity; |
120 align-items: center; |
120 } |
121 justify-content: center; |
121 .block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ |
122 width: 24px; |
122 height:4px; |
123 height: 24px; |
123 top:calc(50% - 2px); |
124 } |
124 width:100%; |
125 .block-editor-block-icon.has-colors svg { |
125 } |
126 fill: currentColor; |
126 .block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ |
127 } |
127 bottom:0; |
128 @media (forced-colors: active) { |
128 right:calc(50% - 2px); |
129 .block-editor-block-icon.has-colors svg { |
129 top:0; |
130 fill: CanvasText; |
130 width:4px; |
131 } |
131 } |
132 } |
132 |
133 .block-editor-block-icon svg { |
133 .block-editor-block-list__insertion-point-inserter{ |
134 min-width: 20px; |
134 display:none; |
135 min-height: 20px; |
135 justify-content:center; |
136 max-width: 24px; |
136 position:absolute; |
137 max-height: 24px; |
137 right:calc(50% - 12px); |
138 } |
138 top:calc(50% - 12px); |
139 |
139 will-change:transform; |
140 .block-editor-block-inspector p { |
140 } |
141 margin-top: 0; |
141 @media (min-width:480px){ |
142 } |
142 .block-editor-block-list__insertion-point-inserter{ |
143 .block-editor-block-inspector h2, |
143 display:flex; |
144 .block-editor-block-inspector h3 { |
144 } |
145 font-size: 13px; |
145 } |
146 color: #1e1e1e; |
146 |
147 margin-bottom: 1.5em; |
147 .block-editor-block-list__block-side-inserter-popover .components-popover__content>div{ |
148 } |
148 pointer-events:none; |
149 .block-editor-block-inspector .components-base-control { |
149 } |
150 margin-bottom: 24px; |
150 .block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{ |
151 } |
151 pointer-events:all; |
152 .block-editor-block-inspector .components-base-control:last-child { |
152 } |
153 margin-bottom: 8px; |
153 |
154 } |
154 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ |
155 .block-editor-block-inspector .components-panel__body { |
155 background:#1e1e1e; |
156 border: none; |
156 border-radius:2px; |
157 border-top: 1px solid #e0e0e0; |
157 color:#fff; |
158 } |
158 height:24px; |
159 .block-editor-block-inspector .block-editor-block-card { |
159 min-width:24px; |
160 padding: 16px; |
160 padding:0; |
161 } |
161 } |
162 |
162 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ |
163 .block-editor-block-inspector__no-blocks { |
163 background:var(--wp-admin-theme-color); |
164 display: block; |
164 color:#fff; |
165 font-size: 13px; |
165 } |
166 background: #fff; |
166 |
167 padding: 32px 16px; |
167 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ |
168 text-align: center; |
168 background:var(--wp-admin-theme-color); |
169 } |
169 } |
170 |
170 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ |
171 .block-editor-block-styles .block-editor-block-list__block { |
171 background:#1e1e1e; |
172 margin: 0; |
172 } |
173 } |
173 .block-editor-block-list__block-selection-button{ |
174 |
174 background-color:#1e1e1e; |
175 /** |
175 border-radius:2px; |
176 * Notices & Block Selected/Hover Styles. |
176 display:inline-flex; |
177 */ |
177 font-size:13px; |
178 /** |
178 height:48px; |
179 * Cross-Block Selection |
179 padding:0 12px; |
180 */ |
180 z-index:22; |
181 .block-editor-block-list__layout { |
181 } |
182 position: relative; |
182 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ |
183 } |
183 align-items:center; |
184 .block-editor-block-list__layout.is-navigate-mode { |
184 display:inline-flex; |
185 cursor: default; |
185 margin:auto; |
186 } |
186 } |
187 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, |
187 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ |
188 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after, |
188 margin-left:6px; |
189 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
189 } |
190 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after { |
190 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ |
191 position: absolute; |
191 cursor:grab; |
192 z-index: 1; |
192 height:24px; |
193 pointer-events: none; |
193 margin-right:-2px; |
194 content: ""; |
194 min-width:24px; |
195 top: 1px; |
195 padding:0; |
196 bottom: 1px; |
196 } |
197 right: 1px; |
197 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ |
198 left: 1px; |
198 min-height:18px; |
199 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
199 min-width:18px; |
200 border-radius: 1px; |
200 } |
201 outline: 2px solid transparent; |
201 .block-editor-block-list__block-selection-button .block-editor-block-icon{ |
202 } |
202 color:#fff; |
203 .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, |
203 font-size:13px; |
204 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after, |
204 height:48px; |
205 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
205 } |
206 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after { |
206 .block-editor-block-list__block-selection-button .components-button{ |
207 box-shadow: 0 0 0 1px #fff; |
207 color:#fff; |
208 } |
208 display:flex; |
209 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection, |
209 height:48px; |
210 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable]) .components-placeholder ::selection, |
210 min-width:36px; |
211 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, |
211 } |
212 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected .components-placeholder ::selection { |
212 .block-editor-block-list__block-selection-button .components-button:focus{ |
213 background: transparent; |
213 border:none; |
214 } |
214 box-shadow:none; |
215 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after { |
215 } |
216 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
216 .block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ |
217 } |
217 color:#fff; |
218 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after { |
218 } |
219 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
219 .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ |
220 outline: 1px solid transparent; |
220 padding:0; |
221 } |
221 } |
222 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { |
222 .block-editor-block-list__block-selection-button .block-editor-block-mover{ |
223 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
223 background:unset; |
224 outline: 2px solid transparent; |
224 border:none; |
225 } |
225 } |
226 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before { |
226 |
227 content: ""; |
227 @keyframes hide-during-dragging{ |
228 position: absolute; |
228 to{ |
229 z-index: 0; |
229 position:fixed; |
230 pointer-events: none; |
230 transform:translate(-9999px, 9999px); |
231 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
231 } |
232 left: 0; |
232 } |
233 right: 0; |
233 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ |
234 top: -14px; |
234 margin-bottom:8px; |
235 border-radius: 2px; |
235 margin-top:8px; |
236 border-top: 4px solid #ccc; |
236 pointer-events:all; |
237 } |
237 } |
238 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { |
238 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{ |
239 content: none; |
239 border:1px solid #1e1e1e; |
240 } |
240 border-radius:2px; |
241 .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before { |
241 overflow:visible; |
242 border-color: var(--wp-admin-theme-color); |
242 position:static; |
243 } |
243 width:auto; |
244 |
244 } |
245 .is-block-moving-mode.block-editor-block-list__block-selection-button { |
245 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ |
246 opacity: 0; |
246 margin-right:56px; |
247 font-size: 1px; |
247 } |
248 height: 1px; |
248 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ |
249 padding: 0; |
249 margin-right:0; |
250 } |
250 } |
251 |
251 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{ |
252 .block-editor-block-list__layout .block-editor-block-list__block { |
252 overflow:visible; |
253 position: relative; |
253 } |
254 overflow-wrap: break-word; |
254 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{ |
255 /** |
255 border-left-color:#1e1e1e; |
256 * Notices |
256 } |
257 */ |
257 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ |
258 /** |
258 visibility:hidden; |
259 * Block Layout |
259 } |
260 */ |
260 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ |
261 /** |
261 animation:hide-during-dragging 1ms linear forwards; |
262 * Block styles and alignments |
262 opacity:0; |
263 */ |
263 } |
264 } |
264 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ |
265 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { |
265 position:absolute; |
266 z-index: 1; |
266 right:-57px; |
267 } |
267 } |
268 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
268 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{ |
269 margin: -10px 0 12px 0; |
269 content:""; |
270 } |
270 } |
271 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
271 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ |
272 margin: 0 0 12px 0; |
272 background-color:#fff; |
273 width: 100%; |
273 border:1px solid #1e1e1e; |
274 } |
274 padding-left:6px; |
275 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
275 padding-right:6px; |
276 margin-right: 0; |
276 } |
277 margin-left: 0; |
277 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ |
278 } |
278 padding-left:12px; |
279 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
279 padding-right:12px; |
280 font-size: 13px; |
280 } |
281 } |
281 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ |
282 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { |
282 margin-right:-1px; |
283 outline: none; |
283 position:relative; |
284 } |
284 right:auto; |
285 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
285 } |
286 position: absolute; |
286 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{ |
287 z-index: 1; |
287 border-right:1px solid #1e1e1e; |
288 pointer-events: none; |
288 } |
289 content: ""; |
289 |
290 top: 1px; |
290 .is-dragging-components-draggable .components-tooltip{ |
291 bottom: 1px; |
291 display:none; |
292 right: 1px; |
292 } |
293 left: 1px; |
293 |
294 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
294 .components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{ |
295 border-radius: 1px; |
295 pointer-events:all; |
296 outline: 2px solid transparent; |
296 position:absolute; |
297 } |
297 right:50%; |
298 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
298 top:50%; |
299 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; |
299 transform:translateX(50%) translateY(-50%); |
300 } |
300 } |
301 .block-editor-block-list__layout .block-editor-block-list__block::after { |
301 |
302 content: ""; |
302 .block-editor-block-lock-modal{ |
303 pointer-events: none; |
303 z-index:1000001; |
304 position: absolute; |
304 } |
305 top: 0; |
305 @media (min-width:600px){ |
306 left: 0; |
306 .block-editor-block-lock-modal .components-modal__frame{ |
307 bottom: 0; |
307 max-width:480px; |
308 right: 0; |
308 } |
309 border-radius: 2px; |
309 } |
310 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent; |
310 |
311 } |
311 .block-editor-block-lock-modal__checklist{ |
312 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
312 margin:0; |
313 min-height: 48px; |
313 } |
314 } |
314 |
315 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { |
315 .block-editor-block-lock-modal__options-title{ |
316 pointer-events: none; |
316 padding:12px 0; |
317 -webkit-user-select: none; |
317 } |
318 user-select: none; |
318 .block-editor-block-lock-modal__options-title .components-checkbox-control__label{ |
319 } |
319 font-weight:600; |
320 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { |
320 } |
321 pointer-events: all; |
321 |
322 } |
322 .block-editor-block-lock-modal__checklist-item{ |
323 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { |
323 align-items:center; |
324 content: ""; |
324 display:flex; |
325 position: absolute; |
325 gap:12px; |
326 top: 0; |
326 justify-content:space-between; |
327 left: 0; |
327 margin-bottom:0; |
328 bottom: 0; |
328 padding:12px 32px 12px 0; |
329 right: 0; |
329 } |
330 border-radius: 2px; |
330 .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{ |
331 background-color: rgba(255, 255, 255, 0.4); |
331 flex-shrink:0; |
332 } |
332 margin-left:12px; |
333 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { |
333 fill:#1e1e1e; |
334 background-color: transparent; |
334 } |
335 } |
335 .block-editor-block-lock-modal__checklist-item:hover{ |
336 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { |
336 background-color:#f0f0f0; |
337 display: none; |
337 border-radius:2px; |
338 } |
338 } |
339 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { |
339 |
340 display: block; |
340 .block-editor-block-lock-modal__template-lock{ |
341 } |
341 border-top:1px solid #ddd; |
342 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { |
342 margin-top:16px; |
343 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
343 padding:12px 0; |
344 } |
344 } |
345 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { |
345 |
346 float: none; |
346 .block-editor-block-lock-modal__actions{ |
347 } |
347 margin-top:24px; |
348 |
348 } |
349 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { |
349 |
350 cursor: default; |
350 .block-editor-block-lock-toolbar .components-button.has-icon{ |
351 } |
351 min-width:36px !important; |
352 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after { |
352 } |
353 top: 1px; |
353 |
354 right: 1px; |
354 .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ |
355 left: 1px; |
355 margin-right:-6px !important; |
356 bottom: 1px; |
356 } |
357 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
357 |
358 border-radius: 1px; |
358 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ |
359 } |
359 border-right:1px solid #1e1e1e; |
360 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { |
360 margin-left:-6px; |
361 cursor: unset; |
361 margin-right:6px !important; |
362 } |
362 } |
363 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after { |
363 |
364 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
364 .block-editor-block-breadcrumb{ |
365 top: 1px; |
365 list-style:none; |
366 right: 1px; |
366 margin:0; |
367 left: 1px; |
367 padding:0; |
368 bottom: 1px; |
368 } |
369 border-radius: 1px; |
369 .block-editor-block-breadcrumb li{ |
370 } |
370 display:inline-flex; |
371 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after { |
371 margin:0; |
372 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
372 } |
373 } |
373 .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{ |
374 |
374 fill:currentColor; |
375 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { |
375 margin-left:-4px; |
376 opacity: 0.5; |
376 margin-right:-4px; |
377 transition: opacity 0.1s linear; |
377 transform:scaleX(-1);; |
378 } |
378 } |
379 @media (prefers-reduced-motion: reduce) { |
379 .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{ |
380 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { |
380 display:none; |
381 transition-duration: 0s; |
381 } |
382 transition-delay: 0s; |
382 |
383 } |
383 .block-editor-block-breadcrumb__button.components-button{ |
384 } |
384 height:24px; |
385 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { |
385 line-height:24px; |
386 opacity: 1; |
386 padding:0; |
387 } |
387 position:relative; |
388 |
388 } |
389 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { |
389 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){ |
390 opacity: 0.5; |
390 box-shadow:none; |
391 transition: opacity 0.1s linear; |
391 text-decoration:underline; |
392 } |
392 } |
393 @media (prefers-reduced-motion: reduce) { |
393 .block-editor-block-breadcrumb__button.components-button:focus{ |
394 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { |
394 box-shadow:none; |
395 transition-duration: 0s; |
395 } |
396 transition-delay: 0s; |
396 .block-editor-block-breadcrumb__button.components-button:focus:before{ |
397 } |
397 border-radius:2px; |
398 } |
398 bottom:1px; |
399 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block, |
399 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
400 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block { |
400 content:""; |
401 opacity: 1; |
401 display:block; |
402 } |
402 left:1px; |
403 |
403 outline:2px solid #0000; |
404 .wp-block[data-align=left] > *, |
404 position:absolute; |
405 .wp-block[data-align=right] > *, |
405 right:1px; |
406 .wp-block.alignleft, |
406 top:1px; |
407 .wp-block.alignright { |
407 } |
408 z-index: 21; |
408 |
409 } |
409 .block-editor-block-breadcrumb__current{ |
410 |
410 cursor:default; |
411 .wp-site-blocks > [data-align=left] { |
411 } |
412 float: right; |
412 |
413 margin-left: 2em; |
413 .block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{ |
414 } |
414 color:#1e1e1e; |
415 |
415 font-size:inherit; |
416 .wp-site-blocks > [data-align=right] { |
416 padding:0 8px; |
417 float: left; |
417 } |
418 margin-right: 2em; |
418 |
419 } |
419 .block-editor-block-card{ |
420 |
420 align-items:flex-start; |
421 .wp-site-blocks > [data-align=center] { |
421 color:#1e1e1e; |
422 justify-content: center; |
422 display:flex; |
423 margin-right: auto; |
423 padding:16px; |
424 margin-left: auto; |
424 } |
425 } |
425 |
426 |
426 .block-editor-block-card__title{ |
427 /** |
427 font-weight:500; |
428 * In-Canvas Inserter |
428 } |
429 */ |
429 .block-editor-block-card__title.block-editor-block-card__title{ |
430 .block-editor-block-list .block-editor-inserter { |
430 font-size:13px; |
431 margin: 8px; |
431 line-height:1.4; |
432 cursor: move; |
432 margin:0; |
433 cursor: grab; |
433 padding:3px 0; |
434 } |
434 } |
435 |
435 |
436 @keyframes block-editor-inserter__toggle__fade-in-animation { |
436 .block-editor-block-card .block-editor-block-icon{ |
437 from { |
437 flex:0 0 24px; |
438 opacity: 0; |
438 height:24px; |
439 } |
439 margin-left:12px; |
440 to { |
440 margin-right:0; |
441 opacity: 1; |
441 width:24px; |
442 } |
442 } |
443 } |
443 |
444 .wp-block .block-list-appender .block-editor-inserter__toggle { |
444 .block-editor-block-card.is-synced .block-editor-block-icon{ |
445 animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; |
445 color:var(--wp-block-synced-color); |
446 animation-fill-mode: forwards; |
446 } |
447 } |
447 .block-editor-block-compare{ |
448 @media (prefers-reduced-motion: reduce) { |
448 height:auto; |
449 .wp-block .block-list-appender .block-editor-inserter__toggle { |
449 } |
450 animation-duration: 1ms; |
450 |
451 animation-delay: 0s; |
451 .block-editor-block-compare__wrapper{ |
452 } |
452 display:flex; |
453 } |
453 padding-bottom:16px; |
454 |
454 } |
455 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { |
455 .block-editor-block-compare__wrapper>div{ |
456 display: none; |
456 display:flex; |
457 } |
457 flex-direction:column; |
458 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { |
458 justify-content:space-between; |
459 opacity: 0; |
459 max-width:600px; |
460 transform: scale(0); |
460 min-width:200px; |
461 } |
461 padding:0 0 0 16px; |
462 |
462 width:50%; |
463 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
463 } |
464 display: block; |
464 .block-editor-block-compare__wrapper>div button{ |
465 margin: 0; |
465 float:left; |
466 padding: 12px; |
466 } |
467 width: 100%; |
467 .block-editor-block-compare__wrapper .block-editor-block-compare__converted{ |
468 border: none; |
468 border-right:1px solid #ddd; |
469 outline: none; |
469 padding-left:0; |
470 border-radius: 2px; |
470 padding-right:15px; |
471 box-shadow: inset 0 0 0 1px #1e1e1e; |
471 } |
472 resize: none; |
472 .block-editor-block-compare__wrapper .block-editor-block-compare__html{ |
473 overflow: hidden; |
473 border-bottom:1px solid #ddd; |
474 font-family: Menlo, Consolas, monaco, monospace; |
474 color:#1e1e1e; |
475 font-size: 15px; |
475 font-family:Menlo,Consolas,monaco,monospace; |
476 line-height: 1.5; |
476 font-size:12px; |
477 transition: padding 0.2s linear; |
477 line-height:1.7; |
478 } |
478 padding-bottom:15px; |
479 @media (prefers-reduced-motion: reduce) { |
479 } |
480 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
480 .block-editor-block-compare__wrapper .block-editor-block-compare__html span{ |
481 transition-duration: 0s; |
481 background-color:#e6ffed; |
482 transition-delay: 0s; |
482 padding-bottom:3px; |
483 } |
483 padding-top:3px; |
484 } |
484 } |
485 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
485 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{ |
486 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
486 background-color:#acf2bd; |
487 } |
487 } |
488 |
488 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{ |
489 /** |
489 background-color:#cc1818; |
490 * Warnings. |
490 } |
491 */ |
491 .block-editor-block-compare__wrapper .block-editor-block-compare__preview{ |
492 .block-editor-block-list__block .block-editor-warning { |
492 padding:16px 0 0; |
493 z-index: 5; |
493 } |
494 position: relative; |
494 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p{ |
495 } |
495 font-size:12px; |
496 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { |
496 margin-top:0; |
497 margin-bottom: auto; |
497 } |
498 } |
498 .block-editor-block-compare__wrapper .block-editor-block-compare__action{ |
499 |
499 margin-top:16px; |
500 /** |
500 } |
501 * Insertion Point. |
501 .block-editor-block-compare__wrapper .block-editor-block-compare__heading{ |
502 */ |
502 font-size:1em; |
503 .block-editor-block-list__insertion-point { |
503 font-weight:400; |
504 position: absolute; |
504 margin:.67em 0; |
505 } |
505 } |
506 |
506 |
507 .block-editor-block-list__insertion-point-indicator { |
507 .block-editor-block-draggable-chip-wrapper{ |
508 position: absolute; |
508 position:absolute; |
509 background: var(--wp-admin-theme-color); |
509 right:0; |
510 } |
510 top:-24px; |
511 .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { |
511 } |
512 top: 50%; |
512 |
513 height: 1px; |
513 .block-editor-block-draggable-chip{ |
514 } |
514 background-color:#1e1e1e; |
515 .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { |
515 border-radius:2px; |
516 top: 0; |
516 box-shadow:0 6px 8px #0000004d; |
517 left: 0; |
517 color:#fff; |
518 right: 50%; |
518 cursor:grabbing; |
519 width: 1px; |
519 display:inline-flex; |
520 } |
520 height:48px; |
521 |
521 padding:0 13px; |
522 .block-editor-block-list__insertion-point-inserter { |
522 position:relative; |
523 display: none; |
523 -webkit-user-select:none; |
524 position: absolute; |
524 user-select:none; |
525 justify-content: center; |
525 width:max-content; |
526 top: calc(50% - 12px); |
526 } |
527 right: calc(50% - 12px); |
527 .block-editor-block-draggable-chip svg{ |
528 } |
528 fill:currentColor; |
529 @media (min-width: 480px) { |
529 } |
530 .block-editor-block-list__insertion-point-inserter { |
530 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{ |
531 display: flex; |
531 justify-content:flex-start; |
532 } |
532 margin:auto; |
533 } |
533 } |
534 |
534 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{ |
535 .block-editor-block-list__block-popover-inserter { |
535 margin-left:6px; |
536 position: absolute; |
536 } |
537 top: -9999em; |
537 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{ |
538 margin-bottom: 14px; |
538 margin-left:0; |
539 } |
539 } |
540 .block-editor-block-list__block-popover-inserter.is-visible { |
540 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{ |
541 position: static; |
541 min-height:18px; |
542 } |
542 min-width:18px; |
543 |
543 } |
544 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, |
544 .block-editor-block-draggable-chip .components-flex__item{ |
545 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, |
545 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
546 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, |
546 font-size:13px; |
547 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { |
547 } |
548 background: #1e1e1e; |
548 |
549 border-radius: 2px; |
549 .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ |
550 color: #fff; |
550 align-items:center; |
551 padding: 0; |
551 background-color:initial; |
552 min-width: 24px; |
552 bottom:0; |
553 height: 24px; |
553 display:flex; |
554 } |
554 justify-content:center; |
555 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
555 left:0; |
556 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, |
556 opacity:0; |
557 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
557 position:absolute; |
558 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
558 right:0; |
559 color: #fff; |
559 top:0; |
560 background: var(--wp-admin-theme-color); |
560 transition:all .1s linear .1s; |
561 } |
561 } |
562 |
562 .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon{ |
563 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { |
563 background:#0000 linear-gradient(45deg, #0000 47.5%, #fff 0, #fff 52.5%, #0000 0); |
564 background: var(--wp-admin-theme-color); |
564 border-radius:50%; |
565 } |
565 box-shadow:inset 0 0 0 1.5px #fff; |
566 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
566 display:inline-block; |
567 background: #1e1e1e; |
567 height:20px; |
568 } |
568 padding:0; |
569 |
569 width:20px; |
570 /** |
570 } |
571 * Block Toolbar when contextual. |
571 |
572 */ |
572 .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ |
573 .block-editor-block-contextual-toolbar { |
573 background-color:#757575; |
574 display: inline-flex; |
574 box-shadow:0 4px 8px #0003; |
575 border: 1px solid #1e1e1e; |
575 opacity:1; |
576 border-radius: 2px; |
576 } |
577 background-color: #fff; |
577 |
578 } |
578 .block-editor-block-mover__move-button-container{ |
579 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, |
579 border:none; |
580 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { |
580 display:flex; |
581 border-left-color: #1e1e1e; |
581 justify-content:center; |
582 } |
582 padding:0; |
583 .block-editor-block-contextual-toolbar.is-fixed { |
583 } |
584 position: sticky; |
584 @media (min-width:600px){ |
585 top: 0; |
585 .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ |
586 width: 100%; |
586 flex-direction:column; |
587 z-index: 31; |
587 } |
588 min-height: 48px; |
588 .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ |
589 display: block; |
589 height:20px; |
590 border: none; |
590 min-width:0 !important; |
591 border-bottom: 1px solid #e0e0e0; |
591 width:100%; |
592 border-radius: 0; |
592 } |
593 } |
593 .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ |
594 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, |
594 height:calc(100% - 4px); |
595 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { |
595 } |
596 border-left-color: #e0e0e0; |
596 .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ |
597 } |
597 flex-shrink:0; |
598 .block-editor-block-contextual-toolbar .block-editor-block-mover-button { |
598 top:3px; |
599 overflow: hidden; |
599 } |
600 } |
600 .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ |
601 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
601 bottom:3px; |
602 min-width: 24px; |
602 flex-shrink:0; |
603 width: 24px; |
603 } |
604 } |
604 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ |
605 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg { |
605 width:48px; |
606 min-width: 24px; |
606 } |
607 } |
607 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{ |
608 |
608 min-width:0 !important; |
609 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { |
609 overflow:hidden; |
610 right: 0 !important; |
610 width:24px; |
611 min-width: 0; |
611 } |
612 width: 100%; |
612 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{ |
613 } |
613 padding-left:0; |
614 @media (min-width: 600px) { |
614 padding-right:0; |
615 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { |
615 } |
616 top: 5px; |
616 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ |
617 } |
617 right:5px; |
618 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { |
618 } |
619 bottom: 5px; |
619 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ |
620 } |
620 left:5px; |
621 } |
621 } |
622 |
622 } |
623 /** |
623 |
624 * Block Label for Navigation/Selection Mode |
624 .block-editor-block-mover__drag-handle{ |
625 */ |
625 cursor:grab; |
626 .block-editor-block-list__block-selection-button { |
626 } |
627 display: inline-flex; |
627 @media (min-width:600px){ |
628 padding: 0 12px; |
628 .block-editor-block-mover__drag-handle{ |
629 z-index: 22; |
629 min-width:0 !important; |
630 border-radius: 2px; |
630 overflow:hidden; |
631 background-color: #1e1e1e; |
631 width:24px; |
632 font-size: 13px; |
632 } |
633 height: 48px; |
633 .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{ |
634 } |
634 padding-left:0; |
635 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { |
635 padding-right:0; |
636 margin: auto; |
636 } |
637 display: inline-flex; |
637 } |
638 align-items: center; |
638 |
639 } |
639 .components-button.block-editor-block-mover-button:before{ |
640 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { |
640 animation:components-button__appear-animation .1s ease; |
641 margin-left: 6px; |
641 animation-fill-mode:forwards; |
642 } |
642 border-radius:2px; |
643 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { |
643 content:""; |
644 cursor: grab; |
644 display:block; |
645 padding: 0; |
645 height:32px; |
646 height: 24px; |
646 left:8px; |
647 min-width: 24px; |
647 position:absolute; |
648 margin-right: -2px; |
648 right:8px; |
649 } |
649 z-index:-1; |
650 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { |
650 } |
651 min-width: 18px; |
651 @media (prefers-reduced-motion:reduce){ |
652 min-height: 18px; |
652 .components-button.block-editor-block-mover-button:before{ |
653 } |
653 animation-delay:0s; |
654 .block-editor-block-list__block-selection-button .block-editor-block-icon { |
654 animation-duration:1ms; |
655 font-size: 13px; |
655 } |
656 color: #fff; |
656 } |
657 height: 48px; |
657 .components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{ |
658 } |
658 box-shadow:none; |
659 .block-editor-block-list__block-selection-button .components-button { |
659 outline:none; |
660 min-width: 36px; |
660 } |
661 color: #fff; |
661 .components-button.block-editor-block-mover-button:focus-visible:before{ |
662 height: 48px; |
662 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
663 display: flex; |
663 outline:2px solid #0000; |
664 } |
664 } |
665 .block-editor-block-list__block-selection-button .components-button:focus { |
665 |
666 box-shadow: none; |
666 .block-editor-block-navigation__container{ |
667 border: none; |
667 min-width:280px; |
668 } |
668 } |
669 .block-editor-block-list__block-selection-button .components-button:active { |
669 |
670 color: #fff; |
670 .block-editor-block-navigation__label{ |
671 } |
671 color:#757575; |
672 .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { |
672 font-size:11px; |
673 padding: 0; |
673 font-weight:500; |
674 } |
674 margin:0 0 12px; |
675 |
675 text-transform:uppercase; |
676 /** |
676 } |
677 * Popovers. |
677 |
678 */ |
678 .block-editor-block-patterns-list__list-item{ |
679 .block-editor-block-list__insertion-point-popover.is-without-arrow { |
679 cursor:pointer; |
680 z-index: 28; |
680 margin-bottom:16px; |
681 position: absolute; |
681 position:relative; |
682 pointer-events: none; |
682 } |
683 } |
683 .block-editor-block-patterns-list__list-item.is-placeholder{ |
684 .block-editor-block-list__insertion-point-popover.is-without-arrow * { |
684 min-height:100px; |
685 pointer-events: none; |
685 } |
686 } |
686 .block-editor-block-patterns-list__list-item[draggable=true]{ |
687 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter { |
687 cursor:grab; |
688 pointer-events: all; |
688 } |
689 } |
689 |
690 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * { |
690 .block-editor-block-patterns-list__item{ |
691 pointer-events: all; |
691 height:100%; |
692 } |
692 scroll-margin-bottom:56px; |
693 .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { |
693 scroll-margin-top:24px; |
694 background: none; |
694 } |
695 border: none; |
695 .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ |
696 box-shadow: none; |
696 flex-grow:1; |
697 overflow-y: visible; |
697 font-size:12px; |
698 margin-right: 0; |
698 text-align:right; |
699 } |
699 } |
700 |
700 .block-editor-block-patterns-list__item .block-editor-block-preview__container{ |
701 @keyframes hide-during-dragging { |
701 align-items:center; |
702 to { |
702 border-radius:2px; |
703 position: fixed; |
703 display:flex; |
704 transform: translate(-9999px, 9999px); |
704 overflow:hidden; |
705 } |
705 } |
706 } |
706 .block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ |
707 .components-popover.block-editor-block-list__block-popover { |
707 border-radius:2px; |
708 z-index: 31; |
708 outline:1px solid #0000001a; |
709 position: absolute; |
709 outline-offset:-1px; |
710 } |
710 } |
711 .components-popover.block-editor-block-list__block-popover .components-popover__content { |
711 .block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container:after{ |
712 margin: 0 !important; |
712 outline-color:#0000004d; |
713 min-width: auto; |
713 } |
714 width: max-content; |
714 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ |
715 background: none; |
715 outline-color:var(--wp-admin-theme-color); |
716 border: none; |
716 outline-offset:calc(-1*var(--wp-admin-border-width-focus)); |
717 box-shadow: none; |
717 outline-width:var(--wp-admin-border-width-focus); |
718 overflow-y: visible; |
718 transition:outline .1s linear; |
719 pointer-events: none; |
719 } |
720 } |
720 @media (prefers-reduced-motion:reduce){ |
721 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, |
721 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ |
722 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar, |
722 transition-delay:0s; |
723 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter { |
723 transition-duration:0s; |
724 pointer-events: all; |
724 } |
725 } |
725 } |
726 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, |
726 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){ |
727 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { |
727 align-items:center; |
728 margin-top: 12px; |
728 margin-top:8px; |
729 margin-bottom: 12px; |
729 padding-bottom:4px; |
730 } |
730 } |
731 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { |
731 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{ |
732 visibility: hidden; |
732 height:24px; |
733 } |
733 min-width:24px; |
734 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { |
734 } |
735 opacity: 0; |
735 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{ |
736 animation: hide-during-dragging 1ms linear forwards; |
736 fill:var(--wp-block-synced-color); |
737 } |
737 } |
738 |
738 |
739 .is-dragging-components-draggable .components-tooltip { |
739 .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{ |
740 display: none; |
740 border-top:1px solid #2f2f2f; |
741 } |
741 justify-content:center; |
742 |
742 padding:4px; |
743 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot, |
743 } |
744 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar, |
744 .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary{ |
745 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown, |
745 height:32px; |
746 .block-editor-block-toolbar .components-toolbar-group { |
746 justify-content:center; |
747 padding-right: 6px; |
747 width:auto; |
748 padding-left: 6px; |
748 } |
749 } |
749 .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled{ |
750 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button, |
750 background:none; |
751 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon, |
751 color:#949494; |
752 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button, |
752 } |
753 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon, |
753 .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){ |
754 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, |
754 background-color:#757575; |
755 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon, |
755 color:#fff; |
756 .block-editor-block-toolbar .components-toolbar-group .components-button, |
756 } |
757 .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon { |
757 .show-icon-labels .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{ |
758 min-width: 36px; |
758 flex-direction:column; |
759 padding-right: 6px; |
759 } |
760 padding-left: 6px; |
760 .show-icon-labels .block-editor-patterns__grid-pagination .components-button{ |
761 } |
761 width:auto; |
762 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button svg, |
762 } |
763 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon svg, |
763 .show-icon-labels .block-editor-patterns__grid-pagination .components-button span{ |
764 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button svg, |
764 display:none; |
765 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon svg, |
765 } |
766 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, |
766 .show-icon-labels .block-editor-patterns__grid-pagination .components-button:before{ |
767 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon svg, |
767 content:attr(aria-label); |
768 .block-editor-block-toolbar .components-toolbar-group .components-button svg, |
768 } |
769 .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon svg { |
769 |
770 min-width: 24px; |
770 .components-popover.block-editor-block-popover{ |
771 } |
771 margin:0 !important; |
772 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button::before, |
772 pointer-events:none; |
773 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon::before, |
773 position:absolute; |
774 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button::before, |
774 z-index:31; |
775 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon::before, |
775 } |
776 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, |
776 .components-popover.block-editor-block-popover .components-popover__content{ |
777 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon::before, |
777 margin:0 !important; |
778 .block-editor-block-toolbar .components-toolbar-group .components-button::before, |
778 min-width:auto; |
779 .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon::before { |
779 overflow-y:visible; |
780 right: 2px; |
780 width:max-content; |
781 left: 2px; |
781 } |
782 } |
782 .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ |
783 |
783 pointer-events:all; |
784 .is-vertical .block-list-appender { |
784 } |
785 width: 24px; |
785 .components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ |
786 margin-left: auto; |
786 pointer-events:none; |
787 margin-top: 12px; |
787 } |
788 margin-right: 12px; |
788 .components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{ |
789 } |
789 pointer-events:all; |
790 |
790 } |
791 .block-list-appender > .block-editor-inserter { |
791 |
792 display: block; |
792 .components-popover.block-editor-block-popover__drop-zone *{ |
793 } |
793 pointer-events:none; |
794 |
794 } |
795 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { |
795 .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{ |
796 opacity: 0; |
796 background-color:var(--wp-admin-theme-color); |
797 transform: scale(0); |
797 border-radius:2px; |
798 } |
798 inset:0; |
799 |
799 position:absolute; |
800 .block-editor-block-lock-modal { |
800 } |
801 z-index: 1000001; |
801 |
802 } |
802 .block-editor-block-preview__container{ |
803 @media (min-width: 600px) { |
803 overflow:hidden; |
804 .block-editor-block-lock-modal .components-modal__frame { |
804 position:relative; |
805 max-width: 480px; |
805 width:100%; |
806 } |
806 } |
807 } |
807 .block-editor-block-preview__container .block-editor-block-preview__content{ |
808 |
808 margin:0; |
809 .block-editor-block-lock-modal__checklist { |
809 min-height:auto; |
810 margin: 0; |
810 overflow:visible; |
811 } |
811 right:0; |
812 |
812 text-align:initial; |
813 .block-editor-block-lock-modal__options-title { |
813 top:0; |
814 padding: 12px 0; |
814 transform-origin:top right; |
815 } |
815 width:100%; |
816 .block-editor-block-lock-modal__options-title .components-checkbox-control__label { |
816 } |
817 font-weight: 600; |
817 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{ |
818 } |
818 display:none; |
819 .block-editor-block-lock-modal__options-title .components-base-control__field { |
819 } |
820 align-items: center; |
820 |
821 display: flex; |
821 .block-editor-block-preview__container:after{ |
822 margin: 0; |
822 bottom:0; |
823 } |
823 content:""; |
824 |
824 left:0; |
825 .block-editor-block-lock-modal__checklist-item { |
825 position:absolute; |
826 margin-bottom: 0; |
826 right:0; |
827 padding: 12px 32px 12px 0; |
827 top:0; |
828 } |
828 z-index:1; |
829 .block-editor-block-lock-modal__checklist-item .components-base-control__field { |
829 } |
830 align-items: center; |
830 |
831 display: flex; |
831 .block-editor-block-rename-modal{ |
832 margin: 0; |
832 z-index:1000001; |
833 } |
833 } |
834 .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label { |
834 |
835 display: flex; |
835 .block-editor-block-styles__preview-panel{ |
836 align-items: center; |
836 display:none; |
837 justify-content: space-between; |
837 z-index:90; |
838 flex-grow: 1; |
838 } |
839 } |
839 @media (min-width:782px){ |
840 .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg { |
840 .block-editor-block-styles__preview-panel{ |
841 margin-left: 12px; |
841 display:block; |
842 fill: #1e1e1e; |
842 } |
843 } |
843 } |
844 .block-editor-block-lock-modal__checklist-item:hover { |
844 .block-editor-block-styles__preview-panel .block-editor-block-icon{ |
845 background-color: #f0f0f0; |
845 display:none; |
846 border-radius: 2px; |
846 } |
847 } |
847 |
848 |
848 .block-editor-block-styles__variants{ |
849 .block-editor-block-lock-modal__actions { |
849 display:flex; |
850 margin-top: 24px; |
850 flex-wrap:wrap; |
851 } |
851 gap:8px; |
852 |
852 justify-content:space-between; |
853 .block-editor-block-lock-toolbar .components-button.has-icon { |
853 } |
854 min-width: 36px !important; |
854 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{ |
855 padding-right: 0 !important; |
855 box-shadow:inset 0 0 0 1px #ddd; |
856 } |
856 color:#1e1e1e; |
857 .block-editor-block-lock-toolbar .components-button.has-icon:focus::before { |
857 display:inline-block; |
858 left: 8px !important; |
858 width:calc(50% - 4px); |
859 } |
859 } |
860 |
860 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{ |
861 .block-editor-block-breadcrumb { |
861 box-shadow:inset 0 0 0 1px #ddd; |
862 list-style: none; |
862 color:var(--wp-admin-theme-color); |
863 padding: 0; |
863 } |
864 margin: 0; |
864 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{ |
865 } |
865 background-color:#1e1e1e; |
866 .block-editor-block-breadcrumb li { |
866 box-shadow:none; |
867 display: inline-flex; |
867 } |
868 margin: 0; |
868 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{ |
869 } |
869 color:#fff; |
870 .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { |
870 } |
871 fill: currentColor; |
871 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{ |
872 margin-right: -4px; |
872 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
873 margin-left: -4px; |
873 outline:2px solid #0000; |
874 transform: scaleX(-1);; |
874 } |
875 } |
875 .block-editor-block-styles__variants .block-editor-block-styles__item-text{ |
876 .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { |
876 text-align:start; |
877 display: none; |
877 text-align-last:center; |
878 } |
878 white-space:normal; |
879 |
879 word-break:break-all; |
880 .block-editor-block-breadcrumb__button.components-button { |
880 } |
881 height: 24px; |
881 |
882 line-height: 24px; |
882 .block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{ |
883 padding: 0; |
883 box-sizing:border-box !important; |
884 position: relative; |
884 } |
885 } |
885 |
886 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { |
886 .block-editor-block-switcher{ |
887 text-decoration: underline; |
887 position:relative; |
888 box-shadow: none; |
888 } |
889 } |
889 .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{ |
890 .block-editor-block-breadcrumb__button.components-button:focus { |
890 min-width:36px; |
891 box-shadow: none; |
891 } |
892 } |
892 |
893 .block-editor-block-breadcrumb__button.components-button:focus::before { |
893 .block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{ |
894 content: ""; |
894 position:relative; |
895 display: block; |
895 } |
896 position: absolute; |
896 |
897 border-radius: 2px; |
897 .components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{ |
898 top: 1px; |
898 display:block; |
899 left: 1px; |
899 height:48px; |
900 bottom: 1px; |
900 margin:0; |
901 right: 1px; |
901 } |
902 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
902 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ |
903 } |
903 margin:auto; |
904 |
904 } |
905 .block-editor-block-breadcrumb__current { |
905 |
906 cursor: default; |
906 .block-editor-block-switcher__toggle-text{ |
907 } |
907 margin-right:8px; |
908 |
908 } |
909 .block-editor-block-breadcrumb__button.components-button, |
909 .show-icon-labels .block-editor-block-switcher__toggle-text{ |
910 .block-editor-block-breadcrumb__current { |
910 display:none; |
911 color: #1e1e1e; |
911 } |
912 padding: 0 8px; |
912 |
913 font-size: inherit; |
913 .components-button.block-editor-block-switcher__no-switcher-icon{ |
914 } |
914 display:flex; |
915 |
915 } |
916 .block-editor-block-card { |
916 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ |
917 display: flex; |
917 margin-left:auto; |
918 align-items: flex-start; |
918 margin-right:auto; |
919 } |
919 min-width:24px !important; |
920 |
920 } |
921 .block-editor-block-card__content { |
921 |
922 flex-grow: 1; |
922 .components-button.block-editor-block-switcher__no-switcher-icon:disabled{ |
923 margin-bottom: 4px; |
923 opacity:1; |
924 } |
924 } |
925 |
925 .components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ |
926 .block-editor-block-card__title { |
926 color:#1e1e1e; |
927 font-weight: 500; |
927 } |
928 } |
928 |
929 .block-editor-block-card__title.block-editor-block-card__title { |
929 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ |
930 line-height: 24px; |
930 align-items:center; |
931 margin: 0 0 4px; |
931 display:flex; |
932 } |
932 height:100%; |
933 |
933 margin:0 auto; |
934 .block-editor-block-card__description { |
934 min-width:100%; |
935 font-size: 13px; |
935 position:relative; |
936 } |
936 } |
937 |
937 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ |
938 .block-editor-block-card .block-editor-block-icon { |
938 bottom:8px; |
939 flex: 0 0 24px; |
939 left:8px; |
940 margin-right: 0; |
940 right:8px; |
941 margin-left: 12px; |
941 top:8px; |
942 width: 24px; |
942 } |
943 height: 24px; |
943 |
944 } |
944 .components-popover.block-editor-block-switcher__popover .components-popover__content{ |
945 |
945 min-width:300px; |
946 /** |
946 } |
947 * Invalid block comparison |
947 |
948 */ |
948 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ |
949 .block-editor-block-compare { |
949 position:absolute; |
950 height: auto; |
950 right:calc(100% + 16px); |
951 } |
951 top:-12px; |
952 |
952 } |
953 .block-editor-block-compare__wrapper { |
953 |
954 display: flex; |
954 .block-editor-block-switcher__preview__popover{ |
955 padding-bottom: 16px; |
955 display:none; |
956 } |
956 overflow:hidden; |
957 .block-editor-block-compare__wrapper > div { |
957 } |
958 display: flex; |
958 .block-editor-block-switcher__preview__popover.components-popover{ |
959 justify-content: space-between; |
959 margin-top:11px; |
960 flex-direction: column; |
960 } |
961 width: 50%; |
961 @media (min-width:782px){ |
962 padding: 0 0 0 16px; |
962 .block-editor-block-switcher__preview__popover{ |
963 min-width: 200px; |
963 display:block; |
964 max-width: 600px; |
964 } |
965 } |
965 } |
966 .block-editor-block-compare__wrapper > div button { |
966 .block-editor-block-switcher__preview__popover .components-popover__content{ |
967 float: left; |
967 background:#fff; |
968 } |
968 border:1px solid #1e1e1e; |
969 .block-editor-block-compare__wrapper .block-editor-block-compare__converted { |
969 border-radius:2px; |
970 border-right: 1px solid #ddd; |
970 box-shadow:none; |
971 padding-right: 15px; |
971 outline:none; |
972 padding-left: 0; |
972 overflow:auto; |
973 } |
973 width:300px; |
974 .block-editor-block-compare__wrapper .block-editor-block-compare__html { |
974 } |
975 font-family: Menlo, Consolas, monaco, monospace; |
975 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ |
976 font-size: 12px; |
976 margin:16px 0; |
977 color: #1e1e1e; |
977 max-height:468px; |
978 border-bottom: 1px solid #ddd; |
978 overflow:hidden; |
979 padding-bottom: 15px; |
979 padding:0 16px; |
980 line-height: 1.7; |
980 } |
981 } |
981 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview{ |
982 .block-editor-block-compare__wrapper .block-editor-block-compare__html span { |
982 overflow:unset; |
983 background-color: #e6ffed; |
983 } |
984 padding-top: 3px; |
984 |
985 padding-bottom: 3px; |
985 .block-editor-block-switcher__preview-title{ |
986 } |
986 color:#757575; |
987 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { |
987 font-size:11px; |
988 background-color: #acf2bd; |
988 font-weight:500; |
989 } |
989 margin-bottom:12px; |
990 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { |
990 text-transform:uppercase; |
991 background-color: #cc1818; |
991 } |
992 } |
992 |
993 .block-editor-block-compare__wrapper .block-editor-block-compare__preview { |
993 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{ |
994 padding: 0; |
994 min-width:36px; |
995 padding-top: 16px; |
995 } |
996 } |
996 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{ |
997 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { |
997 height:48px; |
998 font-size: 12px; |
998 } |
999 margin-top: 0; |
999 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ |
1000 } |
1000 height:48px; |
1001 .block-editor-block-compare__wrapper .block-editor-block-compare__action { |
1001 width:48px; |
1002 margin-top: 16px; |
1002 } |
1003 } |
1003 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ |
1004 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
1004 padding:12px; |
1005 font-size: 1em; |
1005 } |
1006 font-weight: 400; |
1006 |
1007 margin: 0.67em 0; |
1007 .block-editor-block-switcher__preview-patterns-container{ |
1008 } |
1008 padding-bottom:16px; |
1009 |
1009 } |
1010 .block-editor-block-content-overlay.overlay-active::before { |
1010 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{ |
1011 content: ""; |
1011 margin-top:16px; |
1012 position: absolute; |
1012 } |
1013 top: 0; |
1013 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{ |
1014 right: 0; |
1014 cursor:pointer; |
1015 width: 100%; |
1015 } |
1016 height: 100%; |
1016 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{ |
1017 background: transparent; |
1017 border:1px solid #0000; |
1018 border: none; |
1018 border-radius:2px; |
1019 border-radius: 2px; |
1019 height:100%; |
1020 z-index: 10; |
1020 position:relative; |
1021 } |
1021 transition:all .05s ease-in-out; |
1022 .block-editor-block-content-overlay:hover:not(.is-dragging-blocks).overlay-active::before, .block-editor-block-content-overlay.parent-highlighted.overlay-active::before { |
1022 } |
1023 background: rgba(var(--wp-admin-theme-color--rgb), 0.1); |
1023 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ |
1024 box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; |
1024 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1025 } |
1025 outline:2px solid #0000; |
1026 .block-editor-block-content-overlay.overlay-active:not(.is-dragging-blocks) * { |
1026 } |
1027 pointer-events: none; |
1027 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ |
1028 } |
1028 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; |
1029 .block-editor-block-content-overlay.is-dragging-blocks { |
1029 } |
1030 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
1030 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{ |
1031 } |
1031 cursor:pointer; |
1032 |
1032 font-size:12px; |
1033 .block-editor-block-draggable-chip-wrapper { |
1033 padding:4px; |
1034 position: absolute; |
1034 text-align:center; |
1035 top: -24px; |
1035 } |
1036 right: 0; |
1036 |
1037 } |
1037 .block-editor-block-switcher__no-transforms{ |
1038 |
1038 color:#757575; |
1039 .block-editor-block-draggable-chip { |
1039 margin:0; |
1040 background-color: #1e1e1e; |
1040 padding:6px 8px; |
1041 border-radius: 2px; |
1041 } |
1042 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); |
1042 |
1043 color: #fff; |
1043 .block-editor-block-switcher__binding-indicator{ |
1044 cursor: grabbing; |
1044 display:block; |
1045 display: inline-flex; |
1045 padding:8px; |
1046 height: 48px; |
1046 } |
1047 padding: 0 13px; |
1047 |
1048 -webkit-user-select: none; |
1048 .block-editor-block-types-list>[role=presentation]{ |
1049 user-select: none; |
1049 display:flex; |
1050 } |
1050 flex-wrap:wrap; |
1051 .block-editor-block-draggable-chip svg { |
1051 overflow:hidden; |
1052 fill: currentColor; |
1052 } |
1053 } |
1053 |
1054 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { |
1054 .block-editor-block-pattern-setup{ |
1055 margin: auto; |
1055 align-items:flex-start; |
1056 justify-content: flex-start; |
1056 border-radius:2px; |
1057 } |
1057 display:flex; |
1058 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { |
1058 flex-direction:column; |
1059 margin-left: 6px; |
1059 justify-content:center; |
1060 } |
1060 width:100%; |
1061 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { |
1061 } |
1062 margin-left: 0; |
1062 .block-editor-block-pattern-setup.view-mode-grid{ |
1063 } |
1063 padding-top:4px; |
1064 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { |
1064 } |
1065 min-width: 18px; |
1065 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ |
1066 min-height: 18px; |
1066 justify-content:center; |
1067 } |
1067 } |
1068 .block-editor-block-draggable-chip .components-flex__item { |
1068 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ |
1069 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1069 column-count:2; |
1070 font-size: 13px; |
1070 column-gap:24px; |
1071 } |
1071 display:block; |
1072 |
1072 padding:0 32px; |
1073 .block-editor-block-list__layout .is-dragging { |
1073 width:100%; |
1074 background-color: currentColor !important; |
1074 } |
1075 opacity: 0.05 !important; |
1075 @media (min-width:1440px){ |
1076 border-radius: 2px !important; |
1076 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ |
1077 pointer-events: none !important; |
1077 column-count:3; |
1078 } |
1078 } |
1079 .block-editor-block-list__layout .is-dragging::selection { |
1079 } |
1080 background: transparent !important; |
1080 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ |
1081 } |
1081 cursor:pointer; |
1082 .block-editor-block-list__layout .is-dragging::after { |
1082 } |
1083 content: none !important; |
1083 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item{ |
1084 } |
1084 scroll-margin:5px 0; |
1085 |
1085 } |
1086 .block-editor-block-mobile-toolbar { |
1086 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{ |
1087 display: flex; |
1087 box-shadow:0 0 0 2px var(--wp-admin-theme-color); |
1088 flex-direction: row; |
1088 } |
1089 border-left: 1px solid #ddd; |
1089 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{ |
1090 } |
1090 box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); |
1091 .block-editor-block-mobile-toolbar .block-editor-block-mover-button { |
1091 outline:2px solid #0000; |
1092 width: 36px; |
1092 outline-offset:2px; |
1093 height: 36px; |
1093 } |
1094 border-radius: 2px; |
1094 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{ |
1095 padding: 3px; |
1095 color:var(--wp-admin-theme-color); |
1096 margin: 0; |
1096 } |
1097 justify-content: center; |
1097 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ |
1098 align-items: center; |
1098 break-inside:avoid-column; |
1099 } |
1099 margin-bottom:24px; |
1100 .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { |
1100 } |
1101 margin: auto; |
1101 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{ |
1102 } |
1102 cursor:pointer; |
1103 .block-editor-block-mobile-toolbar .block-editor-block-mover { |
1103 font-size:12px; |
1104 display: flex; |
1104 padding-top:8px; |
1105 margin-left: auto; |
1105 text-align:center; |
1106 } |
1106 } |
1107 .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { |
1107 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ |
1108 float: right; |
1108 border:1px solid #ddd; |
1109 } |
1109 border-radius:2px; |
1110 |
1110 min-height:100px; |
1111 .block-editor-block-mover-button__description { |
1111 } |
1112 display: none; |
1112 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{ |
1113 } |
1113 width:100%; |
1114 |
1114 } |
1115 .block-editor-block-mover-button.has-icon { |
1115 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{ |
1116 padding: 0; |
1116 align-items:center; |
1117 } |
1117 align-self:stretch; |
1118 |
1118 background-color:#fff; |
1119 .block-editor-block-mover { |
1119 border-top:1px solid #ddd; |
1120 display: inline-flex; |
1120 bottom:0; |
1121 flex-direction: row; |
1121 box-sizing:border-box; |
1122 } |
1122 color:#1e1e1e; |
1123 .block-editor-block-mover .block-editor-block-mover__move-button-container, |
1123 display:flex; |
1124 .block-editor-block-mover .components-toolbar { |
1124 flex-direction:row; |
1125 flex: 1; |
1125 height:60px; |
1126 flex-direction: row; |
1126 justify-content:space-between; |
1127 border-left: none !important; |
1127 margin:0; |
1128 padding: 0; |
1128 padding:16px; |
1129 } |
1129 position:absolute; |
1130 @media (min-width: 600px) { |
1130 text-align:right; |
1131 .block-editor-block-mover .block-editor-block-mover__move-button-container, |
1131 width:100%; |
1132 .block-editor-block-mover .components-toolbar { |
1132 } |
1133 flex-direction: column; |
1133 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{ |
1134 } |
1134 display:flex; |
1135 } |
1135 } |
1136 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar { |
1136 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{ |
1137 flex-direction: row; |
1137 display:flex; |
1138 } |
1138 width:calc(50% - 36px); |
1139 .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { |
1139 } |
1140 padding-left: 0; |
1140 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{ |
1141 padding-right: 0; |
1141 justify-content:flex-end; |
1142 min-width: 36px; |
1142 } |
1143 } |
1143 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{ |
1144 @media (min-width: 600px) { |
1144 box-sizing:border-box; |
1145 .block-editor-block-mover .block-editor-block-mover-button { |
1145 display:flex; |
1146 height: 24px; |
1146 flex-direction:column; |
1147 width: 42px; |
1147 height:100%; |
1148 padding-left: 11px !important; |
1148 width:100%; |
1149 padding-right: 6px !important; |
1149 } |
1150 } |
1150 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ |
1151 .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { |
1151 height:100%; |
1152 min-width: 42px; |
1152 list-style:none; |
1153 } |
1153 margin:0; |
1154 } |
1154 overflow:hidden; |
1155 @media (min-width: 600px) { |
1155 padding:0; |
1156 .block-editor-block-mover .block-editor-block-mover-button::before { |
1156 position:relative; |
1157 right: 8px !important; |
1157 transform-style:preserve-3d; |
1158 left: 8px !important; |
1158 } |
1159 } |
1159 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{ |
1160 } |
1160 box-sizing:border-box; |
1161 .block-editor-block-mover .block-editor-block-mover__drag-handle { |
1161 } |
1162 width: 24px; |
1162 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ |
1163 cursor: grab; |
1163 background-color:#fff; |
1164 min-width: 24px !important; |
1164 height:100%; |
1165 padding: 0 !important; |
1165 margin:auto; |
1166 } |
1166 padding:0; |
1167 .block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before { |
1167 position:absolute; |
1168 right: 0 !important; |
1168 top:0; |
1169 left: 0 !important; |
1169 transition:transform .5s,z-index .5s; |
1170 } |
1170 width:100%; |
1171 @media (min-width: 600px) { |
1171 z-index:100; |
1172 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button, |
1172 } |
1173 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button { |
1173 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{ |
1174 margin: 0 0 0 auto; |
1174 opacity:1; |
1175 } |
1175 position:relative; |
1176 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, |
1176 z-index:102; |
1177 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { |
1177 } |
1178 bottom: 0; |
1178 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{ |
1179 height: calc(100% - 1px); |
1179 transform:translateX(100%); |
1180 } |
1180 z-index:101; |
1181 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, |
1181 } |
1182 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { |
1182 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{ |
1183 top: 0; |
1183 transform:translateX(-100%); |
1184 height: calc(100% - 1px); |
1184 z-index:101; |
1185 } |
1185 } |
1186 } |
1186 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{ |
1187 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { |
1187 display:none; |
1188 height: 48px; |
1188 } |
1189 width: 24px; |
1189 |
1190 padding-right: 0; |
1190 .block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{ |
1191 padding-left: 0; |
1191 width:100%; |
1192 } |
1192 } |
1193 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { |
1193 |
1194 top: 1px; |
1194 .block-editor-block-variation-transforms{ |
1195 bottom: 1px; |
1195 padding:0 52px 16px 16px; |
1196 min-width: 0; |
1196 width:100%; |
1197 width: auto; |
1197 } |
1198 height: auto; |
1198 .block-editor-block-variation-transforms .components-dropdown-menu__toggle{ |
1199 } |
1199 border:1px solid #757575; |
1200 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { |
1200 border-radius:2px; |
1201 margin-right: 0; |
1201 justify-content:right; |
1202 margin-left: -8px; |
1202 min-height:30px; |
1203 margin-bottom: 0; |
1203 padding:6px 12px; |
1204 } |
1204 position:relative; |
1205 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { |
1205 text-align:right; |
1206 right: 0 !important; |
1206 width:100%; |
1207 left: 0 !important; |
1207 } |
1208 } |
1208 .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{ |
1209 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { |
1209 padding-left:24px; |
1210 margin-right: -8px; |
1210 } |
1211 margin-left: 0; |
1211 .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){ |
1212 margin-top: 0; |
1212 border-color:var(--wp-admin-theme-color); |
1213 } |
1213 box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); |
1214 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { |
1214 } |
1215 right: 0 !important; |
1215 .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{ |
1216 left: 0 !important; |
1216 height:100%; |
1217 width: calc(100% + 1px); |
1217 left:0; |
1218 } |
1218 padding:0; |
1219 |
1219 position:absolute; |
1220 .block-editor-block-navigation__container { |
1220 top:0; |
1221 min-width: 280px; |
1221 } |
1222 } |
1222 |
1223 |
1223 .block-editor-block-variation-transforms__popover .components-popover__content{ |
1224 .block-editor-block-navigation__label { |
1224 min-width:230px; |
1225 margin: 0 0 12px; |
1225 } |
1226 color: #757575; |
1226 |
1227 text-transform: uppercase; |
1227 .components-border-radius-control{ |
1228 font-size: 11px; |
1228 margin-bottom:12px; |
1229 font-weight: 500; |
1229 } |
1230 } |
1230 .components-border-radius-control legend{ |
1231 |
1231 margin-bottom:8px; |
1232 .block-editor-block-parent-selector { |
1232 } |
1233 background: #fff; |
1233 .components-border-radius-control .components-border-radius-control__wrapper{ |
1234 border-radius: 2px; |
1234 align-items:flex-start; |
1235 } |
1235 display:flex; |
1236 .block-editor-block-parent-selector .block-editor-block-parent-selector__button { |
1236 justify-content:space-between; |
1237 width: 48px; |
1237 } |
1238 height: 48px; |
1238 .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{ |
1239 border: 1px solid #1e1e1e; |
1239 flex-shrink:0; |
1240 border-radius: 2px; |
1240 margin-bottom:0; |
1241 } |
1241 margin-left:16px; |
1242 |
1242 width:calc(50% - 8px); |
1243 .block-editor-block-patterns-list__list-item { |
1243 } |
1244 cursor: pointer; |
1244 .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{ |
1245 margin-bottom: 24px; |
1245 flex:1; |
1246 } |
1246 margin-left:12px; |
1247 .block-editor-block-patterns-list__list-item.is-placeholder { |
1247 } |
1248 min-height: 100px; |
1248 .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{ |
1249 } |
1249 align-items:center; |
1250 .block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { |
1250 display:flex; |
1251 cursor: grab; |
1251 height:40px; |
1252 } |
1252 } |
1253 |
1253 .components-border-radius-control .components-border-radius-control__wrapper>span{ |
1254 .block-editor-block-patterns-list__item { |
1254 flex:0 0 auto; |
1255 height: 100%; |
1255 } |
1256 } |
1256 .components-border-radius-control .components-border-radius-control__input-controls-wrapper{ |
1257 .block-editor-block-patterns-list__item .block-editor-block-preview__container { |
1257 display:grid; |
1258 display: flex; |
1258 gap:16px; |
1259 align-items: center; |
1259 grid-template-columns:repeat(2, minmax(0, 1fr)); |
1260 overflow: hidden; |
1260 margin-left:12px; |
1261 border-radius: 2px; |
1261 } |
1262 border: 1px solid #f0f0f0; |
1262 .components-border-radius-control .component-border-radius-control__linked-button{ |
1263 } |
1263 display:flex; |
1264 .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { |
1264 justify-content:center; |
1265 padding-top: 8px; |
1265 margin-top:8px; |
1266 font-size: 12px; |
1266 } |
1267 text-align: center; |
1267 .components-border-radius-control .component-border-radius-control__linked-button svg{ |
1268 } |
1268 margin-left:0; |
1269 .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { |
1269 } |
1270 border: 1px solid var(--wp-admin-theme-color); |
1270 |
1271 } |
1271 .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ |
1272 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { |
1272 margin-bottom:12px; |
1273 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1273 } |
1274 outline: 2px solid transparent; |
1274 |
1275 } |
1275 .block-editor-color-gradient-control__fieldset{ |
1276 .block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title { |
1276 min-width:0; |
1277 color: var(--wp-admin-theme-color); |
1277 } |
1278 } |
1278 |
1279 |
1279 .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){ |
1280 .block-editor-block-preview__container { |
1280 display:block; |
1281 position: relative; |
1281 } |
1282 width: 100%; |
1282 |
1283 overflow: hidden; |
1283 @media screen and (min-width:782px){ |
1284 } |
1284 .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{ |
1285 .block-editor-block-preview__container .block-editor-block-preview__content { |
1285 display:grid; |
1286 top: 0; |
1286 grid-template-columns:repeat(6, 28px); |
1287 right: 0; |
1287 } |
1288 transform-origin: top right; |
1288 } |
1289 text-align: initial; |
1289 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{ |
1290 margin: 0; |
1290 margin-bottom:inherit; |
1291 overflow: visible; |
1291 } |
1292 min-height: auto; |
1292 |
1293 } |
1293 .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{ |
1294 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, |
1294 padding:16px; |
1295 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, |
1295 width:260px; |
1296 .block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, |
1296 } |
1297 .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { |
1297 |
1298 display: none; |
1298 .block-editor-panel-color-gradient-settings__color-indicator{ |
1299 } |
1299 background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
1300 |
1300 } |
1301 .block-editor-block-preview__content-iframe .block-list-appender { |
1301 .block-editor-tools-panel-color-gradient-settings__item{ |
1302 display: none; |
1302 border-bottom:1px solid #ddd; |
1303 } |
1303 border-left:1px solid #ddd; |
1304 |
1304 border-right:1px solid #ddd; |
1305 .block-editor-block-preview__live-content * { |
1305 max-width:100%; |
1306 pointer-events: none; |
1306 padding:0; |
1307 } |
1307 } |
1308 .block-editor-block-preview__live-content .block-list-appender { |
1308 .block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ |
1309 display: none; |
1309 border-top:1px solid #ddd; |
1310 } |
1310 border-top-left-radius:2px; |
1311 .block-editor-block-preview__live-content .components-button:disabled { |
1311 border-top-right-radius:2px; |
1312 opacity: initial; |
1312 margin-top:24px; |
1313 } |
1313 } |
1314 .block-editor-block-preview__live-content .components-placeholder, |
1314 .block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ |
1315 .block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] { |
1315 border-bottom-left-radius:2px; |
1316 display: none; |
1316 border-bottom-right-radius:2px; |
1317 } |
1317 } |
1318 |
1318 .block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{ |
1319 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { |
1319 border-radius:inherit; |
1320 padding: 0; |
1320 } |
1321 } |
1321 |
1322 |
1322 .block-editor-tools-panel-color-gradient-settings__dropdown{ |
1323 .block-editor-block-styles + .default-style-picker__default-switcher { |
1323 display:block; |
1324 margin-top: 16px; |
1324 padding:0; |
1325 } |
1325 } |
1326 |
1326 .block-editor-tools-panel-color-gradient-settings__dropdown>button{ |
1327 .block-editor-block-styles__preview-panel { |
1327 height:auto; |
1328 display: none; |
1328 padding-bottom:10px; |
1329 position: absolute; |
1329 padding-top:10px; |
1330 left: 16px; |
1330 text-align:right; |
1331 right: auto; |
1331 } |
1332 z-index: 90; |
1332 .block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{ |
1333 } |
1333 background:#f0f0f0; |
1334 @media (min-width: 782px) { |
1334 color:var(--wp-admin-theme-color); |
1335 .block-editor-block-styles__preview-panel { |
1335 } |
1336 display: block; |
1336 .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{ |
1337 } |
1337 overflow:hidden; |
1338 } |
1338 text-overflow:ellipsis; |
1339 .block-editor-block-styles__preview-panel .block-editor-inserter__preview-container { |
1339 white-space:nowrap; |
1340 right: auto; |
1340 } |
1341 left: auto; |
1341 |
1342 top: auto; |
1342 .block-editor-panel-color-gradient-settings__dropdown{ |
1343 position: static; |
1343 width:100%; |
1344 } |
1344 } |
1345 .block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title { |
1345 .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ |
1346 margin: 0; |
1346 flex-shrink:0; |
1347 } |
1347 } |
1348 .block-editor-block-styles__preview-panel .block-editor-block-icon { |
1348 |
1349 display: none; |
1349 .block-editor-date-format-picker{ |
1350 } |
1350 margin-bottom:16px; |
1351 |
1351 } |
1352 .block-editor-block-styles__variants { |
1352 |
1353 display: flex; |
1353 .block-editor-date-format-picker__custom-format-select-control__custom-option{ |
1354 flex-wrap: wrap; |
1354 border-top:1px solid #ddd; |
1355 justify-content: space-between; |
1355 } |
1356 gap: 8px; |
1356 .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ |
1357 } |
1357 grid-template-columns:auto 30px; |
1358 .block-editor-block-styles__variants .block-editor-block-styles__item { |
1358 } |
1359 color: #2f2f2f; |
1359 .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ |
1360 box-shadow: inset 0 0 0 1px #ccc; |
1360 grid-row:2; |
1361 display: inline-block; |
1361 text-align:right; |
1362 width: calc(50% - 4px); |
1362 } |
1363 } |
1363 |
1364 .block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover { |
1364 .block-editor-duotone-control__popover>.components-popover__content{ |
1365 color: var(--wp-admin-theme-color); |
1365 padding:16px; |
1366 box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); |
1366 width:260px; |
1367 } |
1367 } |
1368 .block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover { |
1368 .block-editor-duotone-control__popover .components-menu-group__label{ |
1369 background-color: #2f2f2f; |
1369 padding:0; |
1370 box-shadow: none; |
1370 } |
1371 } |
1371 .block-editor-duotone-control__popover .components-circular-option-picker__swatches{ |
1372 .block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { |
1372 display:grid; |
1373 color: #fff; |
1373 gap:12px; |
1374 } |
1374 grid-template-columns:repeat(6, 28px); |
1375 .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus { |
1375 justify-content:space-between; |
1376 box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); |
1376 } |
1377 } |
1377 |
1378 .block-editor-block-styles__variants .block-editor-block-styles__item-text { |
1378 .block-editor-duotone-control__unset-indicator{ |
1379 word-break: break-all; |
1379 background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
1380 white-space: normal; |
1380 } |
1381 text-align: start; |
1381 |
1382 text-align-last: center; |
1382 .components-font-appearance-control ul li{ |
1383 } |
1383 color:#1e1e1e; |
1384 |
1384 text-transform:capitalize; |
1385 .block-editor-block-styles__block-preview-container, |
1385 } |
1386 .block-editor-block-styles__block-preview-container * { |
1386 |
1387 box-sizing: border-box !important; |
1387 .block-editor-global-styles__toggle-icon{ |
1388 } |
1388 fill:currentColor; |
1389 |
1389 } |
1390 .block-editor-block-switcher { |
1390 |
1391 position: relative; |
1391 .block-editor-global-styles__shadow-popover-container{ |
1392 padding: 0 6px; |
1392 width:230px; |
1393 } |
1393 } |
1394 .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { |
1394 |
1395 min-width: 36px; |
1395 .block-editor-global-styles__shadow__list{ |
1396 } |
1396 display:flex; |
1397 |
1397 flex-wrap:wrap; |
1398 .block-editor-block-switcher__no-switcher-icon, |
1398 gap:12px; |
1399 .block-editor-block-switcher__toggle { |
1399 padding-bottom:8px; |
1400 position: relative; |
1400 } |
1401 } |
1401 |
1402 |
1402 .block-editor-global-styles__clear-shadow{ |
1403 .components-button.block-editor-block-switcher__toggle, |
1403 text-align:left; |
1404 .components-button.block-editor-block-switcher__no-switcher-icon { |
1404 } |
1405 margin: 0; |
1405 |
1406 display: block; |
1406 .block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{ |
1407 height: 48px; |
1407 display:block; |
1408 } |
1408 padding:0; |
1409 .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1409 } |
1410 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
1410 .block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{ |
1411 margin: auto; |
1411 padding:8px; |
1412 } |
1412 width:100%; |
1413 |
1413 } |
1414 .block-editor-block-switcher__toggle-text { |
1414 .block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{ |
1415 margin-right: 8px; |
1415 background-color:#f0f0f0; |
1416 } |
1416 } |
1417 .show-icon-labels .block-editor-block-switcher__toggle-text { |
1417 |
1418 display: none; |
1418 .block-editor-global-styles__shadow-indicator{ |
1419 } |
1419 border:1px solid #e0e0e0; |
1420 |
1420 border-radius:2px; |
1421 .show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { |
1421 box-sizing:border-box; |
1422 font-size: 14px; |
1422 color:#2f2f2f; |
1423 } |
1423 cursor:pointer; |
1424 |
1424 height:26px; |
1425 .block-editor-block-switcher__popover { |
1425 padding:0; |
1426 margin-right: 6px; |
1426 transform:scale(1); |
1427 } |
1427 transition:transform .1s ease; |
1428 |
1428 width:26px; |
1429 .components-button.block-editor-block-switcher__no-switcher-icon { |
1429 will-change:transform; |
1430 display: flex; |
1430 } |
1431 padding: 6px 12px !important; |
1431 .block-editor-global-styles__shadow-indicator:focus{ |
1432 } |
1432 border:2px solid #757575; |
1433 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
1433 } |
1434 margin-left: auto; |
1434 .block-editor-global-styles__shadow-indicator:hover{ |
1435 margin-right: auto; |
1435 transform:scale(1.2); |
1436 min-width: 24px !important; |
1436 } |
1437 } |
1437 .block-editor-global-styles__shadow-indicator.unset{ |
1438 |
1438 background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
1439 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
1439 } |
1440 opacity: 1; |
1440 |
1441 } |
1441 .block-editor-global-styles-advanced-panel__custom-css-input textarea{ |
1442 .components-button.block-editor-block-switcher__no-switcher-icon:disabled, |
1442 direction:ltr; |
1443 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
1443 font-family:Menlo,Consolas,monaco,monospace; |
1444 color: #1e1e1e; |
1444 } |
1445 } |
1445 |
1446 |
1446 .block-editor-global-styles-background-panel__inspector-media-replace-container{ |
1447 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1447 position:relative; |
1448 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1448 } |
1449 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, |
1449 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-drop-zone__content-icon{ |
1450 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { |
1450 display:none; |
1451 height: 100%; |
1451 } |
1452 position: relative; |
1452 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button{ |
1453 margin: 0 auto; |
1453 box-shadow:inset 0 0 0 1px #ccc; |
1454 display: flex; |
1454 color:#1e1e1e; |
1455 align-items: center; |
1455 display:block; |
1456 min-width: 100%; |
1456 height:40px; |
1457 } |
1457 width:100%; |
1458 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1458 } |
1459 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1459 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:hover{ |
1460 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, |
1460 color:var(--wp-admin-theme-color); |
1461 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { |
1461 } |
1462 top: 8px; |
1462 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:focus{ |
1463 left: 8px; |
1463 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1464 bottom: 8px; |
1464 } |
1465 right: 8px; |
1465 .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-media-replace-title{ |
1466 } |
1466 text-align:start; |
1467 |
1467 text-align-last:center; |
1468 .components-popover.block-editor-block-switcher__popover .components-popover__content { |
1468 white-space:normal; |
1469 min-width: 300px; |
1469 word-break:break-all; |
1470 } |
1470 } |
1471 |
1471 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{ |
1472 .components-popover.block-editor-block-switcher__popover .components-popover__content > div { |
1472 display:block; |
1473 min-width: auto; |
1473 } |
1474 display: flex; |
1474 |
1475 background: #fff; |
1475 .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{ |
1476 padding: 0; |
1476 background:#fff; |
1477 } |
1477 display:block; |
1478 .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { |
1478 flex:none; |
1479 margin: 0; |
1479 height:20px; |
1480 } |
1480 width:20px; |
1481 |
1481 } |
1482 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { |
1482 |
1483 margin: 0 -3px; |
1483 .block-editor-global-styles-background-panel__inspector-image-indicator{ |
1484 } |
1484 background-size:cover; |
1485 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
1485 border-radius:50%; |
1486 border: 0; |
1486 display:block; |
1487 position: relative; |
1487 height:20px; |
1488 z-index: 1; |
1488 position:relative; |
1489 } |
1489 width:20px; |
1490 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
1490 } |
1491 border-top: 1px solid #e0e0e0; |
1491 |
1492 } |
1492 .block-editor-global-styles-background-panel__inspector-image-indicator:after{ |
1493 |
1493 border:1px solid #0000; |
1494 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { |
1494 border-radius:50%; |
1495 position: absolute; |
1495 bottom:-1px; |
1496 top: -12px; |
1496 box-shadow:inset 0 0 0 1px #0003; |
1497 right: calc(100% + 32px); |
1497 box-sizing:inherit; |
1498 } |
1498 content:""; |
1499 |
1499 left:-1px; |
1500 .block-editor-block-switcher__preview__popover { |
1500 position:absolute; |
1501 display: none; |
1501 right:-1px; |
1502 } |
1502 top:-1px; |
1503 .block-editor-block-switcher__preview__popover.components-popover { |
1503 } |
1504 margin-right: 4px; |
1504 |
1505 margin-top: 11px; |
1505 .block-editor-grid-visualizer{ |
1506 } |
1506 z-index:30 !important; |
1507 @media (min-width: 782px) { |
1507 } |
1508 .block-editor-block-switcher__preview__popover { |
1508 |
1509 display: block; |
1509 .block-editor-grid-visualizer .components-popover__content *{ |
1510 } |
1510 pointer-events:none !important; |
1511 } |
1511 } |
1512 .block-editor-block-switcher__preview__popover .components-popover__content { |
1512 |
1513 box-shadow: none; |
1513 .block-editor-grid-visualizer__grid{ |
1514 border: 1px solid #1e1e1e; |
1514 display:grid; |
1515 background: #fff; |
1515 } |
1516 border-radius: 2px; |
1516 |
1517 } |
1517 .block-editor-grid-visualizer__item{ |
1518 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { |
1518 border-radius:2px; |
1519 width: 300px; |
1519 outline:1px solid #0000; |
1520 height: auto; |
1520 } |
1521 max-height: 500px; |
1521 |
1522 padding: 16px; |
1522 .block-editor-grid-item-resizer{ |
1523 } |
1523 z-index:30 !important; |
1524 |
1524 } |
1525 .block-editor-block-switcher__preview-title { |
1525 |
1526 margin-bottom: 12px; |
1526 .block-editor-grid-item-resizer .components-popover__content *{ |
1527 color: #757575; |
1527 pointer-events:none !important; |
1528 text-transform: uppercase; |
1528 } |
1529 font-size: 11px; |
1529 |
1530 font-weight: 500; |
1530 .block-editor-grid-item-resizer__box{ |
1531 } |
1531 border:1px solid var(--wp-admin-theme-color); |
1532 |
1532 } |
1533 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
1533 .block-editor-grid-item-resizer__box .components-resizable-box__handle{ |
1534 min-width: 36px; |
1534 pointer-events:all !important; |
1535 } |
1535 } |
1536 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, |
1536 |
1537 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { |
1537 .block-editor-height-control{ |
1538 height: 48px; |
1538 border:0; |
1539 } |
1539 margin:0; |
1540 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, |
1540 padding:0; |
1541 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1541 } |
1542 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1542 |
1543 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1543 .block-editor-image-size-control{ |
1544 width: 48px; |
1544 margin-bottom:1em; |
1545 height: 48px; |
1545 } |
1546 } |
1546 .block-editor-image-size-control .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__width{ |
1547 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1547 margin-bottom:1.115em; |
1548 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1548 } |
1549 padding: 12px; |
1549 |
1550 } |
1550 .block-editor-block-types-list__list-item{ |
1551 |
1551 display:block; |
1552 .block-editor-block-switcher__preview-patterns-container { |
1552 margin:0; |
1553 padding-bottom: 16px; |
1553 padding:0; |
1554 } |
1554 width:33.33%; |
1555 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { |
1555 } |
1556 margin-top: 16px; |
1556 .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{ |
1557 } |
1557 color:var(--wp-block-synced-color); |
1558 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { |
1558 } |
1559 cursor: pointer; |
1559 .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ |
1560 } |
1560 color:var(--wp-block-synced-color) !important; |
1561 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { |
1561 filter:brightness(.95); |
1562 height: 100%; |
1562 } |
1563 border-radius: 2px; |
1563 .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ |
1564 transition: all 0.05s ease-in-out; |
1564 color:var(--wp-block-synced-color) !important; |
1565 position: relative; |
1565 } |
1566 border: 1px solid transparent; |
1566 .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{ |
1567 } |
1567 background:var(--wp-block-synced-color); |
1568 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { |
1568 } |
1569 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1569 |
1570 outline: 2px solid transparent; |
1570 .components-button.block-editor-block-types-list__item{ |
1571 } |
1571 align-items:stretch; |
1572 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { |
1572 background:#0000; |
1573 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; |
1573 border-radius:2px; |
1574 } |
1574 color:#1e1e1e; |
1575 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { |
1575 cursor:pointer; |
1576 padding: 4px; |
1576 display:flex; |
1577 font-size: 12px; |
1577 flex-direction:column; |
1578 text-align: center; |
1578 font-size:13px; |
1579 cursor: pointer; |
1579 height:auto; |
1580 } |
1580 justify-content:center; |
1581 |
1581 padding:8px; |
1582 .block-editor-block-types-list > [role=presentation] { |
1582 position:relative; |
1583 overflow: hidden; |
1583 transition:all .05s ease-in-out; |
1584 display: flex; |
1584 width:100%; |
1585 flex-wrap: wrap; |
1585 word-break:break-word; |
1586 } |
1586 } |
1587 |
1587 @media (prefers-reduced-motion:reduce){ |
1588 .block-editor-block-variation-picker .components-placeholder__instructions { |
1588 .components-button.block-editor-block-types-list__item{ |
1589 margin-bottom: 0; |
1589 transition-delay:0s; |
1590 } |
1590 transition-duration:0s; |
1591 .block-editor-block-variation-picker .components-placeholder__fieldset { |
1591 } |
1592 flex-direction: column; |
1592 } |
1593 } |
1593 .components-button.block-editor-block-types-list__item:disabled{ |
1594 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { |
1594 cursor:default; |
1595 max-width: 90%; |
1595 opacity:.6; |
1596 } |
1596 } |
1597 |
1597 .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ |
1598 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { |
1598 color:var(--wp-admin-theme-color) !important; |
1599 display: flex; |
1599 filter:brightness(.95); |
1600 justify-content: flex-start; |
1600 } |
1601 flex-direction: row; |
1601 .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ |
1602 flex-wrap: wrap; |
1602 color:var(--wp-admin-theme-color) !important; |
1603 width: 100%; |
1603 } |
1604 margin: 16px 0; |
1604 .components-button.block-editor-block-types-list__item:not(:disabled):hover:after{ |
1605 padding: 0; |
1605 background:var(--wp-admin-theme-color); |
1606 list-style: none; |
1606 border-radius:2px; |
1607 } |
1607 bottom:0; |
1608 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { |
1608 content:""; |
1609 list-style: none; |
1609 left:0; |
1610 margin: 8px 0 0 20px; |
1610 opacity:.04; |
1611 flex-shrink: 1; |
1611 pointer-events:none; |
1612 width: 75px; |
1612 position:absolute; |
1613 text-align: center; |
1613 right:0; |
1614 } |
1614 top:0; |
1615 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { |
1615 } |
1616 display: inline-flex; |
1616 .components-button.block-editor-block-types-list__item:not(:disabled):focus{ |
1617 margin-left: 0; |
1617 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1618 } |
1618 } |
1619 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { |
1619 .components-button.block-editor-block-types-list__item:not(:disabled).is-active{ |
1620 padding: 8px; |
1620 background:#1e1e1e; |
1621 } |
1621 color:#fff; |
1622 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { |
1622 outline:2px solid #0000; |
1623 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1623 outline-offset:-2px; |
1624 font-size: 12px; |
1624 } |
1625 display: block; |
1625 |
1626 line-height: 1.4; |
1626 .block-editor-block-types-list__item-icon{ |
1627 } |
1627 border-radius:2px; |
1628 |
1628 color:#1e1e1e; |
1629 .block-editor-block-variation-picker__variation { |
1629 padding:12px 20px; |
1630 width: 100%; |
1630 transition:all .05s ease-in-out; |
1631 } |
1631 } |
1632 .block-editor-block-variation-picker__variation.components-button.has-icon { |
1632 @media (prefers-reduced-motion:reduce){ |
1633 justify-content: center; |
1633 .block-editor-block-types-list__item-icon{ |
1634 width: auto; |
1634 transition-delay:0s; |
1635 } |
1635 transition-duration:0s; |
1636 .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { |
1636 } |
1637 background-color: #fff; |
1637 } |
1638 } |
1638 .block-editor-block-types-list__item-icon .block-editor-block-icon{ |
1639 .block-editor-block-variation-picker__variation.components-button { |
1639 margin-left:auto; |
1640 height: auto; |
1640 margin-right:auto; |
1641 padding: 0; |
1641 } |
1642 } |
1642 .block-editor-block-types-list__item-icon svg{ |
1643 .block-editor-block-variation-picker__variation::before { |
1643 transition:all .15s ease-out; |
1644 content: ""; |
1644 } |
1645 padding-bottom: 100%; |
1645 @media (prefers-reduced-motion:reduce){ |
1646 } |
1646 .block-editor-block-types-list__item-icon svg{ |
1647 .block-editor-block-variation-picker__variation:first-child { |
1647 transition-delay:0s; |
1648 margin-right: 0; |
1648 transition-duration:0s; |
1649 } |
1649 } |
1650 .block-editor-block-variation-picker__variation:last-child { |
1650 } |
1651 margin-left: 0; |
1651 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ |
1652 } |
1652 cursor:grab; |
1653 |
1653 } |
1654 .block-editor-block-pattern-setup { |
1654 |
1655 display: flex; |
1655 .block-editor-block-types-list__item-title{ |
1656 flex-direction: column; |
1656 font-size:12px; |
1657 justify-content: center; |
1657 padding:4px 2px 8px; |
1658 align-items: flex-start; |
1658 } |
1659 width: 100%; |
1659 |
1660 border-radius: 2px; |
1660 .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button{ |
1661 } |
1661 justify-content:center; |
1662 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { |
1662 } |
1663 justify-content: center; |
1663 |
1664 } |
1664 .block-editor-inspector-controls-tabs__hint{ |
1665 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { |
1665 align-items:flex-start; |
1666 column-gap: 24px; |
1666 background:#f0f0f0; |
1667 display: block; |
1667 border-radius:2px; |
1668 width: 100%; |
1668 color:#1e1e1e; |
1669 padding: 32px; |
1669 display:flex; |
1670 column-count: 2; |
1670 flex-direction:row; |
1671 } |
1671 font-size:13px; |
1672 @media (min-width: 1440px) { |
1672 margin:16px; |
1673 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { |
1673 } |
1674 column-count: 3; |
1674 |
1675 } |
1675 .block-editor-inspector-controls-tabs__hint-content{ |
1676 } |
1676 margin:12px 12px 12px 0; |
1677 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, |
1677 } |
1678 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { |
1678 |
1679 cursor: pointer; |
1679 .block-editor-inspector-controls-tabs__hint-dismiss{ |
1680 } |
1680 margin:4px 0 4px 4px; |
1681 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { |
1681 } |
1682 break-inside: avoid-column; |
1682 |
1683 margin-bottom: 24px; |
1683 .block-editor-inspector-popover-header{ |
1684 } |
1684 margin-bottom:16px; |
1685 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { |
1685 } |
1686 min-height: 100px; |
1686 |
1687 border-radius: 2px; |
1687 [class].block-editor-inspector-popover-header__action{ |
1688 border: 1px solid #ddd; |
1688 height:24px; |
1689 } |
1689 } |
1690 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { |
1690 [class].block-editor-inspector-popover-header__action.has-icon{ |
1691 width: 100%; |
1691 min-width:24px; |
1692 } |
1692 padding:0; |
1693 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { |
1693 } |
1694 height: 60px; |
1694 [class].block-editor-inspector-popover-header__action:not(.has-icon){ |
1695 box-sizing: border-box; |
1695 text-decoration:underline; |
1696 padding: 16px; |
1696 } |
1697 width: 100%; |
1697 |
1698 text-align: right; |
1698 .items-justified-left{ |
1699 margin: 0; |
1699 justify-content:flex-start; |
1700 color: #1e1e1e; |
1700 } |
1701 border-radius: 2px 2px 0 0; |
1701 |
1702 background-color: #fff; |
1702 .items-justified-center{ |
1703 display: flex; |
1703 justify-content:center; |
1704 flex-direction: row; |
1704 } |
1705 align-items: center; |
1705 |
1706 justify-content: space-between; |
1706 .items-justified-right{ |
1707 border-top: 1px solid #ddd; |
1707 justify-content:flex-end; |
1708 align-self: flex-end; |
1708 } |
1709 } |
1709 |
1710 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { |
1710 .items-justified-space-between{ |
1711 display: flex; |
1711 justify-content:space-between; |
1712 } |
1712 } |
1713 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, |
1713 |
1714 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { |
1714 @keyframes loadingpulse{ |
1715 width: calc(50% - 36px); |
1715 0%{ |
1716 display: flex; |
1716 opacity:1; |
1717 } |
1717 } |
1718 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { |
1718 50%{ |
1719 justify-content: flex-end; |
1719 opacity:0; |
1720 } |
1720 } |
1721 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { |
1721 to{ |
1722 display: flex; |
1722 opacity:1; |
1723 flex-direction: column; |
1723 } |
1724 width: 100%; |
1724 } |
1725 box-sizing: border-box; |
1725 .block-editor-link-control{ |
1726 } |
1726 min-width:350px; |
1727 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { |
1727 position:relative; |
1728 overflow: hidden; |
1728 } |
1729 position: relative; |
1729 .components-popover__content .block-editor-link-control{ |
1730 padding: 0; |
1730 max-width:350px; |
1731 margin: 0; |
1731 min-width:auto; |
1732 list-style: none; |
1732 width:90vw; |
1733 transform-style: preserve-3d; |
1733 } |
1734 } |
1734 .show-icon-labels .block-editor-link-control .components-button.has-icon svg{ |
1735 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { |
1735 display:none; |
1736 box-sizing: border-box; |
1736 } |
1737 } |
1737 .show-icon-labels .block-editor-link-control .components-button.has-icon:before{ |
1738 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { |
1738 content:attr(aria-label); |
1739 position: absolute; |
1739 } |
1740 top: 0; |
1740 .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top{ |
1741 width: 100%; |
1741 flex-wrap:wrap; |
1742 margin: auto; |
1742 gap:4px; |
1743 padding: 0; |
1743 } |
1744 transition: transform 0.5s, z-index 0.5s; |
1744 .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon{ |
1745 z-index: 100; |
1745 padding:4px; |
1746 } |
1746 width:auto; |
1747 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { |
1747 } |
1748 opacity: 1; |
1748 .show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header{ |
1749 position: relative; |
1749 margin-left:0; |
1750 z-index: 102; |
1750 min-width:100%; |
1751 } |
1751 } |
1752 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { |
1752 |
1753 transform: translateX(100%); |
1753 .block-editor-link-control__search-input-wrapper{ |
1754 z-index: 101; |
1754 margin-bottom:8px; |
1755 } |
1755 position:relative; |
1756 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { |
1756 } |
1757 transform: translateX(-100%); |
1757 |
1758 z-index: 101; |
1758 .block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{ |
1759 } |
1759 position:relative; |
1760 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { |
1760 } |
1761 display: none; |
1761 |
1762 } |
1762 .block-editor-link-control__field{ |
1763 |
1763 margin:16px; |
1764 .block-editor-block-pattern-setup__carousel, |
1764 } |
1765 .block-editor-block-pattern-setup__grid { |
1765 .block-editor-link-control__field .components-base-control__label{ |
1766 width: 100%; |
1766 color:#1e1e1e; |
1767 overflow-y: auto; |
1767 } |
1768 } |
1768 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
1769 |
1769 border:1px solid #949494; |
1770 .block-editor-block-variation-transforms { |
1770 border-radius:2px; |
1771 padding: 0 52px 16px 16px; |
1771 box-shadow:0 0 0 #0000; |
1772 width: 100%; |
1772 display:block; |
1773 } |
1773 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1774 .block-editor-block-variation-transforms .components-dropdown-menu__toggle { |
1774 font-size:16px; |
1775 border: 1px solid #757575; |
1775 height:40px; |
1776 border-radius: 2px; |
1776 line-height:normal; |
1777 min-height: 30px; |
1777 margin:0; |
1778 width: 100%; |
1778 padding:8px 16px 8px 40px; |
1779 position: relative; |
1779 position:relative; |
1780 text-align: right; |
1780 transition:box-shadow .1s linear; |
1781 justify-content: left; |
1781 width:100%; |
1782 padding: 6px 12px; |
1782 } |
1783 } |
1783 @media (prefers-reduced-motion:reduce){ |
1784 .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { |
1784 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
1785 padding-left: 24px; |
1785 transition-delay:0s; |
1786 } |
1786 transition-duration:0s; |
1787 .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { |
1787 } |
1788 border-color: var(--wp-admin-theme-color); |
1788 } |
1789 box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); |
1789 @media (min-width:600px){ |
1790 } |
1790 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
1791 .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { |
1791 font-size:13px; |
1792 height: 100%; |
1792 line-height:normal; |
1793 padding: 0; |
1793 } |
1794 position: absolute; |
1794 } |
1795 left: 0; |
1795 .block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ |
1796 top: 0; |
1796 border-color:var(--wp-admin-theme-color); |
1797 } |
1797 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
1798 |
1798 outline:2px solid #0000; |
1799 .block-editor-block-variation-transforms__popover .components-popover__content { |
1799 } |
1800 min-width: 230px; |
1800 .block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ |
1801 } |
1801 color:#1e1e1e9e; |
1802 |
1802 } |
1803 .components-border-radius-control { |
1803 .block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ |
1804 margin-bottom: 12px; |
1804 color:#1e1e1e9e; |
1805 } |
1805 opacity:1; |
1806 .components-border-radius-control legend { |
1806 } |
1807 margin-bottom: 8px; |
1807 .block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ |
1808 } |
1808 color:#1e1e1e9e; |
1809 .components-border-radius-control .components-border-radius-control__wrapper { |
1809 } |
1810 display: flex; |
1810 .has-actions .block-editor-link-control__field input[type=text],.has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
1811 justify-content: space-between; |
1811 padding-left:16px; |
1812 align-items: flex-start; |
1812 } |
1813 } |
1813 |
1814 .components-border-radius-control .components-border-radius-control__wrapper > .components-unit-control-wrapper { |
1814 .block-editor-link-control__search-error{ |
1815 width: calc(50% - 26px); |
1815 margin:-8px 16px 16px; |
1816 margin-bottom: 0; |
1816 } |
1817 } |
1817 |
1818 .components-border-radius-control .components-border-radius-control__wrapper .components-range-control { |
1818 .block-editor-link-control__search-enter{ |
1819 width: calc(50% - 26px); |
1819 left:19px; |
1820 margin-bottom: 0; |
1820 position:absolute; |
1821 } |
1821 top:3px; |
1822 .components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field { |
1822 } |
1823 margin-bottom: 0; |
1823 |
1824 height: 30px; |
1824 .block-editor-link-control__search-actions{ |
1825 } |
1825 padding:8px 16px 16px; |
1826 .components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper { |
1826 } |
1827 margin-left: 10px; |
1827 |
1828 } |
1828 .block-editor-link-control__search-results-wrapper{ |
1829 .components-border-radius-control .components-border-radius-control__wrapper > span { |
1829 position:relative; |
1830 flex: 0 0 auto; |
1830 } |
1831 } |
1831 .block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{ |
1832 .components-border-radius-control .components-border-radius-control__input-controls-wrapper { |
1832 content:""; |
1833 display: flex; |
1833 display:block; |
1834 width: 70%; |
1834 left:16px; |
1835 flex-wrap: wrap; |
1835 pointer-events:none; |
1836 } |
1836 position:absolute; |
1837 .components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-unit-control-wrapper { |
1837 right:-1px; |
1838 width: calc(50% - 8px); |
1838 z-index:100; |
1839 margin-bottom: 8px; |
1839 } |
1840 margin-left: 8px; |
1840 .block-editor-link-control__search-results-wrapper:before{ |
1841 } |
1841 bottom:auto; |
1842 .components-border-radius-control .component-border-radius-control__linked-button.has-icon { |
1842 height:8px; |
1843 display: flex; |
1843 top:0; |
1844 justify-content: center; |
1844 } |
1845 } |
1845 .block-editor-link-control__search-results-wrapper:after{ |
1846 .components-border-radius-control .component-border-radius-control__linked-button.has-icon svg { |
1846 bottom:0; |
1847 margin-left: 0; |
1847 height:16px; |
1848 } |
1848 top:auto; |
1849 |
1849 } |
1850 .components-border-style-control legend { |
1850 |
1851 line-height: 1.4; |
1851 .block-editor-link-control__search-results{ |
1852 margin-bottom: 8px; |
1852 margin-top:-16px; |
1853 padding: 0; |
1853 max-height:200px; |
1854 } |
1854 overflow-y:auto; |
1855 .components-border-style-control .components-border-style-control__buttons { |
1855 padding:8px; |
1856 display: inline-flex; |
1856 } |
1857 } |
1857 .block-editor-link-control__search-results.is-loading{ |
1858 .components-border-style-control .components-border-style-control__buttons .components-button.has-icon { |
1858 opacity:.2; |
1859 min-width: 30px; |
1859 } |
1860 height: 30px; |
1860 |
1861 padding: 3px; |
1861 .block-editor-link-control__search-item.components-button.components-menu-item__button{ |
1862 margin-left: 4px; |
1862 height:auto; |
1863 } |
1863 text-align:right; |
1864 |
1864 } |
1865 .block-editor-button-block-appender { |
1865 .block-editor-link-control__search-item .components-menu-item__item{ |
1866 display: flex; |
1866 display:inline-block; |
1867 flex-direction: column; |
1867 overflow:hidden; |
1868 align-items: center; |
1868 text-overflow:ellipsis; |
1869 justify-content: center; |
1869 width:100%; |
1870 width: 100%; |
1870 } |
1871 height: auto; |
1871 .block-editor-link-control__search-item .components-menu-item__item mark{ |
1872 color: #1e1e1e; |
1872 background-color:initial; |
1873 box-shadow: inset 0 0 0 1px #1e1e1e; |
1873 color:inherit; |
1874 } |
1874 font-weight:600; |
1875 .block-editor-button-block-appender.components-button.components-button { |
1875 } |
1876 padding: 12px; |
1876 .block-editor-link-control__search-item .components-menu-item__shortcut{ |
1877 } |
1877 color:#757575; |
1878 .is-dark-theme .block-editor-button-block-appender { |
1878 text-transform:capitalize; |
1879 color: rgba(255, 255, 255, 0.65); |
1879 white-space:nowrap; |
1880 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); |
1880 } |
1881 } |
1881 .block-editor-link-control__search-item[aria-selected]{ |
1882 .block-editor-button-block-appender:hover { |
1882 background:#f0f0f0; |
1883 color: var(--wp-admin-theme-color); |
1883 } |
1884 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
1884 .block-editor-link-control__search-item.is-current{ |
1885 } |
1885 background:#0000; |
1886 .block-editor-button-block-appender:focus { |
1886 border:0; |
1887 box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); |
1887 cursor:default; |
1888 } |
1888 flex-direction:column; |
1889 .block-editor-button-block-appender:active { |
1889 padding:16px; |
1890 color: #000; |
1890 width:100%; |
1891 } |
1891 } |
1892 |
1892 .block-editor-link-control__search-item .block-editor-link-control__search-item-header{ |
1893 .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { |
1893 align-items:center; |
1894 margin-bottom: 12px; |
1894 display:block; |
1895 } |
1895 flex-direction:row; |
1896 |
1896 gap:8px; |
1897 .block-editor-color-gradient-control__fieldset { |
1897 margin-left:8px; |
1898 min-width: 0; |
1898 overflow-wrap:break-word; |
1899 } |
1899 white-space:pre-wrap; |
1900 |
1900 } |
1901 .block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title { |
1901 .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{ |
1902 display: flex; |
1902 color:#757575; |
1903 gap: 8px; |
1903 font-size:12px; |
1904 } |
1904 line-height:1.1; |
1905 .block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
1905 word-break:break-all; |
1906 width: 12px; |
1906 } |
1907 height: 12px; |
1907 .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{ |
1908 align-self: center; |
1908 display:flex; |
1909 } |
1909 flex:1; |
1910 .block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator:first-child { |
1910 } |
1911 margin-right: 12px; |
1911 .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{ |
1912 } |
1912 align-items:center; |
1913 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
1913 } |
1914 display: none; |
1914 .block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{ |
1915 } |
1915 word-break:break-all; |
1916 @media screen and (min-width: 782px) { |
1916 } |
1917 .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { |
1917 .block-editor-link-control__search-item .block-editor-link-control__search-item-details{ |
1918 display: grid; |
1918 display:flex; |
1919 grid-template-columns: repeat(6, 28px); |
1919 flex-direction:column; |
1920 justify-content: space-between; |
1920 gap:4px; |
1921 } |
1921 justify-content:space-between; |
1922 } |
1922 } |
1923 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { |
1923 .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon{ |
1924 margin-bottom: inherit; |
1924 background-color:#f0f0f0; |
1925 } |
1925 border-radius:2px; |
1926 .block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__dropdown { |
1926 height:32px; |
1927 display: block; |
1927 width:32px; |
1928 } |
1928 } |
1929 |
1929 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon{ |
1930 .block-editor-panel-color-gradient-settings__dropdown { |
1930 align-items:center; |
1931 width: 100%; |
1931 display:flex; |
1932 } |
1932 flex-shrink:0; |
1933 |
1933 justify-content:center; |
1934 .block-editor-panel-color-gradient-settings__dropdown-content .components-popover__content > div { |
1934 position:relative; |
1935 width: 280px; |
1935 } |
1936 } |
1936 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{ |
1937 |
1937 width:16px; |
1938 @media (min-width: 782px) { |
1938 } |
1939 .block-editor-panel-color-gradient-settings__dropdown-content .components-popover__content { |
1939 .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{ |
1940 margin-left: 156px !important; |
1940 max-height:32px; |
1941 } |
1941 top:0; |
1942 .block-editor-panel-color-gradient-settings__dropdown-content.is-from-top .components-popover__content { |
1942 width:32px; |
1943 margin-top: -60px !important; |
1943 } |
1944 } |
1944 .block-editor-link-control__search-item .block-editor-link-control__search-item-title{ |
1945 .block-editor-panel-color-gradient-settings__dropdown-content.is-from-bottom .components-popover__content { |
1945 border-radius:2px; |
1946 margin-bottom: -60px !important; |
1946 line-height:1.1; |
1947 } |
1947 } |
1948 } |
1948 .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus{ |
1949 .block-editor-panel-color-gradient-settings__dropdown:last-child > div { |
1949 box-shadow:none; |
1950 border-bottom-width: 0; |
1950 } |
1951 } |
1951 .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible{ |
1952 |
1952 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1953 .block-editor-panel-color-gradient-settings__item { |
1953 outline:2px solid #0000; |
1954 padding-top: 12px !important; |
1954 text-decoration:none; |
1955 padding-bottom: 12px !important; |
1955 } |
1956 } |
1956 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{ |
1957 .block-editor-panel-color-gradient-settings__item .block-editor-panel-color-gradient-settings__color-indicator { |
1957 background-color:initial; |
1958 background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); |
1958 color:inherit; |
1959 } |
1959 font-weight:600; |
1960 .block-editor-panel-color-gradient-settings__item.is-open { |
1960 } |
1961 background: #f0f0f0; |
1961 .block-editor-link-control__search-item .block-editor-link-control__search-item-title span{ |
1962 color: var(--wp-admin-theme-color); |
1962 font-weight:400; |
1963 } |
1963 } |
1964 |
1964 .block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{ |
1965 .block-editor-contrast-checker > .components-notice { |
1965 height:1px; |
1966 margin: 0; |
1966 margin:-1px; |
1967 } |
1967 overflow:hidden; |
1968 |
1968 padding:0; |
1969 /** |
1969 position:absolute; |
1970 * Default block appender. |
1970 width:1px; |
1971 * |
1971 clip:rect(0, 0, 0, 0); |
1972 * This component shows up in 3 places: |
1972 border:0; |
1973 * - the black plus that sits at the end of the canvas, if the last block isn't a paragraph |
1973 } |
1974 * - on the right, inside empty paragraphs |
1974 |
1975 * - absolute positioned and blue inside nesting containers |
1975 .block-editor-link-control__search-item-top{ |
1976 */ |
1976 align-items:center; |
1977 .block-editor-default-block-appender { |
1977 display:flex; |
1978 clear: both; |
1978 flex-direction:row; |
1979 margin-right: auto; |
1979 width:100%; |
1980 margin-left: auto; |
1980 } |
1981 position: relative; |
1981 |
1982 } |
1982 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{ |
1983 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { |
1983 opacity:0; |
1984 outline: 1px solid transparent; |
1984 } |
1985 } |
1985 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{ |
1986 .block-editor-default-block-appender .block-editor-default-block-appender__content { |
1986 animation:loadingpulse 1s linear infinite; |
1987 opacity: 0.62; |
1987 animation-delay:.5s; |
1988 } |
1988 background-color:#f0f0f0; |
1989 .block-editor-default-block-appender .components-drop-zone__content-icon { |
1989 border-radius:100%; |
1990 display: none; |
1990 bottom:0; |
1991 } |
1991 content:""; |
1992 |
1992 display:block; |
1993 .block-editor-default-block-appender .block-editor-inserter, |
1993 left:0; |
1994 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter { |
1994 position:absolute; |
1995 position: absolute; |
1995 right:0; |
1996 top: 0; |
1996 top:0; |
1997 left: 0; |
1997 } |
1998 line-height: 0; |
1998 |
1999 } |
1999 .block-editor-link-control__loading{ |
2000 .block-editor-default-block-appender .block-editor-inserter:disabled, |
2000 align-items:center; |
2001 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled { |
2001 display:flex; |
2002 display: none; |
2002 margin:16px; |
2003 } |
2003 } |
2004 |
2004 .block-editor-link-control__loading .components-spinner{ |
2005 /** |
2005 margin-top:0; |
2006 * Fixed position appender. |
2006 } |
2007 * These styles apply to all in-canvas inserters that exist inside nesting containers. |
2007 |
2008 */ |
2008 .components-button+.block-editor-link-control__search-create{ |
2009 .block-editor-block-list__block .block-list-appender { |
2009 overflow:visible; |
2010 position: absolute; |
2010 padding:12px 16px; |
2011 list-style: none; |
2011 } |
2012 padding: 0; |
2012 .components-button+.block-editor-link-control__search-create:before{ |
2013 z-index: 2; |
2013 content:""; |
2014 bottom: 0; |
2014 display:block; |
2015 left: 0; |
2015 position:absolute; |
2016 } |
2016 right:0; |
2017 .block-editor-block-list__block .block-list-appender.block-list-appender { |
2017 top:-10px; |
2018 margin: 0; |
2018 width:100%; |
2019 line-height: 0; |
2019 } |
2020 } |
2020 |
2021 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { |
2021 .block-editor-link-control__search-create{ |
2022 height: 24px; |
2022 align-items:center; |
2023 } |
2023 } |
2024 .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, |
2024 .block-editor-link-control__search-create .block-editor-link-control__search-item-title{ |
2025 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
2025 margin-bottom:0; |
2026 flex-direction: row; |
2026 } |
2027 box-shadow: none; |
2027 .block-editor-link-control__search-create .block-editor-link-control__search-item-icon{ |
2028 height: 24px; |
2028 top:0; |
2029 width: 24px; |
2029 } |
2030 display: none; |
2030 |
2031 padding: 0 !important; |
2031 .block-editor-link-control__drawer-inner{ |
2032 background: #1e1e1e; |
2032 display:flex; |
2033 color: #fff; |
2033 flex-basis:100%; |
2034 } |
2034 flex-direction:column; |
2035 .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover, |
2035 position:relative; |
2036 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover { |
2036 } |
2037 color: #fff; |
2037 |
2038 background: var(--wp-admin-theme-color); |
2038 .block-editor-link-control__setting{ |
2039 } |
2039 flex:1; |
2040 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content { |
2040 margin-bottom:0; |
2041 display: none; |
2041 padding:8px 24px 8px 0; |
2042 } |
2042 } |
2043 .block-editor-block-list__block .block-list-appender:only-child { |
2043 .block-editor-link-control__setting .components-base-control__field{ |
2044 position: relative; |
2044 display:flex; |
2045 left: auto; |
2045 } |
2046 align-self: center; |
2046 .block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label{ |
2047 list-style: none; |
2047 color:#1e1e1e; |
2048 line-height: inherit; |
2048 } |
2049 } |
2049 .block-editor-link-control__setting input{ |
2050 .block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content { |
2050 margin-right:0; |
2051 display: block; |
2051 } |
2052 } |
2052 .is-preview .block-editor-link-control__setting{ |
2053 |
2053 padding:20px 0 8px 8px; |
2054 .block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, |
2054 } |
2055 .block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle, |
2055 |
2056 .block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, |
2056 .block-editor-link-control__tools{ |
2057 .block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle { |
2057 margin-top:-16px; |
2058 display: flex; |
2058 padding:8px 8px 0; |
2059 } |
2059 } |
2060 |
2060 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{ |
2061 .block-editor-default-block-appender__content { |
2061 gap:0; |
2062 cursor: text; |
2062 padding-right:0; |
2063 } |
2063 } |
2064 |
2064 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{ |
2065 .block-editor-date-format-picker { |
2065 color:#1e1e1e; |
2066 margin-bottom: 16px; |
2066 } |
2067 } |
2067 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2068 |
2068 transform:rotate(-90deg); |
2069 .block-editor-date-format-picker__default-format-toggle-control__hint { |
2069 transition:transform .1s ease; |
2070 color: #757575; |
2070 visibility:visible; |
2071 display: block; |
2071 } |
2072 } |
2072 @media (prefers-reduced-motion:reduce){ |
2073 |
2073 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2074 .block-editor-date-format-picker__custom-format-select-control.components-base-control { |
2074 transition-delay:0s; |
2075 margin-bottom: 0; |
2075 transition-duration:0s; |
2076 } |
2076 } |
2077 .block-editor-date-format-picker__custom-format-select-control .components-custom-select-control__button { |
2077 } |
2078 width: 100%; |
2078 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2079 } |
2079 transform:rotate(0deg); |
2080 |
2080 transition:transform .1s ease; |
2081 .block-editor-date-format-picker__custom-format-select-control__custom-option { |
2081 visibility:visible; |
2082 border-top: 1px solid #ddd; |
2082 } |
2083 } |
2083 @media (prefers-reduced-motion:reduce){ |
2084 .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { |
2084 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2085 grid-template-columns: auto 30px; |
2085 transition-delay:0s; |
2086 } |
2086 transition-duration:0s; |
2087 .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { |
2087 } |
2088 grid-row: 2; |
2088 } |
2089 text-align: right; |
2089 |
2090 } |
2090 .block-editor-link-control .block-editor-link-control__search-input .components-spinner{ |
2091 |
2091 display:block; |
2092 .block-editor-duotone-control__popover > .components-popover__content > div { |
2092 } |
2093 padding: 16px; |
2093 .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ |
2094 width: 280px; |
2094 bottom:auto; |
2095 } |
2095 left:40px; |
2096 .block-editor-duotone-control__popover .components-menu-group__label { |
2096 position:absolute; |
2097 padding: 0; |
2097 right:auto; |
2098 } |
2098 top:calc(50% - 8px); |
2099 .block-editor-duotone-control__popover .components-custom-gradient-picker__gradient-bar { |
2099 } |
2100 margin: 16px 0 12px; |
2100 |
2101 } |
2101 .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{ |
2102 .block-editor-duotone-control__popover .components-circular-option-picker__swatches { |
2102 left:12px; |
2103 display: grid; |
2103 top:calc(50% + 4px); |
2104 grid-template-columns: repeat(6, 28px); |
2104 } |
2105 gap: 12px; |
2105 |
2106 justify-content: space-between; |
2106 .block-editor-list-view-tree{ |
2107 } |
2107 border-collapse:collapse; |
2108 |
2108 margin:0; |
2109 .block-editor-duotone-control__description { |
2109 padding:0; |
2110 margin: 16px 0; |
2110 width:100%; |
2111 font-size: 12px; |
2111 } |
2112 } |
2112 .components-modal__content .block-editor-list-view-tree{ |
2113 |
2113 margin:-12px -6px 0; |
2114 .block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { |
2114 width:calc(100% + 12px); |
2115 margin-right: -14px; |
2115 } |
2116 } |
2116 .block-editor-list-view-tree.is-dragging tbody{ |
2117 |
2117 pointer-events:none; |
2118 .components-font-appearance-control { |
2118 } |
2119 margin-bottom: 24px; |
2119 |
2120 } |
2120 .block-editor-list-view-leaf{ |
2121 .components-font-appearance-control ul li { |
2121 position:relative; |
2122 color: #1e1e1e; |
2122 transform:translateY(0); |
2123 text-transform: capitalize; |
2123 } |
2124 } |
2124 .block-editor-list-view-leaf.is-draggable,.block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents{ |
2125 |
2125 cursor:grab; |
2126 .block-editor-image-size-control { |
2126 } |
2127 margin-bottom: 1em; |
2127 .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{ |
2128 } |
2128 color:inherit; |
2129 .block-editor-image-size-control .block-editor-image-size-control__row { |
2129 } |
2130 display: flex; |
2130 .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{ |
2131 justify-content: space-between; |
2131 color:var(--wp-admin-theme-color); |
2132 } |
2132 } |
2133 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, |
2133 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{ |
2134 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { |
2134 color:inherit; |
2135 margin-bottom: 0.5em; |
2135 } |
2136 } |
2136 .block-editor-list-view-leaf.is-selected td{ |
2137 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, |
2137 background:var(--wp-admin-theme-color); |
2138 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { |
2138 } |
2139 line-height: 1.25; |
2139 .block-editor-list-view-leaf.is-selected.is-synced td{ |
2140 } |
2140 background:var(--wp-block-synced-color); |
2141 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { |
2141 } |
2142 margin-left: 5px; |
2142 .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{ |
2143 } |
2143 color:var(--wp-block-synced-color); |
2144 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { |
2144 } |
2145 margin-right: 5px; |
2145 .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{ |
2146 } |
2146 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); |
2147 |
2147 } |
2148 .block-editor-block-list__layout.has-overlay::after { |
2148 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ |
2149 content: ""; |
2149 color:#fff; |
2150 position: absolute; |
2150 } |
2151 top: 0; |
2151 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ |
2152 left: 0; |
2152 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2153 bottom: 0; |
2153 } |
2154 right: 0; |
2154 .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{ |
2155 z-index: 60; |
2155 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); |
2156 } |
2156 } |
2157 |
2157 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ |
2158 .block-editor-block-types-list__list-item { |
2158 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; |
2159 display: block; |
2159 } |
2160 width: 33.33%; |
2160 .block-editor-list-view-leaf.is-first-selected td:first-child{ |
2161 padding: 0; |
2161 border-top-right-radius:2px; |
2162 margin: 0; |
2162 } |
2163 } |
2163 .block-editor-list-view-leaf.is-first-selected td:last-child{ |
2164 |
2164 border-top-left-radius:2px; |
2165 .components-button.block-editor-block-types-list__item { |
2165 } |
2166 display: flex; |
2166 .block-editor-list-view-leaf.is-last-selected td:first-child{ |
2167 flex-direction: column; |
2167 border-bottom-right-radius:2px; |
2168 width: 100%; |
2168 } |
2169 font-size: 13px; |
2169 .block-editor-list-view-leaf.is-last-selected td:last-child{ |
2170 color: #1e1e1e; |
2170 border-bottom-left-radius:2px; |
2171 padding: 8px; |
2171 } |
2172 align-items: stretch; |
2172 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ |
2173 justify-content: center; |
2173 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
2174 cursor: pointer; |
2174 } |
2175 background: transparent; |
2175 .block-editor-list-view-leaf.is-synced-branch.is-branch-selected{ |
2176 word-break: break-word; |
2176 background:rgba(var(--wp-block-synced-color--rgb), .04); |
2177 border-radius: 2px; |
2177 } |
2178 transition: all 0.05s ease-in-out; |
2178 .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ |
2179 position: relative; |
2179 border-top-right-radius:2px; |
2180 height: auto; |
2180 } |
2181 } |
2181 .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{ |
2182 @media (prefers-reduced-motion: reduce) { |
2182 border-top-left-radius:2px; |
2183 .components-button.block-editor-block-types-list__item { |
2183 } |
2184 transition-duration: 0s; |
2184 .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{ |
2185 transition-delay: 0s; |
2185 border-top-right-radius:2px; |
2186 } |
2186 } |
2187 } |
2187 .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{ |
2188 .components-button.block-editor-block-types-list__item:disabled { |
2188 border-top-left-radius:2px; |
2189 opacity: 0.6; |
2189 } |
2190 cursor: default; |
2190 .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{ |
2191 } |
2191 border-bottom-right-radius:2px; |
2192 .components-button.block-editor-block-types-list__item:not(:disabled):hover { |
2192 } |
2193 color: var(--wp-admin-theme-color) !important; |
2193 .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{ |
2194 } |
2194 border-bottom-left-radius:2px; |
2195 .components-button.block-editor-block-types-list__item:not(:disabled):focus { |
2195 } |
2196 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2196 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ |
2197 } |
2197 border-radius:0; |
2198 .components-button.block-editor-block-types-list__item:not(:disabled).is-active { |
2198 } |
2199 color: #fff; |
2199 .block-editor-list-view-leaf.is-displacement-normal{ |
2200 background: #1e1e1e; |
2200 transform:translateY(0); |
2201 outline: 2px solid transparent; |
2201 transition:transform .2s; |
2202 outline-offset: -2px; |
2202 } |
2203 } |
2203 @media (prefers-reduced-motion:reduce){ |
2204 |
2204 .block-editor-list-view-leaf.is-displacement-normal{ |
2205 .block-editor-block-types-list__item-icon { |
2205 transition-delay:0s; |
2206 padding: 12px 20px; |
2206 transition-duration:0s; |
2207 border-radius: 2px; |
2207 } |
2208 color: #1e1e1e; |
2208 } |
2209 transition: all 0.05s ease-in-out; |
2209 .block-editor-list-view-leaf.is-displacement-up{ |
2210 } |
2210 transform:translateY(-32px); |
2211 @media (prefers-reduced-motion: reduce) { |
2211 transition:transform .2s; |
2212 .block-editor-block-types-list__item-icon { |
2212 } |
2213 transition-duration: 0s; |
2213 @media (prefers-reduced-motion:reduce){ |
2214 transition-delay: 0s; |
2214 .block-editor-list-view-leaf.is-displacement-up{ |
2215 } |
2215 transition-delay:0s; |
2216 } |
2216 transition-duration:0s; |
2217 .block-editor-block-types-list__item-icon .block-editor-block-icon { |
2217 } |
2218 margin-right: auto; |
2218 } |
2219 margin-left: auto; |
2219 .block-editor-list-view-leaf.is-displacement-down{ |
2220 } |
2220 transform:translateY(32px); |
2221 .block-editor-block-types-list__item-icon svg { |
2221 transition:transform .2s; |
2222 transition: all 0.15s ease-out; |
2222 } |
2223 } |
2223 @media (prefers-reduced-motion:reduce){ |
2224 @media (prefers-reduced-motion: reduce) { |
2224 .block-editor-list-view-leaf.is-displacement-down{ |
2225 .block-editor-block-types-list__item-icon svg { |
2225 transition-delay:0s; |
2226 transition-duration: 0s; |
2226 transition-duration:0s; |
2227 transition-delay: 0s; |
2227 } |
2228 } |
2228 } |
2229 } |
2229 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2230 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { |
2230 transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2231 cursor: grab; |
2231 transition:transform .2s; |
2232 } |
2232 } |
2233 |
2233 @media (prefers-reduced-motion:reduce){ |
2234 .block-editor-block-types-list__item-title { |
2234 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2235 padding: 4px 2px 8px; |
2235 transition-delay:0s; |
2236 font-size: 12px; |
2236 transition-duration:0s; |
2237 } |
2237 } |
2238 |
2238 } |
2239 .items-justified-left { |
2239 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2240 justify-content: flex-start; |
2240 transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2241 } |
2241 transition:transform .2s; |
2242 |
2242 } |
2243 .items-justified-center { |
2243 @media (prefers-reduced-motion:reduce){ |
2244 justify-content: center; |
2244 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2245 } |
2245 transition-delay:0s; |
2246 |
2246 transition-duration:0s; |
2247 .items-justified-right { |
2247 } |
2248 justify-content: flex-end; |
2248 } |
2249 } |
2249 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2250 |
2250 transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2251 .items-justified-space-between { |
2251 transition:transform .2s; |
2252 justify-content: space-between; |
2252 } |
2253 } |
2253 @media (prefers-reduced-motion:reduce){ |
2254 |
2254 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2255 @keyframes loadingpulse { |
2255 transition-delay:0s; |
2256 0% { |
2256 transition-duration:0s; |
2257 opacity: 1; |
2257 } |
2258 } |
2258 } |
2259 50% { |
2259 .block-editor-list-view-leaf.is-dragging{ |
2260 opacity: 0; |
2260 opacity:0; |
2261 } |
2261 pointer-events:none; |
2262 100% { |
2262 right:0; |
2263 opacity: 1; |
2263 z-index:-9999; |
2264 } |
2264 } |
2265 } |
2265 .block-editor-list-view-leaf .block-editor-list-view-block-contents{ |
2266 .block-editor-link-control { |
2266 align-items:center; |
2267 position: relative; |
2267 border-radius:2px; |
2268 min-width: 360px; |
2268 display:flex; |
2269 } |
2269 height:32px; |
2270 .components-popover__content .block-editor-link-control { |
2270 padding:6px 0 6px 4px; |
2271 min-width: auto; |
2271 position:relative; |
2272 width: 90vw; |
2272 text-align:right; |
2273 max-width: 360px; |
2273 white-space:nowrap; |
2274 } |
2274 width:100%; |
2275 |
2275 } |
2276 .block-editor-link-control__search-input-wrapper { |
2276 .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{ |
2277 position: relative; |
2277 border-top:4px solid var(--wp-admin-theme-color); |
2278 } |
2278 content:""; |
2279 |
2279 left:0; |
2280 .block-editor-link-control__search-input-container { |
2280 pointer-events:none; |
2281 position: relative; |
2281 position:absolute; |
2282 } |
2282 right:0; |
2283 |
2283 top:-2px; |
2284 .block-editor-link-control__search-input.has-no-label .block-editor-url-input__input { |
2284 transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; |
2285 flex: 1; |
2285 } |
2286 } |
2286 .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ |
2287 |
2287 padding-left:0; |
2288 .block-editor-link-control__field { |
2288 padding-right:0; |
2289 margin: 16px; |
2289 } |
2290 } |
2290 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents{ |
2291 .block-editor-link-control__field > .components-base-control__field { |
2291 box-shadow:none; |
2292 display: flex; |
2292 } |
2293 align-items: center; |
2293 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after{ |
2294 margin: 0; |
2294 border-radius:inherit; |
2295 } |
2295 bottom:0; |
2296 .block-editor-link-control__field .components-base-control__label { |
2296 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2297 margin-left: 16px; |
2297 content:""; |
2298 margin-bottom: 0; |
2298 left:-29px; |
2299 } |
2299 pointer-events:none; |
2300 .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { |
2300 position:absolute; |
2301 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2301 right:0; |
2302 padding: 6px 8px; |
2302 top:0; |
2303 box-shadow: 0 0 0 transparent; |
2303 z-index:2; |
2304 transition: box-shadow 0.1s linear; |
2304 } |
2305 border-radius: 2px; |
2305 .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{ |
2306 border: 1px solid #757575; |
2306 left:0; |
2307 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2307 } |
2308 font-size: 16px; |
2308 .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu{ |
2309 /* Override core line-height. To be reviewed. */ |
2309 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2310 line-height: normal; |
2310 z-index:1; |
2311 width: calc(100% - 32px); |
2311 } |
2312 display: block; |
2312 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ |
2313 padding: 11px 16px; |
2313 animation:edit-post__fade-in-animation .2s ease-out 0s; |
2314 padding-left: 36px; |
2314 animation-fill-mode:forwards; |
2315 margin: 0; |
2315 opacity:1; |
2316 position: relative; |
2316 } |
2317 border: 1px solid #ddd; |
2317 @media (prefers-reduced-motion:reduce){ |
2318 border-radius: 2px; |
2318 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ |
2319 } |
2319 animation-delay:0s; |
2320 @media (prefers-reduced-motion: reduce) { |
2320 animation-duration:1ms; |
2321 .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { |
2321 } |
2322 transition-duration: 0s; |
2322 } |
2323 transition-delay: 0s; |
2323 .block-editor-list-view-leaf .block-editor-block-icon{ |
2324 } |
2324 flex:0 0 24px; |
2325 } |
2325 margin-left:4px; |
2326 @media (min-width: 600px) { |
2326 } |
2327 .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { |
2327 .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ |
2328 font-size: 13px; |
2328 padding:0; |
2329 /* Override core line-height. To be reviewed. */ |
2329 } |
2330 line-height: normal; |
2330 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ |
2331 } |
2331 line-height:0; |
2332 } |
2332 vertical-align:middle; |
2333 .block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { |
2333 width:36px; |
2334 border-color: var(--wp-admin-theme-color); |
2334 } |
2335 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
2335 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ |
2336 outline: 2px solid transparent; |
2336 opacity:0; |
2337 } |
2337 } |
2338 .block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { |
2338 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ |
2339 color: rgba(30, 30, 30, 0.62); |
2339 opacity:1; |
2340 } |
2340 } |
2341 .block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { |
2341 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{ |
2342 opacity: 1; |
2342 min-width:24px; |
2343 color: rgba(30, 30, 30, 0.62); |
2343 padding:0; |
2344 } |
2344 width:24px; |
2345 .block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { |
2345 } |
2346 color: rgba(30, 30, 30, 0.62); |
2346 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{ |
2347 } |
2347 padding-left:4px; |
2348 |
2348 } |
2349 .block-editor-link-control__search-error { |
2349 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{ |
2350 margin: -8px 16px 16px; |
2350 height:24px; |
2351 } |
2351 } |
2352 |
2352 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{ |
2353 .block-editor-link-control__search-actions { |
2353 align-items:center; |
2354 position: absolute; |
2354 display:flex; |
2355 /* |
2355 flex-direction:column; |
2356 * Actions must be positioned on top of URLInput, since the input will grow |
2356 height:100%; |
2357 * when suggestions are rendered. |
2357 } |
2358 * |
2358 .block-editor-list-view-leaf .block-editor-block-mover-button{ |
2359 * Compensate for: |
2359 height:24px; |
2360 * - Border (1px) |
2360 position:relative; |
2361 * - Vertically, for the difference in height between the input (40px) and |
2361 width:36px; |
2362 * the icon buttons. |
2362 } |
2363 * - Horizontally, pad to the minimum of: default input padding, or the |
2363 .block-editor-list-view-leaf .block-editor-block-mover-button svg{ |
2364 * equivalent of the vertical padding. |
2364 height:24px; |
2365 */ |
2365 position:relative; |
2366 top: 3px; |
2366 } |
2367 left: 19px; |
2367 .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{ |
2368 } |
2368 align-items:flex-end; |
2369 |
2369 margin-top:-6px; |
2370 .components-button .block-editor-link-control__search-submit .has-icon { |
2370 } |
2371 margin: -1px; |
2371 .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{ |
2372 } |
2372 bottom:-4px; |
2373 |
2373 } |
2374 .block-editor-link-control__search-results-wrapper { |
2374 .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{ |
2375 position: relative; |
2375 align-items:flex-start; |
2376 margin-top: -15px; |
2376 margin-bottom:-6px; |
2377 } |
2377 } |
2378 .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { |
2378 .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ |
2379 content: ""; |
2379 top:-4px; |
2380 position: absolute; |
2380 } |
2381 right: -1px; |
2381 .block-editor-list-view-leaf .block-editor-block-mover-button:before{ |
2382 left: 16px; |
2382 height:16px; |
2383 display: block; |
2383 left:0; |
2384 pointer-events: none; |
2384 min-width:100%; |
2385 z-index: 100; |
2385 right:0; |
2386 } |
2386 } |
2387 .block-editor-link-control__search-results-wrapper::before { |
2387 .block-editor-list-view-leaf .block-editor-inserter__toggle{ |
2388 height: 8px; |
2388 background:#1e1e1e; |
2389 top: 0; |
2389 color:#fff; |
2390 bottom: auto; |
2390 height:24px; |
2391 } |
2391 margin:6px 1px 6px 6px; |
2392 .block-editor-link-control__search-results-wrapper::after { |
2392 min-width:24px; |
2393 height: 16px; |
2393 } |
2394 bottom: 0; |
2394 .block-editor-list-view-leaf .block-editor-inserter__toggle:active{ |
2395 top: auto; |
2395 color:#fff; |
2396 } |
2396 } |
2397 |
2397 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg{ |
2398 .block-editor-link-control__search-results-label { |
2398 position:relative; |
2399 padding: 16px 32px 0; |
2399 right:2px; |
2400 display: block; |
2400 } |
2401 font-weight: 600; |
2401 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{ |
2402 } |
2402 flex:1; |
2403 |
2403 position:relative; |
2404 .block-editor-link-control__search-results { |
2404 } |
2405 margin: 0; |
2405 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{ |
2406 padding: 8px 16px 8px; |
2406 position:absolute; |
2407 max-height: 200px; |
2407 transform:translateY(-50%); |
2408 overflow-y: auto; |
2408 width:100%; |
2409 } |
2409 } |
2410 .block-editor-link-control__search-results.is-loading { |
2410 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{ |
2411 opacity: 0.2; |
2411 max-width:min(110px, 40%); |
2412 } |
2412 position:relative; |
2413 |
2413 width:100%; |
2414 .block-editor-link-control__search-item { |
2414 } |
2415 position: relative; |
2415 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{ |
2416 display: flex; |
2416 background:#0000001a; |
2417 align-items: flex-start; |
2417 border-radius:2px; |
2418 font-size: 13px; |
2418 box-sizing:border-box; |
2419 cursor: pointer; |
2419 left:0; |
2420 background: #fff; |
2420 max-width:100%; |
2421 width: 100%; |
2421 padding:2px 6px; |
2422 border: none; |
2422 position:absolute; |
2423 text-align: right; |
2423 transform:translateY(-50%); |
2424 padding: 12px 16px; |
2424 } |
2425 border-radius: 2px; |
2425 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{ |
2426 height: auto; |
2426 background:#0000004d; |
2427 } |
2427 } |
2428 .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { |
2428 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ |
2429 background-color: #f0f0f0; |
2429 line-height:0; |
2430 } |
2430 } |
2431 .block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type { |
2431 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{ |
2432 background: #fff; |
2432 display:flex; |
2433 } |
2433 } |
2434 .block-editor-link-control__search-item:focus:not(:disabled) { |
2434 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{ |
2435 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; |
2435 background-size:cover; |
2436 } |
2436 border-radius:2px; |
2437 .block-editor-link-control__search-item.is-selected { |
2437 height:18px; |
2438 background: #f0f0f0; |
2438 width:18px; |
2439 } |
2439 } |
2440 .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { |
2440 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){ |
2441 background: #fff; |
2441 box-shadow:0 0 0 2px #fff; |
2442 } |
2442 } |
2443 .block-editor-link-control__search-item.is-current { |
2443 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){ |
2444 flex-direction: column; |
2444 margin-right:-6px; |
2445 background: transparent; |
2445 } |
2446 border: 0; |
2446 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){ |
2447 width: 100%; |
2447 box-shadow:0 0 0 2px var(--wp-admin-theme-color); |
2448 cursor: default; |
2448 } |
2449 padding: 16px; |
2449 |
2450 } |
2450 .block-editor-list-view-draggable-chip{ |
2451 .block-editor-link-control__search-item .block-editor-link-control__search-item-header { |
2451 opacity:.8; |
2452 display: block; |
2452 } |
2453 flex-direction: row; |
2453 |
2454 align-items: flex-start; |
2454 .block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{ |
2455 margin-left: 8px; |
2455 display:flex; |
2456 white-space: pre-wrap; |
2456 } |
2457 overflow-wrap: break-word; |
2457 |
2458 } |
2458 .block-editor-list-view__expander{ |
2459 .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { |
2459 cursor:pointer; |
2460 word-break: break-all; |
2460 height:24px; |
2461 } |
2461 width:24px; |
2462 .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { |
2462 } |
2463 display: flex; |
2463 |
2464 flex: 1; |
2464 .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{ |
2465 } |
2465 margin-right:192px; |
2466 .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { |
2466 } |
2467 align-items: center; |
2467 |
2468 } |
2468 .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{ |
2469 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { |
2469 margin-right:0; |
2470 position: relative; |
2470 } |
2471 top: 0.2em; |
2471 |
2472 margin-left: 8px; |
2472 .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{ |
2473 max-height: 24px; |
2473 margin-right:24px; |
2474 flex-shrink: 0; |
2474 } |
2475 width: 24px; |
2475 |
2476 display: flex; |
2476 .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{ |
2477 justify-content: center; |
2477 margin-right:48px; |
2478 } |
2478 } |
2479 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { |
2479 |
2480 width: 16px; |
2480 .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{ |
2481 } |
2481 margin-right:72px; |
2482 .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { |
2482 } |
2483 top: 0; |
2483 |
2484 width: 32px; |
2484 .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{ |
2485 max-height: 32px; |
2485 margin-right:96px; |
2486 } |
2486 } |
2487 .block-editor-link-control__search-item .block-editor-link-control__search-item-info, |
2487 |
2488 .block-editor-link-control__search-item .block-editor-link-control__search-item-title { |
2488 .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{ |
2489 overflow: hidden; |
2489 margin-right:120px; |
2490 text-overflow: ellipsis; |
2490 } |
2491 } |
2491 |
2492 .block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, |
2492 .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{ |
2493 .block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { |
2493 margin-right:144px; |
2494 position: absolute; |
2494 } |
2495 left: 0; |
2495 |
2496 margin-top: 0; |
2496 .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{ |
2497 } |
2497 margin-right:168px; |
2498 .block-editor-link-control__search-item .block-editor-link-control__search-item-title { |
2498 } |
2499 display: block; |
2499 |
2500 margin-bottom: 0.2em; |
2500 .block-editor-list-view-leaf .block-editor-list-view__expander{ |
2501 font-weight: 500; |
2501 visibility:hidden; |
2502 position: relative; |
2502 } |
2503 } |
2503 |
2504 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { |
2504 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2505 font-weight: 700; |
2505 transform:rotate(-90deg); |
2506 color: inherit; |
2506 transition:transform .2s ease; |
2507 background-color: transparent; |
2507 visibility:visible; |
2508 } |
2508 } |
2509 .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { |
2509 @media (prefers-reduced-motion:reduce){ |
2510 font-weight: normal; |
2510 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2511 } |
2511 transition-delay:0s; |
2512 .block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { |
2512 transition-duration:0s; |
2513 display: none; |
2513 } |
2514 } |
2514 } |
2515 .block-editor-link-control__search-item .block-editor-link-control__search-item-info { |
2515 |
2516 display: block; |
2516 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2517 color: #757575; |
2517 transform:rotate(0deg); |
2518 font-size: 0.9em; |
2518 transition:transform .2s ease; |
2519 line-height: 1.3; |
2519 visibility:visible; |
2520 } |
2520 } |
2521 .block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice { |
2521 @media (prefers-reduced-motion:reduce){ |
2522 font-style: italic; |
2522 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2523 font-size: 1.1em; |
2523 transition-delay:0s; |
2524 } |
2524 transition-duration:0s; |
2525 .block-editor-link-control__search-item .block-editor-link-control__search-item-type { |
2525 } |
2526 display: block; |
2526 } |
2527 padding: 3px 6px; |
2527 |
2528 margin-right: auto; |
2528 .block-editor-list-view-drop-indicator{ |
2529 font-size: 0.9em; |
2529 pointer-events:none; |
2530 background-color: #f0f0f0; |
2530 } |
2531 border-radius: 2px; |
2531 .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{ |
2532 white-space: nowrap; |
2532 background:var(--wp-admin-theme-color); |
2533 } |
2533 border-radius:4px; |
2534 .block-editor-link-control__search-item .block-editor-link-control__search-item-description { |
2534 height:4px; |
2535 padding-top: 12px; |
2535 } |
2536 margin: 0; |
2536 |
2537 } |
2537 .block-editor-list-view-drop-indicator--preview{ |
2538 .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder { |
2538 pointer-events:none; |
2539 margin-top: 12px; |
2539 } |
2540 padding-top: 0; |
2540 .block-editor-list-view-drop-indicator--preview .components-popover__content{ |
2541 height: 28px; |
2541 overflow:hidden !important; |
2542 display: flex; |
2542 } |
2543 flex-direction: column; |
2543 .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line{ |
2544 justify-content: space-around; |
2544 background:rgba(var(--wp-admin-theme-color--rgb), .04); |
2545 } |
2545 border-radius:4px; |
2546 .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::before, .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::after { |
2546 height:32px; |
2547 display: block; |
2547 overflow:hidden; |
2548 content: ""; |
2548 } |
2549 height: 0.7em; |
2549 .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker{ |
2550 width: 100%; |
2550 background:rgba(var(--wp-admin-theme-color--rgb), .09); |
2551 background-color: #f0f0f0; |
2551 } |
2552 border-radius: 3px; |
2552 |
2553 } |
2553 .block-editor-list-view-placeholder{ |
2554 .block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text { |
2554 height:32px; |
2555 font-size: 0.9em; |
2555 margin:0; |
2556 } |
2556 padding:0; |
2557 .block-editor-link-control__search-item .block-editor-link-control__search-item-image { |
2557 } |
2558 display: flex; |
2558 |
2559 width: 100%; |
2559 .list-view-appender .block-editor-inserter__toggle{ |
2560 background-color: #f0f0f0; |
2560 background-color:#1e1e1e; |
2561 justify-content: center; |
2561 border-radius:2px; |
2562 height: 140px; |
2562 color:#fff; |
2563 max-height: 140px; |
2563 height:24px; |
2564 overflow: hidden; |
2564 margin:8px 24px 0 0; |
2565 border-radius: 2px; |
2565 min-width:24px; |
2566 margin-top: 12px; |
2566 padding:0; |
2567 } |
2567 } |
2568 .block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder { |
2568 .list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{ |
2569 background-color: #f0f0f0; |
2569 background:var(--wp-admin-theme-color); |
2570 border-radius: 3px; |
2570 color:#fff; |
2571 } |
2571 } |
2572 .block-editor-link-control__search-item .block-editor-link-control__search-item-image img { |
2572 |
2573 display: block; |
2573 .list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{ |
2574 max-width: 100%; |
2574 display:none; |
2575 height: 140px; |
2575 } |
2576 max-height: 140px; |
2576 |
2577 } |
2577 .block-editor-media-replace-flow__indicator{ |
2578 |
2578 margin-right:4px; |
2579 .block-editor-link-control__search-item-top { |
2579 } |
2580 display: flex; |
2580 |
2581 flex-direction: row; |
2581 .block-editor-media-flow__url-input{ |
2582 width: 100%; |
2582 margin-left:-8px; |
2583 } |
2583 margin-right:-8px; |
2584 |
2584 padding:16px; |
2585 .block-editor-link-control__search-item-bottom { |
2585 } |
2586 transition: opacity 1.5s; |
2586 .block-editor-media-flow__url-input.has-siblings{ |
2587 width: 100%; |
2587 border-top:1px solid #1e1e1e; |
2588 } |
2588 margin-top:8px; |
2589 |
2589 padding-bottom:8px; |
2590 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::before, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::after { |
2590 } |
2591 animation: loadingpulse 1s linear infinite; |
2591 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ |
2592 animation-delay: 0.5s; |
2592 display:block; |
2593 } |
2593 margin-bottom:8px; |
2594 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image { |
2594 top:16px; |
2595 animation: loadingpulse 1s linear infinite; |
2595 } |
2596 animation-delay: 0.5s; |
2596 .block-editor-media-flow__url-input .block-editor-link-control{ |
2597 } |
2597 width:300px; |
2598 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, |
2598 } |
2599 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { |
2599 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{ |
2600 opacity: 0; |
2600 margin:0; |
2601 } |
2601 padding:0; |
2602 .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { |
2602 } |
2603 content: ""; |
2603 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info,.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{ |
2604 display: block; |
2604 max-width:200px; |
2605 background-color: #f0f0f0; |
2605 white-space:nowrap; |
2606 position: absolute; |
2606 } |
2607 top: 0; |
2607 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{ |
2608 right: 0; |
2608 justify-content:flex-end; |
2609 left: 0; |
2609 padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); |
2610 bottom: 0; |
2610 } |
2611 border-radius: 100%; |
2611 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{ |
2612 animation: loadingpulse 1s linear infinite; |
2612 padding:0; |
2613 animation-delay: 0.5s; |
2613 width:auto; |
2614 } |
2614 } |
2615 |
2615 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{ |
2616 .block-editor-link-control__loading { |
2616 margin:0; |
2617 margin: 16px; |
2617 width:100%; |
2618 display: flex; |
2618 } |
2619 align-items: center; |
2619 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{ |
2620 } |
2620 padding:8px 0 0; |
2621 .block-editor-link-control__loading .components-spinner { |
2621 } |
2622 margin-top: 0; |
2622 |
2623 } |
2623 .block-editor-media-flow__error{ |
2624 |
2624 max-width:255px; |
2625 .components-button + .block-editor-link-control__search-create { |
2625 padding:0 20px 20px; |
2626 overflow: visible; |
2626 } |
2627 padding: 12px 16px; |
2627 .block-editor-media-flow__error .components-with-notices-ui{ |
2628 } |
2628 max-width:255px; |
2629 .components-button + .block-editor-link-control__search-create::before { |
2629 } |
2630 content: ""; |
2630 .block-editor-media-flow__error .components-with-notices-ui .components-notice__content{ |
2631 position: absolute; |
2631 overflow:hidden; |
2632 top: -10px; |
2632 word-wrap:break-word; |
2633 right: 0; |
2633 } |
2634 display: block; |
2634 .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{ |
2635 width: 100%; |
2635 left:10px; |
2636 } |
2636 position:absolute; |
2637 |
2637 } |
2638 .block-editor-link-control__search-create { |
2638 |
2639 align-items: center; |
2639 .block-editor-multi-selection-inspector__card{ |
2640 } |
2640 align-items:flex-start; |
2641 .block-editor-link-control__search-create .block-editor-link-control__search-item-title { |
2641 display:flex; |
2642 margin-bottom: 0; |
2642 padding:16px; |
2643 } |
2643 } |
2644 .block-editor-link-control__search-create .block-editor-link-control__search-item-icon { |
2644 |
2645 top: 0; |
2645 .block-editor-multi-selection-inspector__card-content{ |
2646 } |
2646 flex-grow:1; |
2647 |
2647 } |
2648 .block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { |
2648 |
2649 padding: 10px; |
2649 .block-editor-multi-selection-inspector__card-title{ |
2650 } |
2650 font-weight:500; |
2651 |
2651 margin-bottom:5px; |
2652 .block-editor-link-control__tools { |
2652 } |
2653 display: flex; |
2653 |
2654 align-items: center; |
2654 .block-editor-multi-selection-inspector__card-description{ |
2655 border-top: 1px solid #ddd; |
2655 font-size:13px; |
2656 margin: 0; |
2656 } |
2657 padding: 16px; |
2657 |
2658 } |
2658 .block-editor-multi-selection-inspector__card .block-editor-block-icon{ |
2659 |
2659 height:24px; |
2660 .block-editor-link-control__unlink { |
2660 margin-left:10px; |
2661 padding-right: 16px; |
2661 margin-right:-2px; |
2662 padding-left: 16px; |
2662 padding:0 3px; |
2663 } |
2663 width:36px; |
2664 |
2664 } |
2665 .block-editor-link-control__settings { |
2665 |
2666 flex: 1; |
2666 .block-editor-responsive-block-control{ |
2667 margin: 0; |
2667 border-bottom:1px solid #ccc; |
2668 } |
2668 margin-bottom:28px; |
2669 .block-editor-link-control__settings :last-child { |
2669 padding-bottom:14px; |
2670 margin-bottom: 0; |
2670 } |
2671 } |
2671 .block-editor-responsive-block-control:last-child{ |
2672 .is-alternate .block-editor-link-control__settings { |
2672 border-bottom:0; |
2673 border-top: 1px solid #1e1e1e; |
2673 padding-bottom:0; |
2674 } |
2674 } |
2675 |
2675 |
2676 .block-editor-link-control__setting { |
2676 .block-editor-responsive-block-control__title{ |
2677 margin-bottom: 16px; |
2677 margin:0 -3px .6em 0; |
2678 } |
2678 } |
2679 .block-editor-link-control__setting :last-child { |
2679 |
2680 margin-bottom: 0; |
2680 .block-editor-responsive-block-control__label{ |
2681 } |
2681 font-weight:600; |
2682 |
2682 margin-bottom:.6em; |
2683 .block-editor-link-control .block-editor-link-control__search-input .components-spinner { |
2683 margin-right:-3px; |
2684 display: block; |
2684 } |
2685 } |
2685 |
2686 .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { |
2686 .block-editor-responsive-block-control__inner{ |
2687 position: absolute; |
2687 margin-right:-1px; |
2688 right: auto; |
2688 } |
2689 bottom: auto; |
2689 |
2690 /* |
2690 .block-editor-responsive-block-control__toggle{ |
2691 * Position spinner to the left of the actions. |
2691 margin-right:1px; |
2692 * |
2692 } |
2693 * Compensate for: |
2693 |
2694 * - Input padding right ($button-size) |
2694 .block-editor-responsive-block-control .components-base-control__help{ |
2695 */ |
2695 border:0; |
2696 top: calc(50% - 16px / 2); |
2696 clip:rect(1px, 1px, 1px, 1px); |
2697 left: 36px; |
2697 clip-path:inset(50%); |
2698 } |
2698 height:1px; |
2699 |
2699 margin:-1px; |
2700 .block-editor-link-control__search-item-action { |
2700 overflow:hidden; |
2701 margin-right: auto; |
2701 padding:0; |
2702 flex-shrink: 0; |
2702 position:absolute; |
2703 } |
2703 width:1px; |
2704 |
2704 word-wrap:normal !important; |
2705 .block-editor-list-view-tree { |
2705 } |
2706 width: 100%; |
2706 |
2707 border-collapse: collapse; |
2707 .components-popover.block-editor-rich-text__inline-format-toolbar{ |
2708 padding: 0; |
2708 z-index:99998; |
2709 margin: 0; |
2709 } |
2710 } |
2710 .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{ |
2711 .components-modal__content .block-editor-list-view-tree { |
2711 box-shadow:none; |
2712 margin: -12px -6px 0; |
2712 margin-bottom:8px; |
2713 width: calc(100% + 12px); |
2713 min-width:auto; |
2714 } |
2714 outline:none; |
2715 |
2715 width:auto; |
2716 .block-editor-list-view-leaf { |
2716 } |
2717 position: relative; |
2717 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{ |
2718 } |
2718 border-radius:2px; |
2719 .block-editor-list-view-leaf.is-selected td { |
2719 } |
2720 background: var(--wp-admin-theme-color); |
2720 .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{ |
2721 } |
2721 min-height:48px; |
2722 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { |
2722 min-width:48px; |
2723 color: #fff; |
2723 padding-left:12px; |
2724 } |
2724 padding-right:12px; |
2725 .is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents { |
2725 } |
2726 background: none; |
2726 |
2727 color: #1e1e1e; |
2727 .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{ |
2728 } |
2728 justify-content:center; |
2729 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { |
2729 } |
2730 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2730 |
2731 } |
2731 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{ |
2732 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { |
2732 width:auto; |
2733 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; |
2733 } |
2734 } |
2734 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{ |
2735 .block-editor-list-view-leaf.is-dragging { |
2735 display:none; |
2736 display: none; |
2736 } |
2737 } |
2737 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ |
2738 .block-editor-list-view-leaf.is-first-selected td:first-child { |
2738 content:attr(aria-label); |
2739 border-top-right-radius: 2px; |
2739 } |
2740 } |
2740 |
2741 .block-editor-list-view-leaf.is-first-selected td:last-child { |
2741 .block-editor-segmented-text-control{ |
2742 border-top-left-radius: 2px; |
2742 border:0; |
2743 } |
2743 margin:0; |
2744 .block-editor-list-view-leaf.is-last-selected td:first-child { |
2744 padding:0; |
2745 border-bottom-right-radius: 2px; |
2745 } |
2746 } |
2746 .block-editor-segmented-text-control .block-editor-segmented-text-control__buttons{ |
2747 .block-editor-list-view-leaf.is-last-selected td:last-child { |
2747 display:flex; |
2748 border-bottom-left-radius: 2px; |
2748 padding:4px 0; |
2749 } |
2749 } |
2750 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) { |
2750 .block-editor-segmented-text-control .components-button.has-icon{ |
2751 background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); |
2751 margin-left:4px; |
2752 } |
2752 } |
2753 .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { |
2753 |
2754 border-top-right-radius: 2px; |
2754 .block-editor-skip-to-selected-block{ |
2755 } |
2755 position:absolute; |
2756 .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { |
2756 top:-9999em; |
2757 border-top-left-radius: 2px; |
2757 } |
2758 } |
2758 .block-editor-skip-to-selected-block:focus{ |
2759 .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child { |
2759 background:#f1f1f1; |
2760 border-top-right-radius: 2px; |
2760 box-shadow:0 0 2px 2px #0009; |
2761 } |
2761 color:var(--wp-admin-theme-color); |
2762 .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child { |
2762 display:block; |
2763 border-top-left-radius: 2px; |
2763 font-size:14px; |
2764 } |
2764 font-weight:600; |
2765 .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child { |
2765 height:auto; |
2766 border-bottom-right-radius: 2px; |
2766 line-height:normal; |
2767 } |
2767 outline:none; |
2768 .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child { |
2768 padding:15px 23px 14px; |
2769 border-bottom-left-radius: 2px; |
2769 text-decoration:none; |
2770 } |
2770 width:auto; |
2771 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { |
2771 z-index:100000; |
2772 border-radius: 0; |
2772 } |
2773 } |
2773 |
2774 .block-editor-list-view-leaf .block-editor-list-view-block-contents { |
2774 .block-editor-tool-selector__help{ |
2775 display: flex; |
2775 border-top:1px solid #ddd; |
2776 align-items: center; |
2776 color:#757575; |
2777 width: 100%; |
2777 margin:8px -8px -8px; |
2778 height: auto; |
2778 min-width:280px; |
2779 padding: 6px 0 6px 12px; |
2779 padding:16px; |
2780 text-align: right; |
2780 } |
2781 color: #1e1e1e; |
2781 |
2782 border-radius: 2px; |
2782 .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ |
2783 position: relative; |
2783 flex-grow:1; |
2784 white-space: nowrap; |
2784 padding:1px; |
2785 } |
2785 position:relative; |
2786 .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { |
2786 } |
2787 content: ""; |
2787 .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ |
2788 position: absolute; |
2788 font-size:16px; |
2789 pointer-events: none; |
2789 margin-left:0; |
2790 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
2790 margin-right:0; |
2791 top: -2px; |
2791 padding:8px 12px 8px 8px; |
2792 left: 0; |
2792 width:100%; |
2793 right: 0; |
2793 } |
2794 border-top: 4px solid var(--wp-admin-theme-color); |
2794 @media (min-width:600px){ |
2795 } |
2795 .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ |
2796 .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { |
2796 font-size:13px; |
2797 padding-right: 0; |
2797 width:300px; |
2798 padding-left: 0; |
2798 } |
2799 } |
2799 } |
2800 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { |
2800 .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ |
2801 box-shadow: none; |
2801 display:none; |
2802 } |
2802 } |
2803 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { |
2803 .block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ |
2804 content: ""; |
2804 width:100%; |
2805 position: absolute; |
2805 } |
2806 top: 0; |
2806 .block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ |
2807 left: -29px; |
2807 left:8px; |
2808 bottom: 0; |
2808 margin:0; |
2809 right: 0; |
2809 position:absolute; |
2810 border-radius: inherit; |
2810 top:calc(50% - 8px); |
2811 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2811 } |
2812 z-index: 2; |
2812 |
2813 pointer-events: none; |
2813 .block-editor-url-input__input[type=text]{ |
2814 } |
2814 border:1px solid #949494; |
2815 .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { |
2815 border-radius:2px; |
2816 box-shadow: none; |
2816 box-shadow:0 0 0 #0000; |
2817 } |
2817 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2818 .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { |
2818 font-size:16px; |
2819 left: 0; |
2819 line-height:normal; |
2820 } |
2820 padding:6px 8px; |
2821 .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { |
2821 transition:box-shadow .1s linear; |
2822 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2822 } |
2823 z-index: 1; |
2823 @media (prefers-reduced-motion:reduce){ |
2824 } |
2824 .block-editor-url-input__input[type=text]{ |
2825 .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { |
2825 transition-delay:0s; |
2826 box-shadow: none; |
2826 transition-duration:0s; |
2827 } |
2827 } |
2828 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { |
2828 } |
2829 opacity: 1; |
2829 @media (min-width:600px){ |
2830 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
2830 .block-editor-url-input__input[type=text]{ |
2831 animation-fill-mode: forwards; |
2831 font-size:13px; |
2832 } |
2832 line-height:normal; |
2833 @media (prefers-reduced-motion: reduce) { |
2833 } |
2834 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { |
2834 } |
2835 animation-duration: 1ms; |
2835 .block-editor-url-input__input[type=text]:focus{ |
2836 animation-delay: 0s; |
2836 border-color:var(--wp-admin-theme-color); |
2837 } |
2837 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
2838 } |
2838 outline:2px solid #0000; |
2839 .block-editor-list-view-leaf .block-editor-block-icon { |
2839 } |
2840 align-self: flex-start; |
2840 .block-editor-url-input__input[type=text]::-webkit-input-placeholder{ |
2841 margin-left: 8px; |
2841 color:#1e1e1e9e; |
2842 width: 24px; |
2842 } |
2843 } |
2843 .block-editor-url-input__input[type=text]::-moz-placeholder{ |
2844 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, |
2844 color:#1e1e1e9e; |
2845 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, |
2845 opacity:1; |
2846 .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { |
2846 } |
2847 padding-top: 0; |
2847 .block-editor-url-input__input[type=text]:-ms-input-placeholder{ |
2848 padding-bottom: 0; |
2848 color:#1e1e1e9e; |
2849 } |
2849 } |
2850 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, |
2850 |
2851 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { |
2851 .block-editor-url-input__suggestions{ |
2852 line-height: 0; |
2852 max-height:200px; |
2853 width: 36px; |
2853 overflow-y:auto; |
2854 vertical-align: middle; |
2854 padding:4px 0; |
2855 } |
2855 transition:all .15s ease-in-out; |
2856 @media (prefers-reduced-motion: reduce) { |
2856 width:302px; |
2857 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, |
2857 } |
2858 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { |
2858 @media (prefers-reduced-motion:reduce){ |
2859 transition-duration: 0s; |
2859 .block-editor-url-input__suggestions{ |
2860 transition-delay: 0s; |
2860 transition-delay:0s; |
2861 } |
2861 transition-duration:0s; |
2862 } |
2862 } |
2863 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, |
2863 } |
2864 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { |
2864 |
2865 opacity: 0; |
2865 .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ |
2866 } |
2866 display:none; |
2867 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible, |
2867 } |
2868 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover, |
2868 @media (min-width:600px){ |
2869 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible { |
2869 .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ |
2870 position: relative; |
2870 display:grid; |
2871 z-index: 1; |
2871 } |
2872 } |
2872 } |
2873 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, |
2873 |
2874 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, |
2874 .block-editor-url-input__suggestion{ |
2875 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { |
2875 background:#fff; |
2876 opacity: 1; |
2876 border:none; |
2877 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
2877 box-shadow:none; |
2878 animation-fill-mode: forwards; |
2878 color:#757575; |
2879 } |
2879 cursor:pointer; |
2880 @media (prefers-reduced-motion: reduce) { |
2880 display:block; |
2881 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, |
2881 font-size:13px; |
2882 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, |
2882 height:auto; |
2883 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { |
2883 min-height:36px; |
2884 animation-duration: 1ms; |
2884 text-align:right; |
2885 animation-delay: 0s; |
2885 width:100%; |
2886 } |
2886 } |
2887 } |
2887 .block-editor-url-input__suggestion:hover{ |
2888 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, |
2888 background:#ddd; |
2889 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, |
2889 } |
2890 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, |
2890 .block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{ |
2891 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { |
2891 background:var(--wp-admin-theme-color-darker-20); |
2892 width: 24px; |
2892 color:#fff; |
2893 min-width: 24px; |
2893 outline:none; |
2894 padding: 0; |
2894 } |
2895 } |
2895 |
2896 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { |
2896 .components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{ |
2897 padding-left: 5px; |
2897 position:inherit; |
2898 } |
2898 } |
2899 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { |
2899 |
2900 height: 24px; |
2900 .block-editor-url-input__button .block-editor-url-input__back{ |
2901 } |
2901 margin-left:4px; |
2902 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { |
2902 overflow:visible; |
2903 display: flex; |
2903 } |
2904 height: 100%; |
2904 .block-editor-url-input__button .block-editor-url-input__back:after{ |
2905 flex-direction: column; |
2905 background:#ddd; |
2906 align-items: center; |
2906 content:""; |
2907 } |
2907 display:block; |
2908 .block-editor-list-view-leaf .block-editor-block-mover-button { |
2908 height:24px; |
2909 position: relative; |
2909 left:-1px; |
2910 width: 36px; |
2910 position:absolute; |
2911 height: 24px; |
2911 width:1px; |
2912 } |
2912 } |
2913 .block-editor-list-view-leaf .block-editor-block-mover-button svg { |
2913 |
2914 position: relative; |
2914 .block-editor-url-input__button-modal{ |
2915 height: 24px; |
2915 background:#fff; |
2916 } |
2916 border:1px solid #ddd; |
2917 .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { |
2917 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
2918 margin-top: -6px; |
2918 } |
2919 align-items: flex-end; |
2919 |
2920 } |
2920 .block-editor-url-input__button-modal-line{ |
2921 .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { |
2921 align-items:flex-start; |
2922 bottom: -4px; |
2922 display:flex; |
2923 } |
2923 flex-direction:row; |
2924 .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { |
2924 flex-grow:1; |
2925 margin-bottom: -6px; |
2925 flex-shrink:1; |
2926 align-items: flex-start; |
2926 min-width:0; |
2927 } |
2927 } |
2928 .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { |
2928 .block-editor-url-input__button-modal-line .components-button{ |
2929 top: -4px; |
2929 flex-shrink:0; |
2930 } |
2930 height:36px; |
2931 .block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled { |
2931 width:36px; |
2932 box-shadow: none; |
2932 } |
2933 outline: none; |
2933 |
2934 } |
2934 .block-editor-url-popover__additional-controls{ |
2935 .block-editor-list-view-leaf .block-editor-block-mover-button:focus { |
2935 border-top:1px solid #1e1e1e; |
2936 box-shadow: none; |
2936 padding:8px; |
2937 outline: none; |
2937 } |
2938 } |
2938 |
2939 .block-editor-list-view-leaf .block-editor-block-mover-button:focus::before { |
2939 .block-editor-url-popover__input-container{ |
2940 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
2940 padding:8px; |
2941 outline: 2px solid transparent; |
2941 } |
2942 } |
2942 |
2943 .block-editor-list-view-leaf .block-editor-block-mover-button::before { |
2943 .block-editor-url-popover__row{ |
2944 content: ""; |
2944 display:flex; |
2945 position: absolute; |
2945 gap:4px; |
2946 display: block; |
2946 } |
2947 border-radius: 2px; |
2947 |
2948 height: 16px; |
2948 .block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){ |
2949 min-width: 100%; |
2949 flex-grow:1; |
2950 right: 0; |
2950 gap:8px; |
2951 left: 0; |
2951 } |
2952 animation: components-button__appear-animation 0.1s ease; |
2952 |
2953 animation-fill-mode: forwards; |
2953 .block-editor-url-popover__additional-controls .components-button.has-icon{ |
2954 } |
2954 height:auto; |
2955 @media (prefers-reduced-motion: reduce) { |
2955 padding-left:8px; |
2956 .block-editor-list-view-leaf .block-editor-block-mover-button::before { |
2956 padding-right:8px; |
2957 animation-duration: 1ms; |
2957 text-align:right; |
2958 animation-delay: 0s; |
2958 } |
2959 } |
2959 .block-editor-url-popover__additional-controls .components-button.has-icon>svg{ |
2960 } |
2960 margin-left:8px; |
2961 .block-editor-list-view-leaf .block-editor-inserter__toggle { |
2961 } |
2962 background: #1e1e1e; |
2962 |
2963 color: #fff; |
2963 .block-editor-url-popover__settings-toggle{ |
2964 height: 24px; |
2964 flex-shrink:0; |
2965 margin: 6px 1px 6px 6px; |
2965 } |
2966 min-width: 24px; |
2966 .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{ |
2967 } |
2967 transform:rotate(-180deg); |
2968 .block-editor-list-view-leaf .block-editor-inserter__toggle:active { |
2968 } |
2969 color: #fff; |
2969 |
2970 } |
2970 .block-editor-url-popover__settings{ |
2971 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { |
2971 border-top:1px solid #1e1e1e; |
2972 background: rgba(0, 0, 0, 0.1); |
2972 display:block; |
2973 border-radius: 2px; |
2973 padding:16px; |
2974 display: inline-block; |
2974 } |
2975 padding: 2px 6px; |
2975 |
2976 margin: 0 8px; |
2976 .block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ |
2977 max-width: 120px; |
2977 display:flex; |
2978 overflow: hidden; |
2978 } |
2979 text-overflow: ellipsis; |
2979 |
2980 } |
2980 .block-editor-url-popover__link-viewer-url{ |
2981 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { |
2981 align-items:center; |
2982 background: rgba(0, 0, 0, 0.3); |
2982 display:flex; |
2983 } |
2983 flex-grow:1; |
2984 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { |
2984 flex-shrink:1; |
2985 line-height: 0; |
2985 margin-left:8px; |
2986 width: 24px; |
2986 max-width:350px; |
2987 min-width: 24px; |
2987 min-width:150px; |
2988 margin-right: auto; |
2988 overflow:hidden; |
2989 padding: 0; |
2989 text-overflow:ellipsis; |
2990 vertical-align: middle; |
2990 white-space:nowrap; |
2991 } |
2991 } |
2992 |
2992 .block-editor-url-popover__link-viewer-url.has-invalid-link{ |
2993 .block-editor-list-view-block-select-button__description, |
2993 color:#cc1818; |
2994 .block-editor-list-view-appender__description { |
2994 } |
2995 display: none; |
2995 |
2996 } |
2996 .block-editor-url-popover__expand-on-click{ |
2997 |
2997 align-items:center; |
2998 .block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, |
2998 display:flex; |
2999 .block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, |
2999 min-width:350px; |
3000 .block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, |
3000 white-space:nowrap; |
3001 .block-editor-list-view-appender__cell .block-editor-list-view-appender__container { |
3001 } |
3002 display: flex; |
3002 .block-editor-url-popover__expand-on-click .text{ |
3003 } |
3003 flex-grow:1; |
3004 |
3004 } |
3005 .block-editor-list-view__expander { |
3005 .block-editor-url-popover__expand-on-click .text p{ |
3006 height: 24px; |
3006 line-height:16px; |
3007 margin-right: 4px; |
3007 margin:0; |
3008 width: 24px; |
3008 } |
3009 } |
3009 .block-editor-url-popover__expand-on-click .text p.description{ |
3010 |
3010 color:#757575; |
3011 .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { |
3011 font-size:12px; |
3012 margin-right: 220px; |
3012 } |
3013 } |
3013 |
3014 |
3014 .components-panel__block-bindings-panel .components-item__block-bindings-source{ |
3015 .block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { |
3015 color:#757575; |
3016 margin-left: 4px; |
3016 } |
3017 } |
3017 .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack{ |
3018 |
3018 flex-direction:row-reverse; |
3019 .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { |
3019 } |
3020 margin-right: 0px; |
3020 .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{ |
3021 } |
3021 flex-direction:row; |
3022 |
3022 } |
3023 .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { |
3023 .block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext{ |
3024 margin-right: 24px; |
3024 color:#757575; |
3025 } |
3025 font-size:12px; |
3026 |
3026 margin-bottom:16px; |
3027 .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { |
3027 } |
3028 margin-right: 52px; |
3028 |
3029 } |
3029 .border-block-support-panel .single-column{ |
3030 |
3030 grid-column:span 1; |
3031 .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { |
3031 } |
3032 margin-right: 80px; |
3032 .color-block-support-panel .block-editor-contrast-checker{ |
3033 } |
3033 grid-column:span 2; |
3034 |
3034 margin-top:16px; |
3035 .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { |
3035 order:9999; |
3036 margin-right: 108px; |
3036 } |
3037 } |
3037 .color-block-support-panel .block-editor-contrast-checker .components-notice__content{ |
3038 |
3038 margin-left:0; |
3039 .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { |
3039 } |
3040 margin-right: 136px; |
3040 .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ |
3041 } |
3041 row-gap:0; |
3042 |
3042 } |
3043 .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { |
3043 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ |
3044 margin-right: 164px; |
3044 margin-top:0; |
3045 } |
3045 } |
3046 |
3046 |
3047 .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { |
3047 .dimensions-block-support-panel .single-column{ |
3048 margin-right: 192px; |
3048 grid-column:span 1; |
3049 } |
3049 } |
3050 |
3050 |
3051 .block-editor-list-view-leaf .block-editor-list-view__expander { |
3051 .block-editor-hooks__layout-controls{ |
3052 visibility: hidden; |
3052 display:flex; |
3053 } |
3053 margin-bottom:8px; |
3054 |
3054 } |
3055 .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { |
3055 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ |
3056 visibility: visible; |
3056 display:flex; |
3057 transition: transform 0.2s ease; |
3057 margin-left:24px; |
3058 transform: rotate(-90deg); |
3058 } |
3059 } |
3059 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ |
3060 @media (prefers-reduced-motion: reduce) { |
3060 margin:auto 8px 4px 0; |
3061 .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { |
3061 } |
3062 transition-duration: 0s; |
3062 |
3063 transition-delay: 0s; |
3063 .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ |
3064 } |
3064 margin-bottom:0; |
3065 } |
3065 } |
3066 |
3066 |
3067 .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { |
3067 .block-editor-hooks__layout-controls-reset{ |
3068 visibility: visible; |
3068 display:flex; |
3069 transform: rotate(0deg); |
3069 justify-content:flex-end; |
3070 transition: transform 0.2s ease; |
3070 margin-bottom:24px; |
3071 } |
3071 } |
3072 @media (prefers-reduced-motion: reduce) { |
3072 |
3073 .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { |
3073 .block-editor-hooks__layout-controls-helptext{ |
3074 transition-duration: 0s; |
3074 color:#757575; |
3075 transition-delay: 0s; |
3075 font-size:12px; |
3076 } |
3076 margin-bottom:16px; |
3077 } |
3077 } |
3078 |
3078 |
3079 .block-editor-list-view-drop-indicator { |
3079 .block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ |
3080 pointer-events: none; |
3080 margin-bottom:12px; |
3081 } |
3081 } |
3082 .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { |
3082 .block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ |
3083 background: var(--wp-admin-theme-color); |
3083 margin-bottom:8px; |
3084 height: 1px; |
3084 } |
3085 } |
3085 |
3086 |
3086 .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ |
3087 .block-editor-list-view-drop-indicator:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { |
3087 margin-bottom:16px; |
3088 margin-right: 0; |
3088 } |
3089 border: none; |
3089 |
3090 box-shadow: none; |
3090 .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ |
3091 } |
3091 display:none; |
3092 |
3092 } |
3093 .block-editor-list-view-placeholder { |
3093 |
3094 padding: 0; |
3094 .block-editor-hooks__position-selection__select-control__option.has-hint{ |
3095 margin: 0; |
3095 grid-template-columns:auto 30px; |
3096 height: 36px; |
3096 line-height:1.4; |
3097 } |
3097 margin-bottom:0; |
3098 |
3098 } |
3099 .modal-open .block-editor-media-replace-flow__options { |
3099 .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ |
3100 display: none; |
3100 grid-row:2; |
3101 } |
3101 text-align:right; |
3102 |
3102 } |
3103 .block-editor-media-replace-flow__indicator { |
3103 |
3104 margin-right: 4px; |
3104 .block-editor__spacing-visualizer{ |
3105 } |
3105 border-color:var(--wp-admin-theme-color); |
3106 |
3106 border-style:solid; |
3107 .block-editor-media-flow__url-input { |
3107 bottom:0; |
3108 border-top: 1px solid #1e1e1e; |
3108 box-sizing:border-box; |
3109 margin-top: 8px; |
3109 left:0; |
3110 margin-left: -8px; |
3110 opacity:.5; |
3111 margin-right: -8px; |
3111 pointer-events:none; |
3112 padding: 16px; |
3112 position:absolute; |
3113 } |
3113 right:0; |
3114 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { |
3114 top:0; |
3115 display: block; |
3115 } |
3116 top: 16px; |
3116 |
3117 margin-bottom: 8px; |
3117 .typography-block-support-panel .single-column{ |
3118 } |
3118 grid-column:span 1; |
3119 .block-editor-media-flow__url-input .block-editor-link-control { |
3119 } |
3120 width: 220px; |
3120 .block-editor-block-toolbar{ |
3121 } |
3121 display:flex; |
3122 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { |
3122 flex-grow:1; |
3123 padding: 0; |
3123 overflow-x:auto; |
3124 } |
3124 overflow-y:hidden; |
3125 .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { |
3125 position:relative; |
3126 margin-bottom: 0; |
3126 transition:border-color .1s linear,box-shadow .1s linear; |
3127 } |
3127 width:100%; |
3128 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { |
3128 } |
3129 max-width: 180px; |
3129 @media (prefers-reduced-motion:reduce){ |
3130 white-space: nowrap; |
3130 .block-editor-block-toolbar{ |
3131 } |
3131 transition-delay:0s; |
3132 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { |
3132 transition-duration:0s; |
3133 white-space: nowrap; |
3133 } |
3134 } |
3134 } |
3135 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { |
3135 @media (min-width:600px){ |
3136 width: auto; |
3136 .block-editor-block-toolbar{ |
3137 padding: 0; |
3137 overflow:inherit; |
3138 } |
3138 } |
3139 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { |
3139 } |
3140 margin: 0; |
3140 .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ |
3141 width: 100%; |
3141 background:none; |
3142 } |
3142 border:0; |
3143 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { |
3143 border-left:1px solid #ddd; |
3144 top: 0; |
3144 line-height:0; |
3145 left: 4px; |
3145 margin-bottom:-1px; |
3146 } |
3146 margin-top:-1px; |
3147 |
3147 } |
3148 .block-editor-media-flow__error { |
3148 .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ |
3149 padding: 0 20px 20px 20px; |
3149 color:var(--wp-block-synced-color); |
3150 max-width: 255px; |
3150 } |
3151 } |
3151 .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ |
3152 .block-editor-media-flow__error .components-with-notices-ui { |
3152 border-left:none; |
3153 max-width: 255px; |
3153 } |
3154 } |
3154 |
3155 .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { |
3155 .block-editor-block-contextual-toolbar{ |
3156 overflow: hidden; |
3156 background-color:#fff; |
3157 word-wrap: break-word; |
3157 display:block; |
3158 } |
3158 flex-shrink:3; |
3159 .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { |
3159 position:sticky; |
3160 position: absolute; |
3160 top:0; |
3161 left: 10px; |
3161 width:100%; |
3162 } |
3162 z-index:31; |
3163 |
3163 } |
3164 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { |
3164 .block-editor-block-contextual-toolbar.components-accessible-toolbar{ |
3165 margin-bottom: 0; |
3165 border:none; |
3166 } |
3166 border-bottom:1px solid #e0e0e0; |
3167 |
3167 border-radius:0; |
3168 .block-editor-media-placeholder__url-input-form { |
3168 } |
3169 display: flex; |
3169 .block-editor-block-contextual-toolbar .block-editor-block-toolbar{ |
3170 } |
3170 overflow:auto; |
3171 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { |
3171 overflow-y:hidden; |
3172 width: 100%; |
3172 scrollbar-color:#e0e0e0 #0000; |
3173 min-width: 200px; |
3173 scrollbar-gutter:stable both-edges; |
3174 flex-grow: 1; |
3174 scrollbar-gutter:auto; |
3175 border: none; |
3175 scrollbar-width:thin; |
3176 border-radius: 0; |
3176 will-change:transform; |
3177 margin: 2px; |
3177 } |
3178 } |
3178 .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar{ |
3179 @media (min-width: 600px) { |
3179 height:12px; |
3180 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { |
3180 width:12px; |
3181 width: 300px; |
3181 } |
3182 } |
3182 .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track{ |
3183 } |
3183 background-color:initial; |
3184 |
3184 } |
3185 .block-editor-media-placeholder__url-input-submit-button { |
3185 .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb{ |
3186 flex-shrink: 1; |
3186 background-clip:padding-box; |
3187 } |
3187 background-color:#e0e0e0; |
3188 |
3188 border:3px solid #0000; |
3189 .block-editor-media-placeholder__button { |
3189 border-radius:8px; |
3190 margin-bottom: 0.5rem; |
3190 } |
3191 } |
3191 .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb{ |
3192 |
3192 background-color:#949494; |
3193 .block-editor-media-placeholder__cancel-button.is-link { |
3193 } |
3194 margin: 1em; |
3194 .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover{ |
3195 display: block; |
3195 scrollbar-color:#949494 #0000; |
3196 } |
3196 } |
3197 |
3197 @media (hover:none){ |
3198 .block-editor-media-placeholder.is-appender { |
3198 .block-editor-block-contextual-toolbar .block-editor-block-toolbar{ |
3199 min-height: 0; |
3199 scrollbar-color:#949494 #0000; |
3200 } |
3200 } |
3201 .block-editor-media-placeholder.is-appender:hover { |
3201 } |
3202 cursor: pointer; |
3202 .block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after{ |
3203 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
3203 display:none; |
3204 } |
3204 } |
3205 |
3205 .block-editor-block-contextual-toolbar>.block-editor-block-toolbar{ |
3206 .block-editor-multi-selection-inspector__card { |
3206 flex-grow:0; |
3207 display: flex; |
3207 width:auto; |
3208 align-items: flex-start; |
3208 } |
3209 padding: 16px; |
3209 .block-editor-block-contextual-toolbar .block-editor-block-parent-selector{ |
3210 } |
3210 margin-bottom:-1px; |
3211 |
3211 margin-top:-1px; |
3212 .block-editor-multi-selection-inspector__card-content { |
3212 position:relative; |
3213 flex-grow: 1; |
3213 } |
3214 } |
3214 .block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after{ |
3215 |
3215 align-items:center; |
3216 .block-editor-multi-selection-inspector__card-title { |
3216 background-color:#1e1e1e; |
3217 font-weight: 500; |
3217 border-radius:100%; |
3218 margin-bottom: 5px; |
3218 content:""; |
3219 } |
3219 display:inline-flex; |
3220 |
3220 height:2px; |
3221 .block-editor-multi-selection-inspector__card-description { |
3221 left:0; |
3222 font-size: 13px; |
3222 position:absolute; |
3223 } |
3223 top:15px; |
3224 |
3224 width:2px; |
3225 .block-editor-multi-selection-inspector__card .block-editor-block-icon { |
3225 } |
3226 margin-right: -2px; |
3226 |
3227 margin-left: 10px; |
3227 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ |
3228 padding: 0 3px; |
3228 margin:0 !important; |
3229 width: 36px; |
3229 width:24px !important; |
3230 height: 24px; |
3230 } |
3231 } |
3231 .block-editor-block-toolbar__block-controls .components-toolbar-group{ |
3232 |
3232 padding:0; |
3233 .block-editor-plain-text { |
3233 } |
3234 box-shadow: none; |
3234 |
3235 font-family: inherit; |
3235 .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{ |
3236 font-size: inherit; |
3236 display:flex; |
3237 color: inherit; |
3237 flex-wrap:nowrap; |
3238 line-height: inherit; |
3238 } |
3239 border: none; |
3239 |
3240 padding: 0; |
3240 .block-editor-block-toolbar__slot{ |
3241 margin: 0; |
3241 display:inline-block; |
3242 width: 100%; |
3242 line-height:0; |
3243 } |
3243 } |
3244 |
3244 @supports (position:sticky){ |
3245 .block-editor-responsive-block-control { |
3245 .block-editor-block-toolbar__slot{ |
3246 margin-bottom: 28px; |
3246 display:inline-flex; |
3247 border-bottom: 1px solid #ccc; |
3247 } |
3248 padding-bottom: 14px; |
3248 } |
3249 } |
3249 |
3250 .block-editor-responsive-block-control:last-child { |
3250 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon{ |
3251 padding-bottom: 0; |
3251 width:auto; |
3252 border-bottom: 0; |
3252 } |
3253 } |
3253 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{ |
3254 |
3254 display:none; |
3255 .block-editor-responsive-block-control__title { |
3255 } |
3256 margin: 0; |
3256 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{ |
3257 margin-bottom: 0.6em; |
3257 content:attr(aria-label); |
3258 margin-right: -3px; |
3258 font-size:12px; |
3259 } |
3259 } |
3260 |
3260 .show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{ |
3261 .block-editor-responsive-block-control__label { |
3261 padding-left:6px; |
3262 font-weight: 600; |
3262 padding-right:6px; |
3263 margin-bottom: 0.6em; |
3263 } |
3264 margin-right: -3px; |
3264 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ |
3265 } |
3265 height:0 !important; |
3266 |
3266 min-width:0 !important; |
3267 .block-editor-responsive-block-control__inner { |
3267 width:0 !important; |
3268 margin-right: -1px; |
3268 } |
3269 } |
3269 .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ |
3270 |
3270 border-bottom-left-radius:0; |
3271 .block-editor-responsive-block-control__toggle { |
3271 border-top-left-radius:0; |
3272 margin-right: 1px; |
3272 padding-left:12px; |
3273 } |
3273 padding-right:12px; |
3274 |
3274 text-wrap:nowrap; |
3275 .block-editor-responsive-block-control .components-base-control__help { |
3275 } |
3276 border: 0; |
3276 .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon{ |
3277 clip: rect(1px, 1px, 1px, 1px); |
3277 width:0; |
3278 -webkit-clip-path: inset(50%); |
3278 } |
3279 clip-path: inset(50%); |
3279 .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{ |
3280 height: 1px; |
3280 position:relative; |
3281 margin: -1px; |
3281 width:auto; |
3282 overflow: hidden; |
3282 } |
3283 padding: 0; |
3283 @media (min-width:600px){ |
3284 position: absolute; |
3284 .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ |
3285 width: 1px; |
3285 background:#e0e0e0; |
3286 word-wrap: normal !important; |
3286 content:""; |
3287 } |
3287 height:1px; |
3288 |
3288 margin-top:-.5px; |
3289 .rich-text [data-rich-text-placeholder] { |
3289 position:absolute; |
3290 pointer-events: none; |
3290 right:50%; |
3291 } |
3291 top:50%; |
3292 .rich-text [data-rich-text-placeholder]::after { |
3292 transform:translate(50%); |
3293 content: attr(data-rich-text-placeholder); |
3293 width:100%; |
3294 opacity: 0.62; |
3294 } |
3295 } |
3295 } |
3296 .rich-text:focus { |
3296 @media (min-width:782px){ |
3297 outline: none; |
3297 .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ |
3298 } |
3298 background:#1e1e1e; |
3299 .rich-text:focus [data-rich-text-format-boundary] { |
3299 } |
3300 border-radius: 2px; |
3300 } |
3301 } |
3301 .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ |
3302 |
3302 padding-left:6px; |
3303 .block-editor-rich-text__editable > p:first-child { |
3303 padding-right:6px; |
3304 margin-top: 0; |
3304 } |
3305 } |
3305 .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{ |
3306 |
3306 padding-left:8px; |
3307 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { |
3307 padding-right:8px; |
3308 opacity: 0.8; |
3308 } |
3309 } |
3309 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ |
3310 |
3310 border-right:1px solid #ddd; |
3311 .components-popover.block-editor-rich-text__inline-format-toolbar { |
3311 margin-left:-6px; |
3312 z-index: 99998; |
3312 margin-right:6px; |
3313 } |
3313 white-space:nowrap; |
3314 .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { |
3314 } |
3315 width: auto; |
3315 .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{ |
3316 min-width: auto; |
3316 padding-left:12px; |
3317 margin-bottom: 8px; |
3317 padding-right:12px; |
3318 box-shadow: none; |
3318 } |
3319 border: 1px solid #1e1e1e; |
3319 .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ |
3320 border-radius: 2px; |
3320 width:auto; |
3321 background-color: #fff; |
3321 } |
3322 } |
3322 .show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{ |
3323 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, |
3323 flex-shrink:1; |
3324 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { |
3324 } |
3325 border: none; |
3325 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{ |
3326 } |
3326 margin-right:6px; |
3327 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, |
3327 } |
3328 .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { |
3328 |
3329 min-width: 48px; |
3329 .block-editor-inserter{ |
3330 min-height: 48px; |
3330 background:none; |
3331 padding-right: 12px; |
3331 border:none; |
3332 padding-left: 12px; |
3332 display:inline-block; |
3333 } |
3333 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
3334 |
3334 font-size:13px; |
3335 .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { |
3335 line-height:0; |
3336 justify-content: center; |
3336 padding:0; |
3337 } |
3337 } |
3338 |
3338 @media (min-width:782px){ |
3339 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { |
3339 .block-editor-inserter{ |
3340 width: auto; |
3340 position:relative; |
3341 } |
3341 } |
3342 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { |
3342 } |
3343 display: none; |
3343 |
3344 } |
3344 .block-editor-inserter__main-area{ |
3345 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { |
3345 display:flex; |
3346 content: attr(aria-label); |
3346 flex-direction:column; |
3347 } |
3347 gap:16px; |
3348 |
3348 height:100%; |
3349 [data-rich-text-script] { |
3349 position:relative; |
3350 display: inline; |
3350 } |
3351 } |
3351 .block-editor-inserter__main-area.show-as-tabs{ |
3352 [data-rich-text-script]::before { |
3352 gap:0; |
3353 content: "</>"; |
3353 } |
3354 background: yellow; |
3354 @media (min-width:782px){ |
3355 } |
3355 .block-editor-inserter__main-area{ |
3356 |
3356 width:350px; |
3357 .block-editor-skip-to-selected-block { |
3357 } |
3358 position: absolute; |
3358 } |
3359 top: -9999em; |
3359 |
3360 } |
3360 .block-editor-inserter__popover.is-quick .components-popover__content{ |
3361 .block-editor-skip-to-selected-block:focus { |
3361 border:none; |
3362 height: auto; |
3362 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
3363 width: auto; |
3363 outline:none; |
3364 display: block; |
3364 } |
3365 font-size: 14px; |
3365 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ |
3366 font-weight: 600; |
3366 border-left:1px solid #ccc; |
3367 padding: 15px 23px 14px; |
3367 border-right:1px solid #ccc; |
3368 background: #f1f1f1; |
3368 } |
3369 color: var(--wp-admin-theme-color); |
3369 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ |
3370 line-height: normal; |
3370 border-radius:2px 2px 0 0; |
3371 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
3371 border-top:1px solid #ccc; |
3372 text-decoration: none; |
3372 } |
3373 outline: none; |
3373 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ |
3374 z-index: 100000; |
3374 border-bottom:1px solid #ccc; |
3375 } |
3375 border-radius:0 0 2px 2px; |
3376 |
3376 } |
3377 .block-editor-text-transform-control { |
3377 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ |
3378 flex: 0 0 50%; |
3378 border:1px solid #1e1e1e; |
3379 } |
3379 } |
3380 .block-editor-text-transform-control legend { |
3380 |
3381 margin-bottom: 8px; |
3381 .block-editor-inserter__popover .block-editor-inserter__menu{ |
3382 } |
3382 margin:-12px; |
3383 .block-editor-text-transform-control .block-editor-text-transform-control__buttons { |
3383 } |
3384 display: inline-flex; |
3384 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist{ |
3385 margin-bottom: 24px; |
3385 top:60px; |
3386 } |
3386 } |
3387 .block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon { |
3387 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{ |
3388 min-width: 24px; |
3388 height:auto; |
3389 padding: 0; |
3389 overflow:visible; |
3390 margin-left: 4px; |
3390 } |
3391 } |
3391 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{ |
3392 |
3392 display:none; |
3393 .block-editor-text-decoration-control { |
3393 } |
3394 flex: 0 0 50%; |
3394 |
3395 } |
3395 .block-editor-inserter__toggle.components-button{ |
3396 .block-editor-text-decoration-control legend { |
3396 align-items:center; |
3397 margin-bottom: 8px; |
3397 border:none; |
3398 } |
3398 cursor:pointer; |
3399 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { |
3399 display:inline-flex; |
3400 display: inline-flex; |
3400 outline:none; |
3401 margin-bottom: 24px; |
3401 padding:0; |
3402 } |
3402 transition:color .2s ease; |
3403 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon { |
3403 } |
3404 min-width: 24px; |
3404 @media (prefers-reduced-motion:reduce){ |
3405 padding: 0; |
3405 .block-editor-inserter__toggle.components-button{ |
3406 margin-left: 4px; |
3406 transition-delay:0s; |
3407 } |
3407 transition-duration:0s; |
3408 |
3408 } |
3409 .block-editor-tool-selector__help { |
3409 } |
3410 margin-top: 8px; |
3410 |
3411 margin-right: -8px; |
3411 .block-editor-inserter__menu{ |
3412 margin-left: -8px; |
3412 height:100%; |
3413 margin-bottom: -8px; |
3413 overflow:visible; |
3414 padding: 16px; |
3414 position:relative; |
3415 border-top: 1px solid #ddd; |
3415 } |
3416 color: #757575; |
3416 |
3417 min-width: 280px; |
3417 .block-editor-inserter__inline-elements{ |
3418 } |
3418 margin-top:-1px; |
3419 |
3419 } |
3420 .block-editor-block-list__block .block-editor-url-input, |
3420 |
3421 .components-popover .block-editor-url-input, |
3421 .block-editor-inserter__menu.is-bottom:after{ |
3422 .block-editor-url-input { |
3422 border-bottom-color:#fff; |
3423 flex-grow: 1; |
3423 } |
3424 position: relative; |
3424 |
3425 padding: 1px; |
3425 .components-popover.block-editor-inserter__popover{ |
3426 } |
3426 z-index:99999; |
3427 .block-editor-block-list__block .block-editor-url-input input[type=text], |
3427 } |
3428 .components-popover .block-editor-url-input input[type=text], |
3428 |
3429 .block-editor-url-input input[type=text] { |
3429 .block-editor-inserter__search{ |
3430 width: 100%; |
3430 padding:16px 16px 0; |
3431 padding: 8px 12px 8px 8px; |
3431 } |
3432 border: none; |
3432 |
3433 border-radius: 0; |
3433 .block-editor-inserter__tabs{ |
3434 margin-right: 0; |
3434 display:flex; |
3435 margin-left: 0; |
3435 flex-direction:column; |
3436 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
3436 flex-grow:1; |
3437 font-size: 16px; |
3437 overflow:hidden; |
3438 } |
3438 } |
3439 @media (min-width: 600px) { |
3439 .block-editor-inserter__tabs .block-editor-inserter__tablist-and-close-button{ |
3440 .block-editor-block-list__block .block-editor-url-input input[type=text], |
3440 border-bottom:1px solid #ddd; |
3441 .components-popover .block-editor-url-input input[type=text], |
3441 display:flex; |
3442 .block-editor-url-input input[type=text] { |
3442 justify-content:space-between; |
3443 width: 300px; |
3443 padding-left:12px; |
3444 } |
3444 } |
3445 } |
3445 .block-editor-inserter__tabs .block-editor-inserter__close-button{ |
3446 @media (min-width: 600px) { |
3446 align-self:center; |
3447 .block-editor-block-list__block .block-editor-url-input input[type=text], |
3447 order:1; |
3448 .components-popover .block-editor-url-input input[type=text], |
3448 } |
3449 .block-editor-url-input input[type=text] { |
3449 .block-editor-inserter__tabs .block-editor-inserter__tablist{ |
3450 font-size: 13px; |
3450 margin-bottom:-1px; |
3451 } |
3451 width:100%; |
3452 } |
3452 } |
3453 .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, |
3453 .block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab]{ |
3454 .components-popover .block-editor-url-input input[type=text]::-ms-clear, |
3454 flex-grow:1; |
3455 .block-editor-url-input input[type=text]::-ms-clear { |
3455 } |
3456 display: none; |
3456 .block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab][id$=reusable]{ |
3457 } |
3457 flex-grow:inherit; |
3458 .block-editor-block-list__block .block-editor-url-input.is-full-width, |
3458 padding-left:16px; |
3459 .components-popover .block-editor-url-input.is-full-width, |
3459 padding-right:16px; |
3460 .block-editor-url-input.is-full-width { |
3460 } |
3461 width: 100%; |
3461 .block-editor-inserter__tabs .block-editor-inserter__tabpanel{ |
3462 } |
3462 display:flex; |
3463 .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], |
3463 flex-direction:column; |
3464 .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], |
3464 flex-grow:1; |
3465 .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { |
3465 overflow-y:auto; |
3466 width: 100%; |
3466 } |
3467 } |
3467 |
3468 .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, |
3468 .block-editor-inserter__no-tab-container{ |
3469 .components-popover .block-editor-url-input.is-full-width__suggestions, |
3469 flex-grow:1; |
3470 .block-editor-url-input.is-full-width__suggestions { |
3470 overflow-y:auto; |
3471 width: 100%; |
3471 position:relative; |
3472 } |
3472 } |
3473 .block-editor-block-list__block .block-editor-url-input .components-spinner, |
3473 |
3474 .components-popover .block-editor-url-input .components-spinner, |
3474 .block-editor-inserter__panel-header{ |
3475 .block-editor-url-input .components-spinner { |
3475 align-items:center; |
3476 position: absolute; |
3476 display:inline-flex; |
3477 left: 8px 8px 8px 12px; |
3477 padding:16px 16px 0; |
3478 bottom: 8px 8px 8px 12px8px1; |
3478 } |
3479 margin: 0; |
3479 |
3480 } |
3480 .block-editor-inserter__panel-content{ |
3481 |
3481 padding:16px; |
3482 .block-editor-url-input__input[type=text] { |
3482 } |
3483 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3483 |
3484 padding: 6px 8px; |
3484 .block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{ |
3485 box-shadow: 0 0 0 transparent; |
3485 color:#757575; |
3486 transition: box-shadow 0.1s linear; |
3486 font-size:11px; |
3487 border-radius: 2px; |
3487 font-weight:500; |
3488 border: 1px solid #757575; |
3488 margin:0 0 0 12px; |
3489 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
3489 text-transform:uppercase; |
3490 font-size: 16px; |
3490 } |
3491 /* Override core line-height. To be reviewed. */ |
3491 |
3492 line-height: normal; |
3492 .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{ |
3493 } |
3493 height:36px; |
3494 @media (prefers-reduced-motion: reduce) { |
3494 line-height:36px; |
3495 .block-editor-url-input__input[type=text] { |
3495 } |
3496 transition-duration: 0s; |
3496 |
3497 transition-delay: 0s; |
3497 .block-editor-inserter__panel-dropdown select{ |
3498 } |
3498 border:none; |
3499 } |
3499 } |
3500 @media (min-width: 600px) { |
3500 |
3501 .block-editor-url-input__input[type=text] { |
3501 .block-editor-inserter__reusable-blocks-panel{ |
3502 font-size: 13px; |
3502 position:relative; |
3503 /* Override core line-height. To be reviewed. */ |
3503 text-align:left; |
3504 line-height: normal; |
3504 } |
3505 } |
3505 |
3506 } |
3506 .block-editor-inserter__manage-reusable-blocks-container{ |
3507 .block-editor-url-input__input[type=text]:focus { |
3507 margin:auto 16px 16px; |
3508 border-color: var(--wp-admin-theme-color); |
3508 } |
3509 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
3509 |
3510 outline: 2px solid transparent; |
3510 .block-editor-inserter__manage-reusable-blocks{ |
3511 } |
3511 justify-content:center; |
3512 .block-editor-url-input__input[type=text]::-webkit-input-placeholder { |
3512 width:100%; |
3513 color: rgba(30, 30, 30, 0.62); |
3513 } |
3514 } |
3514 |
3515 .block-editor-url-input__input[type=text]::-moz-placeholder { |
3515 .block-editor-inserter__no-results,.block-editor-inserter__patterns-loading{ |
3516 opacity: 1; |
3516 padding:32px; |
3517 color: rgba(30, 30, 30, 0.62); |
3517 text-align:center; |
3518 } |
3518 } |
3519 .block-editor-url-input__input[type=text]:-ms-input-placeholder { |
3519 |
3520 color: rgba(30, 30, 30, 0.62); |
3520 .block-editor-inserter__no-results-icon{ |
3521 } |
3521 fill:#949494; |
3522 |
3522 } |
3523 .block-editor-url-input__suggestions { |
3523 |
3524 max-height: 200px; |
3524 .block-editor-inserter__child-blocks{ |
3525 transition: all 0.15s ease-in-out; |
3525 padding:0 16px; |
3526 padding: 4px 0; |
3526 } |
3527 width: 302px; |
3527 |
3528 overflow-y: auto; |
3528 .block-editor-inserter__parent-block-header{ |
3529 } |
3529 align-items:center; |
3530 @media (prefers-reduced-motion: reduce) { |
3530 display:flex; |
3531 .block-editor-url-input__suggestions { |
3531 } |
3532 transition-duration: 0s; |
3532 .block-editor-inserter__parent-block-header h2{ |
3533 transition-delay: 0s; |
3533 font-size:13px; |
3534 } |
3534 } |
3535 } |
3535 .block-editor-inserter__parent-block-header .block-editor-block-icon{ |
3536 |
3536 margin-left:8px; |
3537 .block-editor-url-input__suggestions, |
3537 } |
3538 .block-editor-url-input .components-spinner { |
3538 |
3539 display: none; |
3539 .block-editor-inserter__preview-container__popover{ |
3540 } |
3540 top:16px !important; |
3541 @media (min-width: 600px) { |
3541 } |
3542 .block-editor-url-input__suggestions, |
3542 |
3543 .block-editor-url-input .components-spinner { |
3543 .block-editor-inserter__preview-container{ |
3544 display: grid; |
3544 display:none; |
3545 } |
3545 max-height:calc(100% - 32px); |
3546 } |
3546 overflow-y:hidden; |
3547 |
3547 padding:16px; |
3548 .block-editor-url-input__suggestion { |
3548 width:280px; |
3549 min-height: 36px; |
3549 } |
3550 height: auto; |
3550 @media (min-width:782px){ |
3551 color: #757575; |
3551 .block-editor-inserter__preview-container{ |
3552 display: block; |
3552 display:block; |
3553 font-size: 13px; |
3553 } |
3554 cursor: pointer; |
3554 } |
3555 background: #fff; |
3555 .block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item{ |
3556 width: 100%; |
3556 height:100%; |
3557 border: none; |
3557 } |
3558 text-align: right; |
3558 .block-editor-inserter__preview-container .block-editor-block-card{ |
3559 box-shadow: none; |
3559 padding-bottom:4px; |
3560 } |
3560 padding-left:0; |
3561 .block-editor-url-input__suggestion:hover { |
3561 padding-right:0; |
3562 background: #ddd; |
3562 } |
3563 } |
3563 |
3564 .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { |
3564 .block-editor-inserter__insertable-blocks-at-selection{ |
3565 background: var(--wp-admin-theme-color-darker-20); |
3565 border-bottom:1px solid #e0e0e0; |
3566 color: #fff; |
3566 } |
3567 outline: none; |
3567 |
3568 } |
3568 .block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{ |
3569 |
3569 display:flex; |
3570 .components-toolbar-group > .block-editor-url-input__button, |
3570 flex-direction:column; |
3571 .components-toolbar > .block-editor-url-input__button { |
3571 height:100%; |
3572 position: inherit; |
3572 justify-content:space-between; |
3573 } |
3573 padding:16px; |
3574 |
3574 } |
3575 .block-editor-url-input__button .block-editor-url-input__back { |
3575 |
3576 margin-left: 4px; |
3576 .block-editor-inserter__category-tablist{ |
3577 overflow: visible; |
3577 border:none; |
3578 } |
3578 display:flex; |
3579 .block-editor-url-input__button .block-editor-url-input__back::after { |
3579 flex-direction:column; |
3580 content: ""; |
3580 margin-bottom:8px; |
3581 position: absolute; |
3581 } |
3582 display: block; |
3582 .block-editor-inserter__category-tablist div[role=listitem]:last-child{ |
3583 width: 1px; |
3583 margin-top:auto; |
3584 height: 24px; |
3584 } |
3585 left: -1px; |
3585 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab{ |
3586 background: #ddd; |
3586 display:block; |
3587 } |
3587 font-weight:inherit; |
3588 |
3588 height:auto; |
3589 .block-editor-url-input__button-modal { |
3589 padding:8px 12px 8px 4px; |
3590 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); |
3590 position:relative; |
3591 border: 1px solid #ddd; |
3591 text-align:right; |
3592 background: #fff; |
3592 } |
3593 } |
3593 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]{ |
3594 |
3594 color:var(--wp-admin-theme-color); |
3595 .block-editor-url-input__button-modal-line { |
3595 } |
3596 display: flex; |
3596 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] .components-flex-item{ |
3597 flex-direction: row; |
3597 filter:brightness(.95); |
3598 flex-grow: 1; |
3598 } |
3599 flex-shrink: 1; |
3599 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg{ |
3600 min-width: 0; |
3600 fill:var(--wp-admin-theme-color); |
3601 align-items: flex-start; |
3601 } |
3602 } |
3602 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]:after{ |
3603 .block-editor-url-input__button-modal-line .components-button { |
3603 background:var(--wp-admin-theme-color); |
3604 flex-shrink: 0; |
3604 border-radius:2px; |
3605 width: 36px; |
3605 bottom:0; |
3606 height: 36px; |
3606 content:""; |
3607 } |
3607 display:block; |
3608 |
3608 height:100%; |
3609 .block-editor-url-popover__additional-controls { |
3609 left:0; |
3610 border-top: 1px solid #ddd; |
3610 opacity:.04; |
3611 } |
3611 outline:none; |
3612 |
3612 position:absolute; |
3613 .block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { |
3613 right:0; |
3614 box-shadow: none; |
3614 top:0; |
3615 } |
3615 } |
3616 |
3616 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled){ |
3617 .block-editor-url-popover__additional-controls div[role=menu] > .components-button { |
3617 border-radius:2px; |
3618 padding-right: 12px; |
3618 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
3619 } |
3619 outline:2px solid #0000; |
3620 |
3620 outline-offset:0; |
3621 .block-editor-url-popover__row { |
3621 } |
3622 display: flex; |
3622 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:after,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:before{ |
3623 } |
3623 display:none; |
3624 |
3624 } |
3625 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
3625 |
3626 flex-grow: 1; |
3626 .block-editor-inserter__category-panel{ |
3627 } |
3627 background:#f0f0f0; |
3628 |
3628 border-top:1px solid #e0e0e0; |
3629 .block-editor-url-popover .components-button.has-icon { |
3629 box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); |
3630 padding: 3px; |
3630 display:flex; |
3631 } |
3631 flex-direction:column; |
3632 .block-editor-url-popover .components-button.has-icon > svg { |
3632 height:calc(100% + 1px); |
3633 padding: 5px; |
3633 outline:1px solid #0000; |
3634 border-radius: 2px; |
3634 padding:0 16px; |
3635 height: 30px; |
3635 position:absolute; |
3636 width: 30px; |
3636 right:0; |
3637 } |
3637 top:-1px; |
3638 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { |
3638 width:100%; |
3639 box-shadow: none; |
3639 } |
3640 } |
3640 @media (min-width:782px){ |
3641 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { |
3641 .block-editor-inserter__category-panel{ |
3642 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
3642 border-right:1px solid #e0e0e0; |
3643 outline: 2px solid transparent; |
3643 padding:0; |
3644 } |
3644 right:100%; |
3645 |
3645 width:300px; |
3646 .block-editor-url-popover__settings-toggle { |
3646 } |
3647 flex-shrink: 0; |
3647 } |
3648 border-radius: 0; |
3648 .block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{ |
3649 border-right: 1px solid #ddd; |
3649 padding:0 24px 16px; |
3650 margin-right: 1px; |
3650 } |
3651 } |
3651 |
3652 .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { |
3652 .block-editor-inserter__patterns-category-panel-header{ |
3653 transform: rotate(-180deg); |
3653 padding:8px 24px; |
3654 } |
3654 } |
3655 |
3655 |
3656 .block-editor-url-popover__input-container .components-base-control:last-child, |
3656 .block-editor-inserter__patterns-category-no-results{ |
3657 .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { |
3657 margin-top:24px; |
3658 margin-bottom: 0; |
3658 } |
3659 } |
3659 |
3660 |
3660 .block-editor-block-patterns-list,.block-editor-inserter__media-list{ |
3661 .block-editor-url-popover__settings { |
3661 flex-grow:1; |
3662 display: block; |
3662 height:100%; |
3663 padding: 16px; |
3663 overflow-y:auto; |
3664 border-top: 1px solid #ddd; |
3664 } |
3665 } |
3665 |
3666 |
3666 .block-editor-inserter__preview-content{ |
3667 .block-editor-url-popover__link-editor, |
3667 align-items:center; |
3668 .block-editor-url-popover__link-viewer { |
3668 background:#f0f0f0; |
3669 display: flex; |
3669 display:grid; |
3670 } |
3670 flex-grow:1; |
3671 .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, |
3671 min-height:144px; |
3672 .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { |
3672 } |
3673 margin-bottom: 0; |
3673 |
3674 } |
3674 .block-editor-inserter__preview-content-missing{ |
3675 .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, |
3675 align-items:center; |
3676 .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { |
3676 background:#f0f0f0; |
3677 bottom: 8px 8px 8px 12px1; |
3677 border-radius:2px; |
3678 } |
3678 color:#757575; |
3679 |
3679 display:flex; |
3680 .block-editor-url-popover__link-viewer-url { |
3680 flex:1; |
3681 margin: 7px; |
3681 justify-content:center; |
3682 flex-grow: 1; |
3682 min-height:144px; |
3683 flex-shrink: 1; |
3683 } |
3684 overflow: hidden; |
3684 |
3685 text-overflow: ellipsis; |
3685 .block-editor-inserter__tips{ |
3686 white-space: nowrap; |
3686 border-top:1px solid #ddd; |
3687 min-width: 150px; |
3687 flex-shrink:0; |
3688 max-width: 500px; |
3688 padding:16px; |
3689 } |
3689 position:relative; |
3690 .block-editor-url-popover__link-viewer-url.has-invalid-link { |
3690 } |
3691 color: #cc1818; |
3691 |
3692 } |
3692 .block-editor-inserter__quick-inserter{ |
3693 |
3693 max-width:100%; |
3694 .block-editor-warning { |
3694 width:100%; |
3695 align-items: center; |
3695 } |
3696 display: flex; |
3696 @media (min-width:782px){ |
3697 flex-wrap: wrap; |
3697 .block-editor-inserter__quick-inserter{ |
3698 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3698 width:350px; |
3699 padding: 1em; |
3699 } |
3700 border: 1px solid #1e1e1e; |
3700 } |
3701 border-radius: 2px; |
3701 |
3702 background-color: #fff; |
3702 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{ |
3703 } |
3703 float:right; |
3704 .block-editor-warning .block-editor-warning__message { |
3704 height:0; |
3705 line-height: 1.4; |
3705 padding:0; |
3706 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3706 } |
3707 font-size: 13px; |
3707 |
3708 color: #1e1e1e; |
3708 .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{ |
3709 margin: 0; |
3709 padding:16px; |
3710 } |
3710 } |
3711 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { |
3711 |
3712 min-height: auto; |
3712 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{ |
3713 } |
3713 display:grid; |
3714 .block-editor-warning .block-editor-warning__contents { |
3714 grid-template-columns:1fr 1fr; |
3715 display: flex; |
3715 grid-gap:8px; |
3716 flex-direction: row; |
3716 } |
3717 justify-content: space-between; |
3717 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
3718 flex-wrap: wrap; |
3718 margin-bottom:0; |
3719 align-items: baseline; |
3719 } |
3720 width: 100%; |
3720 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ |
3721 } |
3721 min-height:100px; |
3722 .block-editor-warning .block-editor-warning__actions { |
3722 } |
3723 display: flex; |
3723 |
3724 margin-top: 1em; |
3724 .block-editor-inserter__quick-inserter-separator{ |
3725 } |
3725 border-top:1px solid #ddd; |
3726 .block-editor-warning .block-editor-warning__action { |
3726 } |
3727 margin: 0 0 0 8px; |
3727 |
3728 } |
3728 .block-editor-inserter__popover.is-quick>.components-popover__content{ |
3729 |
3729 padding:0; |
3730 .block-editor-warning__secondary { |
3730 } |
3731 margin: auto 8px auto 0; |
3731 |
3732 } |
3732 .block-editor-inserter__quick-inserter-expand.components-button{ |
3733 |
3733 background:#1e1e1e; |
3734 .components-popover.block-editor-warning__dropdown { |
3734 border-radius:0; |
3735 z-index: 99998; |
3735 color:#fff; |
3736 } |
3736 display:block; |
3737 |
3737 height:44px; |
3738 .html-anchor-control .components-external-link { |
3738 width:100%; |
3739 display: block; |
3739 } |
3740 margin-top: 8px; |
3740 .block-editor-inserter__quick-inserter-expand.components-button:hover{ |
3741 } |
3741 color:#fff; |
3742 |
3742 } |
3743 .block-editor-hooks__layout-controls { |
3743 .block-editor-inserter__quick-inserter-expand.components-button:active{ |
3744 display: flex; |
3744 color:#ccc; |
3745 margin-bottom: 16px; |
3745 } |
3746 } |
3746 .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){ |
3747 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { |
3747 background:var(--wp-admin-theme-color); |
3748 display: flex; |
3748 border-color:var(--wp-admin-theme-color); |
3749 margin-left: 24px; |
3749 box-shadow:none; |
3750 } |
3750 } |
3751 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { |
3751 |
3752 margin: auto 8px 4px 0; |
3752 .block-editor-block-patterns-explorer__sidebar{ |
3753 } |
3753 bottom:0; |
3754 |
3754 overflow-x:visible; |
3755 .block-editor-hooks__layout-controls-reset { |
3755 overflow-y:scroll; |
3756 display: flex; |
3756 padding:24px 32px 32px; |
3757 justify-content: flex-end; |
3757 position:absolute; |
3758 margin-bottom: 24px; |
3758 right:0; |
3759 } |
3759 top:72px; |
3760 |
3760 width:280px; |
3761 .block-editor-hooks__layout-controls-helptext { |
3761 } |
3762 font-size: 12px; |
3762 .block-editor-block-patterns-explorer__sidebar__categories-list__item{ |
3763 } |
3763 display:block; |
3764 |
3764 height:48px; |
3765 .block-editor-hooks__flex-layout-justification-controls, |
3765 text-align:right; |
3766 .block-editor-hooks__flex-layout-orientation-controls { |
3766 width:100%; |
3767 margin-bottom: 12px; |
3767 } |
3768 } |
3768 .block-editor-block-patterns-explorer__search{ |
3769 .block-editor-hooks__flex-layout-justification-controls legend, |
3769 margin-bottom:32px; |
3770 .block-editor-hooks__flex-layout-orientation-controls legend { |
3770 } |
3771 margin-bottom: 8px; |
3771 .block-editor-block-patterns-explorer__search-results-count{ |
3772 } |
3772 padding-bottom:32px; |
3773 |
3773 } |
3774 .border-block-support-panel .single-column { |
3774 .block-editor-block-patterns-explorer__list{ |
3775 grid-column: span 1; |
3775 margin-right:280px; |
3776 } |
3776 padding:24px 0 32px; |
3777 |
3777 } |
3778 .dimensions-block-support-panel .single-column { |
3778 .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{ |
3779 grid-column: span 1; |
3779 width:380px; |
3780 } |
3780 } |
3781 |
3781 .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ |
3782 .typography-block-support-panel .components-font-appearance-control, |
3782 display:grid; |
3783 .typography-block-support-panel .components-font-size-picker__controls, |
3783 grid-gap:32px; |
3784 .typography-block-support-panel .block-editor-text-decoration-control__buttons, |
3784 grid-template-columns:repeat(1, 1fr); |
3785 .typography-block-support-panel .block-editor-text-transform-control__buttons { |
3785 margin-bottom:16px; |
3786 margin-bottom: 0; |
3786 } |
3787 } |
3787 @media (min-width:1080px){ |
3788 .typography-block-support-panel .single-column { |
3788 .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ |
3789 grid-column: span 1; |
3789 grid-template-columns:repeat(2, 1fr); |
3790 } |
3790 } |
3791 |
3791 } |
3792 .color-block-support-panel { |
3792 @media (min-width:1440px){ |
3793 /* Increased specificity required to remove the slot wrapper's row gap */ |
3793 .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ |
3794 /** |
3794 grid-template-columns:repeat(3, 1fr); |
3795 * The following styles replicate the separated border of the |
3795 } |
3796 * `ItemGroup` component but allows for hidden items. This is because |
3796 } |
3797 * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` |
3797 .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
3798 * must at least render a placeholder which would otherwise interfere |
3798 min-height:240px; |
3799 * with the `:last-child` styles. |
3799 } |
3800 */ |
3800 .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ |
3801 /** |
3801 height:inherit; |
3802 * The following few styles fix the layout and spacing for the due to the |
3802 max-height:800px; |
3803 * introduced wrapper element by the `Item` component. |
3803 min-height:100px; |
3804 */ |
3804 } |
3805 } |
3805 |
3806 .color-block-support-panel .block-editor-contrast-checker { |
3806 .components-heading.block-editor-inserter__patterns-category-panel-title{ |
3807 /** |
3807 font-weight:500; |
3808 * Contrast checkers are forced to the bottom of the panel so all |
3808 } |
3809 * injected color controls can appear as a single item group without |
3809 |
3810 * the contrast checkers suddenly appearing between items. |
3810 .block-editor-inserter__media-library-button.components-button,.block-editor-inserter__patterns-explore-button.components-button{ |
3811 */ |
3811 justify-content:center; |
3812 order: 9999; |
3812 margin-top:16px; |
3813 grid-column: span 2; |
3813 padding:16px; |
3814 margin-top: 16px; |
3814 width:100%; |
3815 } |
3815 } |
3816 .color-block-support-panel .block-editor-contrast-checker .components-notice__content { |
3816 |
3817 margin-left: 0; |
3817 .block-editor-inserter__media-panel{ |
3818 } |
3818 display:flex; |
3819 .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { |
3819 flex-direction:column; |
3820 row-gap: 0; |
3820 min-height:100%; |
3821 } |
3821 padding:0 16px; |
3822 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item { |
3822 } |
3823 padding: 0; |
3823 @media (min-width:782px){ |
3824 border-right: 1px solid rgba(0, 0, 0, 0.1); |
3824 .block-editor-inserter__media-panel{ |
3825 border-left: 1px solid rgba(0, 0, 0, 0.1); |
3825 padding:0; |
3826 border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
3826 } |
3827 } |
3827 } |
3828 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { |
3828 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{ |
3829 border-top-right-radius: 2px; |
3829 align-items:center; |
3830 border-top-left-radius: 2px; |
3830 display:flex; |
3831 border-top: 1px solid rgba(0, 0, 0, 0.1); |
3831 flex:1; |
3832 } |
3832 height:100%; |
3833 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.last { |
3833 justify-content:center; |
3834 border-bottom-right-radius: 2px; |
3834 } |
3835 border-bottom-left-radius: 2px; |
3835 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{ |
3836 } |
3836 padding:16px 24px 8px; |
3837 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item > div, |
3837 } |
3838 .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item > div > button { |
3838 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within){ |
3839 border-radius: inherit; |
3839 --wp-components-color-background:#fff; |
3840 } |
3840 } |
3841 .color-block-support-panel .block-editor-panel-color-gradient-settings__color-indicator { |
3841 |
3842 background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); |
3842 .block-editor-inserter__media-list__list-item{ |
3843 } |
3843 cursor:pointer; |
3844 .color-block-support-panel .block-editor-tools-panel-color-dropdown { |
3844 margin-bottom:24px; |
3845 display: block; |
3845 position:relative; |
3846 padding: 0; |
3846 } |
3847 } |
3847 .block-editor-inserter__media-list__list-item.is-placeholder{ |
3848 .color-block-support-panel .block-editor-tools-panel-color-dropdown > button { |
3848 min-height:100px; |
3849 height: 46px; |
3849 } |
3850 } |
3850 .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item{ |
3851 .color-block-support-panel .block-editor-tools-panel-color-dropdown > button.is-open { |
3851 cursor:grab; |
3852 background: #f0f0f0; |
3852 } |
3853 color: var(--wp-admin-theme-color); |
3853 .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>*{ |
3854 } |
3854 outline-color:#0000004d; |
3855 .color-block-support-panel .color-block-support-panel__item-group > div { |
3855 } |
3856 grid-column: span 2; |
3856 .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{ |
3857 border-radius: inherit; |
3857 display:block; |
3858 } |
3858 } |
3859 |
3859 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{ |
3860 /** |
3860 left:8px; |
3861 * Block Toolbar |
3861 position:absolute; |
3862 */ |
3862 top:8px; |
3863 .block-editor-block-toolbar { |
3863 } |
3864 display: flex; |
3864 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{ |
3865 flex-grow: 1; |
3865 background:#fff; |
3866 width: 100%; |
3866 border-radius:2px; |
3867 position: relative; |
3867 display:none; |
3868 overflow-y: hidden; |
3868 } |
3869 overflow-x: auto; |
3869 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{ |
3870 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
3870 display:block; |
3871 } |
3871 } |
3872 @media (prefers-reduced-motion: reduce) { |
3872 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{ |
3873 .block-editor-block-toolbar { |
3873 box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
3874 transition-duration: 0s; |
3874 outline:2px solid #0000; |
3875 transition-delay: 0s; |
3875 } |
3876 } |
3876 |
3877 } |
3877 .block-editor-inserter__media-list__item{ |
3878 @media (min-width: 600px) { |
3878 height:100%; |
3879 .block-editor-block-toolbar { |
3879 } |
3880 overflow: inherit; |
3880 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{ |
3881 } |
3881 align-items:center; |
3882 } |
3882 border-radius:2px; |
3883 .block-editor-block-toolbar .components-toolbar-group, |
3883 display:flex; |
3884 .block-editor-block-toolbar .components-toolbar { |
3884 overflow:hidden; |
3885 background: none; |
3885 } |
3886 line-height: 0; |
3886 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{ |
3887 margin-top: -1px; |
3887 border-radius:2px; |
3888 margin-bottom: -1px; |
3888 margin:0 auto; |
3889 border: 0; |
3889 max-width:100%; |
3890 border-left: 1px solid #ddd; |
3890 outline:1px solid #0000001a; |
3891 } |
3891 outline-offset:-1px; |
3892 .block-editor-block-toolbar > :last-child, |
3892 } |
3893 .block-editor-block-toolbar > :last-child .components-toolbar-group, |
3893 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{ |
3894 .block-editor-block-toolbar > :last-child .components-toolbar { |
3894 align-items:center; |
3895 border-left: none; |
3895 background:#ffffffb3; |
3896 } |
3896 display:flex; |
3897 |
3897 height:100%; |
3898 .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { |
3898 justify-content:center; |
3899 margin-right: calc(48px + 8px); |
3899 pointer-events:none; |
3900 } |
3900 position:absolute; |
3901 .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { |
3901 width:100%; |
3902 margin-right: 0; |
3902 } |
3903 } |
3903 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ |
3904 |
3904 outline-color:var(--wp-admin-theme-color); |
3905 .block-editor-block-parent-selector { |
3905 outline-offset:calc(-1*var(--wp-admin-border-width-focus)); |
3906 position: absolute; |
3906 outline-width:var(--wp-admin-border-width-focus); |
3907 top: -1px; |
3907 transition:outline .1s linear; |
3908 right: calc(-48px - 8px - 1px); |
3908 } |
3909 } |
3909 @media (prefers-reduced-motion:reduce){ |
3910 .show-icon-labels .block-editor-block-parent-selector { |
3910 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ |
3911 position: relative; |
3911 transition-delay:0s; |
3912 right: auto; |
3912 transition-duration:0s; |
3913 top: auto; |
3913 } |
3914 margin-top: -1px; |
3914 } |
3915 margin-right: -1px; |
3915 |
3916 margin-bottom: -1px; |
3916 .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{ |
3917 } |
3917 min-width:auto; |
3918 |
3918 } |
3919 .block-editor-block-toolbar__block-controls { |
3919 |
3920 height: auto !important; |
3920 .block-editor-inserter__mobile-tab-navigation{ |
3921 padding: 0 !important; |
3921 height:100%; |
3922 margin-right: -1px; |
3922 padding:16px; |
3923 } |
3923 } |
3924 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, |
3924 .block-editor-inserter__mobile-tab-navigation>*{ |
3925 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
3925 height:100%; |
3926 width: 24px !important; |
3926 } |
3927 margin: 0 !important; |
3927 |
3928 } |
3928 @media (min-width:600px){ |
3929 .block-editor-block-toolbar__block-controls .block-editor-block-mover { |
3929 .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{ |
3930 margin-right: -6px; |
3930 max-width:480px; |
3931 } |
3931 } |
3932 .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { |
3932 } |
3933 margin-right: -6px !important; |
3933 .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{ |
3934 } |
3934 margin:0; |
3935 .block-editor-block-toolbar__block-controls .components-toolbar-group { |
3935 } |
3936 padding: 0; |
3936 |
3937 } |
3937 .block-editor-inserter__hint{ |
3938 |
3938 margin:16px 16px 0; |
3939 .block-editor-block-toolbar .components-toolbar-group, |
3939 } |
3940 .block-editor-block-toolbar .components-toolbar, |
3940 |
3941 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, |
3941 .reusable-blocks-menu-items__rename-hint{ |
3942 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar { |
3942 align-items:top; |
3943 display: flex; |
3943 background:#f0f0f0; |
3944 flex-wrap: nowrap; |
3944 border-radius:2px; |
3945 } |
3945 color:#1e1e1e; |
3946 |
3946 display:flex; |
3947 .block-editor-block-toolbar__slot { |
3947 flex-direction:row; |
3948 display: inline-block; |
3948 max-width:380px; |
3949 line-height: 0; |
3949 } |
3950 } |
3950 |
3951 @supports (position: sticky) { |
3951 .reusable-blocks-menu-items__rename-hint-content{ |
3952 .block-editor-block-toolbar__slot { |
3952 margin:12px 12px 12px 0; |
3953 display: inline-flex; |
3953 } |
3954 } |
3954 |
3955 } |
3955 .reusable-blocks-menu-items__rename-hint-dismiss{ |
3956 |
3956 margin:4px 0 4px 4px; |
3957 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon { |
3957 } |
3958 width: auto; |
3958 |
3959 } |
3959 .components-menu-group .reusable-blocks-menu-items__rename-hint{ |
3960 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { |
3960 margin:0; |
3961 display: none; |
3961 } |
3962 } |
3962 |
3963 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { |
3963 .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{ |
3964 content: attr(aria-label); |
3964 height:40px; |
3965 font-size: 12px; |
3965 } |
3966 } |
3966 |
3967 .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { |
3967 .block-editor-inserter__pattern-panel-placeholder{ |
3968 padding-right: 6px; |
3968 display:none; |
3969 padding-left: 6px; |
3969 } |
3970 } |
3970 |
3971 .show-icon-labels .block-editor-block-switcher { |
3971 .block-editor-inserter__menu.is-zoom-out{ |
3972 border-left: 1px solid #1e1e1e; |
3972 display:flex; |
3973 } |
3973 } |
3974 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { |
3974 @media (min-width:782px){ |
3975 margin-right: 0; |
3975 .block-editor-inserter__menu.is-zoom-out.show-panel:after{ |
3976 } |
3976 content:""; |
3977 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, |
3977 display:block; |
3978 .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
3978 height:100%; |
3979 width: 0 !important; |
3979 width:300px; |
3980 height: 0 !important; |
3980 } |
3981 } |
3981 } |
3982 .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { |
3982 |
3983 width: 0; |
3983 .spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{ |
3984 } |
3984 margin-bottom:0; |
3985 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { |
3985 } |
3986 margin-right: 0; |
3986 .spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{ |
3987 white-space: nowrap; |
3987 align-items:center; |
3988 } |
3988 display:flex; |
3989 .show-icon-labels .block-editor-block-mover-button { |
3989 flex:1; |
3990 padding-right: 8px !important; |
3990 height:40px; |
3991 padding-left: 8px !important; |
3991 margin-bottom:0; |
3992 } |
3992 } |
3993 .show-icon-labels .block-editor-block-mover__drag-handle.has-icon { |
3993 .spacing-sizes-control .spacing-sizes-control__custom-value-range>.components-base-control__field,.spacing-sizes-control .spacing-sizes-control__range-control>.components-base-control__field{ |
3994 padding-right: 6px !important; |
3994 flex:1; |
3995 padding-left: 6px !important; |
3995 } |
3996 border-left: 1px solid #1e1e1e; |
3996 .spacing-sizes-control .components-range-control__mark{ |
3997 } |
3997 background-color:#fff; |
3998 @media (min-width: 600px) { |
3998 height:4px; |
3999 .show-icon-labels .is-up-button.is-up-button.is-up-button { |
3999 width:3px; |
4000 border-bottom: 1px solid #1e1e1e; |
4000 z-index:1; |
4001 margin-left: 0; |
4001 } |
4002 border-radius: 0; |
4002 .spacing-sizes-control .components-range-control__marks{ |
4003 } |
4003 margin-top:17px; |
4004 } |
4004 } |
4005 .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
4005 .spacing-sizes-control .components-range-control__marks :first-child{ |
4006 width: auto; |
4006 display:none; |
4007 } |
4007 } |
4008 .show-icon-labels .components-toolbar, |
4008 .spacing-sizes-control .components-range-control__thumb-wrapper{ |
4009 .show-icon-labels .components-toolbar-group { |
4009 z-index:3; |
4010 flex-shrink: 1; |
4010 } |
4011 } |
4011 |
4012 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { |
4012 .spacing-sizes-control__header{ |
4013 margin-right: 6px; |
4013 height:16px; |
4014 } |
4014 margin-bottom:12px; |
4015 |
4015 } |
4016 .block-editor-inserter { |
4016 |
4017 display: inline-block; |
4017 .spacing-sizes-control__dropdown{ |
4018 background: none; |
4018 height:24px; |
4019 border: none; |
4019 } |
4020 padding: 0; |
4020 |
4021 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
4021 .spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{ |
4022 font-size: 13px; |
4022 flex:1; |
4023 line-height: 0; |
4023 } |
4024 } |
4024 |
4025 @media (min-width: 782px) { |
4025 .spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{ |
4026 .block-editor-inserter { |
4026 flex:0 0 auto; |
4027 position: relative; |
4027 } |
4028 } |
4028 |
4029 } |
4029 .spacing-sizes-control__icon{ |
4030 |
4030 margin-right:-4px; |
4031 .block-editor-inserter__content { |
4031 } |
4032 position: relative; |
4032 |
4033 } |
4033 body.admin-color-light{ |
4034 |
4034 --wp-admin-theme-color:#0085ba; |
4035 .block-editor-inserter__popover.is-quick .components-popover__content { |
4035 --wp-admin-theme-color--rgb:0, 133, 186; |
4036 border: none; |
4036 --wp-admin-theme-color-darker-10:#0073a1; |
4037 } |
4037 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
4038 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { |
4038 --wp-admin-theme-color-darker-20:#006187; |
4039 border-right: 1px solid #ccc; |
4039 --wp-admin-theme-color-darker-20--rgb:0, 97, 135; |
4040 border-left: 1px solid #ccc; |
4040 --wp-admin-border-width-focus:2px; |
4041 } |
4041 } |
4042 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { |
4042 @media (min-resolution:192dpi){ |
4043 border-top: 1px solid #ccc; |
4043 body.admin-color-light{ |
4044 } |
4044 --wp-admin-border-width-focus:1.5px; |
4045 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { |
4045 } |
4046 border-bottom: 1px solid #ccc; |
4046 } |
4047 } |
4047 |
4048 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { |
4048 body.admin-color-modern{ |
4049 border: 1px solid #1e1e1e; |
4049 --wp-admin-theme-color:#3858e9; |
4050 } |
4050 --wp-admin-theme-color--rgb:56, 88, 233; |
4051 |
4051 --wp-admin-theme-color-darker-10:#2145e6; |
4052 .block-editor-inserter__popover .block-editor-inserter__menu { |
4052 --wp-admin-theme-color-darker-10--rgb:33, 69, 230; |
4053 margin: -12px; |
4053 --wp-admin-theme-color-darker-20:#183ad6; |
4054 } |
4054 --wp-admin-theme-color-darker-20--rgb:24, 58, 214; |
4055 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { |
4055 --wp-admin-border-width-focus:2px; |
4056 top: 60px; |
4056 } |
4057 } |
4057 @media (min-resolution:192dpi){ |
4058 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { |
4058 body.admin-color-modern{ |
4059 overflow: visible; |
4059 --wp-admin-border-width-focus:1.5px; |
4060 height: auto; |
4060 } |
4061 } |
4061 } |
4062 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { |
4062 |
4063 display: none; |
4063 body.admin-color-blue{ |
4064 } |
4064 --wp-admin-theme-color:#096484; |
4065 |
4065 --wp-admin-theme-color--rgb:9, 100, 132; |
4066 .block-editor-inserter__toggle.components-button { |
4066 --wp-admin-theme-color-darker-10:#07526c; |
4067 display: inline-flex; |
4067 --wp-admin-theme-color-darker-10--rgb:7, 82, 108; |
4068 align-items: center; |
4068 --wp-admin-theme-color-darker-20:#064054; |
4069 cursor: pointer; |
4069 --wp-admin-theme-color-darker-20--rgb:6, 64, 84; |
4070 border: none; |
4070 --wp-admin-border-width-focus:2px; |
4071 outline: none; |
4071 } |
4072 padding: 0; |
4072 @media (min-resolution:192dpi){ |
4073 transition: color 0.2s ease; |
4073 body.admin-color-blue{ |
4074 } |
4074 --wp-admin-border-width-focus:1.5px; |
4075 @media (prefers-reduced-motion: reduce) { |
4075 } |
4076 .block-editor-inserter__toggle.components-button { |
4076 } |
4077 transition-duration: 0s; |
4077 |
4078 transition-delay: 0s; |
4078 body.admin-color-coffee{ |
4079 } |
4079 --wp-admin-theme-color:#46403c; |
4080 } |
4080 --wp-admin-theme-color--rgb:70, 64, 60; |
4081 |
4081 --wp-admin-theme-color-darker-10:#383330; |
4082 .block-editor-inserter__menu { |
4082 --wp-admin-theme-color-darker-10--rgb:56, 51, 48; |
4083 height: 100%; |
4083 --wp-admin-theme-color-darker-20:#2b2724; |
4084 position: relative; |
4084 --wp-admin-theme-color-darker-20--rgb:43, 39, 36; |
4085 overflow: visible; |
4085 --wp-admin-border-width-focus:2px; |
4086 } |
4086 } |
4087 |
4087 @media (min-resolution:192dpi){ |
4088 .block-editor-inserter__main-area { |
4088 body.admin-color-coffee{ |
4089 width: auto; |
4089 --wp-admin-border-width-focus:1.5px; |
4090 overflow-y: auto; |
4090 } |
4091 height: 100%; |
4091 } |
4092 } |
4092 |
4093 @media (min-width: 782px) { |
4093 body.admin-color-ectoplasm{ |
4094 .block-editor-inserter__main-area { |
4094 --wp-admin-theme-color:#523f6d; |
4095 width: 350px; |
4095 --wp-admin-theme-color--rgb:82, 63, 109; |
4096 } |
4096 --wp-admin-theme-color-darker-10:#46365d; |
4097 } |
4097 --wp-admin-theme-color-darker-10--rgb:70, 54, 93; |
4098 |
4098 --wp-admin-theme-color-darker-20:#3a2c4d; |
4099 .block-editor-inserter__inline-elements { |
4099 --wp-admin-theme-color-darker-20--rgb:58, 44, 77; |
4100 margin-top: -1px; |
4100 --wp-admin-border-width-focus:2px; |
4101 } |
4101 } |
4102 |
4102 @media (min-resolution:192dpi){ |
4103 .block-editor-inserter__menu.is-bottom::after { |
4103 body.admin-color-ectoplasm{ |
4104 border-bottom-color: #fff; |
4104 --wp-admin-border-width-focus:1.5px; |
4105 } |
4105 } |
4106 |
4106 } |
4107 .components-popover.block-editor-inserter__popover { |
4107 |
4108 z-index: 99999; |
4108 body.admin-color-midnight{ |
4109 } |
4109 --wp-admin-theme-color:#e14d43; |
4110 |
4110 --wp-admin-theme-color--rgb:225, 77, 67; |
4111 .block-editor-inserter__search { |
4111 --wp-admin-theme-color-darker-10:#dd382d; |
4112 background: #fff; |
4112 --wp-admin-theme-color-darker-10--rgb:221, 56, 45; |
4113 padding: 16px 16px 0 16px; |
4113 --wp-admin-theme-color-darker-20:#d02c21; |
4114 position: sticky; |
4114 --wp-admin-theme-color-darker-20--rgb:208, 44, 33; |
4115 top: 0; |
4115 --wp-admin-border-width-focus:2px; |
4116 z-index: 1; |
4116 } |
4117 } |
4117 @media (min-resolution:192dpi){ |
4118 .block-editor-inserter__search .components-search-control__icon { |
4118 body.admin-color-midnight{ |
4119 left: 20px; |
4119 --wp-admin-border-width-focus:1.5px; |
4120 } |
4120 } |
4121 .block-editor-inserter__search .components-base-control__field { |
4121 } |
4122 margin-bottom: 0; |
4122 |
4123 } |
4123 body.admin-color-ocean{ |
4124 |
4124 --wp-admin-theme-color:#627c83; |
4125 .block-editor-inserter__tabs { |
4125 --wp-admin-theme-color--rgb:98, 124, 131; |
4126 display: flex; |
4126 --wp-admin-theme-color-darker-10:#576e74; |
4127 flex-direction: column; |
4127 --wp-admin-theme-color-darker-10--rgb:87, 110, 116; |
4128 } |
4128 --wp-admin-theme-color-darker-20:#4c6066; |
4129 .block-editor-inserter__tabs .components-tab-panel__tabs { |
4129 --wp-admin-theme-color-darker-20--rgb:76, 96, 102; |
4130 position: sticky; |
4130 --wp-admin-border-width-focus:2px; |
4131 top: 64px; |
4131 } |
4132 background: #fff; |
4132 @media (min-resolution:192dpi){ |
4133 z-index: 1; |
4133 body.admin-color-ocean{ |
4134 border-bottom: 1px solid #ddd; |
4134 --wp-admin-border-width-focus:1.5px; |
4135 } |
4135 } |
4136 .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
4136 } |
4137 flex-grow: 1; |
4137 |
4138 margin-bottom: -1px; |
4138 body.admin-color-sunrise{ |
4139 } |
4139 --wp-admin-theme-color:#dd823b; |
4140 .block-editor-inserter__tabs .components-tab-panel__tab-content { |
4140 --wp-admin-theme-color--rgb:221, 130, 59; |
4141 display: flex; |
4141 --wp-admin-theme-color-darker-10:#d97426; |
4142 flex-grow: 1; |
4142 --wp-admin-theme-color-darker-10--rgb:217, 116, 38; |
4143 flex-direction: column; |
4143 --wp-admin-theme-color-darker-20:#c36922; |
4144 position: relative; |
4144 --wp-admin-theme-color-darker-20--rgb:195, 105, 34; |
4145 z-index: 0; |
4145 --wp-admin-border-width-focus:2px; |
4146 } |
4146 } |
4147 |
4147 @media (min-resolution:192dpi){ |
4148 .block-editor-inserter__panel-header { |
4148 body.admin-color-sunrise{ |
4149 display: inline-flex; |
4149 --wp-admin-border-width-focus:1.5px; |
4150 align-items: center; |
4150 } |
4151 padding: 16px 16px 0; |
4151 } |
4152 } |
|
4153 |
|
4154 .block-editor-inserter__panel-header-patterns { |
|
4155 padding: 16px 16px 0; |
|
4156 } |
|
4157 |
|
4158 .block-editor-inserter__panel-content { |
|
4159 padding: 16px; |
|
4160 } |
|
4161 |
|
4162 .block-editor-inserter__panel-title, |
|
4163 .block-editor-inserter__panel-title button { |
|
4164 margin: 0 0 0 12px; |
|
4165 color: #757575; |
|
4166 text-transform: uppercase; |
|
4167 font-size: 11px; |
|
4168 font-weight: 500; |
|
4169 } |
|
4170 |
|
4171 .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { |
|
4172 height: 36px; |
|
4173 line-height: 36px; |
|
4174 } |
|
4175 |
|
4176 .block-editor-inserter__panel-dropdown select { |
|
4177 border: none; |
|
4178 } |
|
4179 |
|
4180 .block-editor-inserter__block-list { |
|
4181 flex-grow: 1; |
|
4182 position: relative; |
|
4183 } |
|
4184 |
|
4185 .block-editor-inserter__reusable-blocks-panel { |
|
4186 position: relative; |
|
4187 text-align: left; |
|
4188 } |
|
4189 |
|
4190 .block-editor-inserter__manage-reusable-blocks { |
|
4191 display: inline-block; |
|
4192 margin: 16px; |
|
4193 } |
|
4194 |
|
4195 .block-editor-inserter__no-results { |
|
4196 padding: 32px; |
|
4197 text-align: center; |
|
4198 } |
|
4199 |
|
4200 .block-editor-inserter__no-results-icon { |
|
4201 fill: #949494; |
|
4202 } |
|
4203 |
|
4204 .block-editor-inserter__child-blocks { |
|
4205 padding: 0 16px; |
|
4206 } |
|
4207 |
|
4208 .block-editor-inserter__parent-block-header { |
|
4209 display: flex; |
|
4210 align-items: center; |
|
4211 } |
|
4212 .block-editor-inserter__parent-block-header h2 { |
|
4213 font-size: 13px; |
|
4214 } |
|
4215 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
|
4216 margin-left: 8px; |
|
4217 } |
|
4218 |
|
4219 .block-editor-inserter__preview-container { |
|
4220 display: none; |
|
4221 width: 300px; |
|
4222 background: #fff; |
|
4223 border-radius: 2px; |
|
4224 border: 1px solid #ddd; |
|
4225 position: absolute; |
|
4226 top: 16px; |
|
4227 right: calc(100% + 16px); |
|
4228 max-height: calc(100% - 32px); |
|
4229 overflow-y: hidden; |
|
4230 } |
|
4231 @media (min-width: 782px) { |
|
4232 .block-editor-inserter__preview-container { |
|
4233 display: block; |
|
4234 } |
|
4235 } |
|
4236 .block-editor-inserter__preview-container .block-editor-block-card { |
|
4237 padding: 16px; |
|
4238 } |
|
4239 .block-editor-inserter__preview-container .block-editor-block-card__title { |
|
4240 font-size: 13px; |
|
4241 } |
|
4242 |
|
4243 .block-editor-inserter__preview-content { |
|
4244 min-height: 144px; |
|
4245 background: #f0f0f0; |
|
4246 display: grid; |
|
4247 flex-grow: 1; |
|
4248 align-items: center; |
|
4249 } |
|
4250 |
|
4251 .block-editor-inserter__preview-content-missing { |
|
4252 flex: 1; |
|
4253 display: flex; |
|
4254 justify-content: center; |
|
4255 align-items: center; |
|
4256 min-height: 144px; |
|
4257 color: #757575; |
|
4258 background: #f0f0f0; |
|
4259 } |
|
4260 |
|
4261 .block-editor-inserter__tips { |
|
4262 border-top: 1px solid #ddd; |
|
4263 padding: 16px; |
|
4264 flex-shrink: 0; |
|
4265 position: relative; |
|
4266 } |
|
4267 |
|
4268 .block-editor-inserter__manage-reusable-blocks-container { |
|
4269 padding: 16px; |
|
4270 } |
|
4271 |
|
4272 .block-editor-inserter__quick-inserter { |
|
4273 width: 100%; |
|
4274 max-width: 100%; |
|
4275 } |
|
4276 @media (min-width: 782px) { |
|
4277 .block-editor-inserter__quick-inserter { |
|
4278 width: 350px; |
|
4279 } |
|
4280 } |
|
4281 |
|
4282 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { |
|
4283 height: 0; |
|
4284 padding: 0; |
|
4285 float: right; |
|
4286 } |
|
4287 |
|
4288 .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, |
|
4289 .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { |
|
4290 padding: 16px; |
|
4291 } |
|
4292 |
|
4293 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { |
|
4294 display: grid; |
|
4295 grid-template-columns: 1fr 1fr; |
|
4296 grid-gap: 8px; |
|
4297 } |
|
4298 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { |
|
4299 margin-bottom: 0; |
|
4300 } |
|
4301 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { |
|
4302 min-height: 100px; |
|
4303 } |
|
4304 |
|
4305 .block-editor-inserter__quick-inserter-separator { |
|
4306 border-top: 1px solid #ddd; |
|
4307 } |
|
4308 |
|
4309 .block-editor-inserter__popover.is-quick > .components-popover__content > div { |
|
4310 padding: 0; |
|
4311 } |
|
4312 |
|
4313 .block-editor-inserter__quick-inserter-expand.components-button { |
|
4314 display: block; |
|
4315 background: #1e1e1e; |
|
4316 color: #fff; |
|
4317 width: 100%; |
|
4318 height: 44px; |
|
4319 border-radius: 0; |
|
4320 } |
|
4321 .block-editor-inserter__quick-inserter-expand.components-button:hover { |
|
4322 color: #fff; |
|
4323 } |
|
4324 .block-editor-inserter__quick-inserter-expand.components-button:active { |
|
4325 color: #ccc; |
|
4326 } |
|
4327 .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { |
|
4328 box-shadow: none; |
|
4329 background: var(--wp-admin-theme-color); |
|
4330 border-color: var(--wp-admin-theme-color); |
|
4331 } |
|
4332 |
|
4333 .block-editor-block-patterns-explorer__sidebar { |
|
4334 position: absolute; |
|
4335 top: 60px; |
|
4336 right: 0; |
|
4337 bottom: 0; |
|
4338 width: 280px; |
|
4339 padding: 24px 32px 32px; |
|
4340 overflow-x: visible; |
|
4341 overflow-y: scroll; |
|
4342 } |
|
4343 .block-editor-block-patterns-explorer__sidebar__categories-list__item { |
|
4344 display: block; |
|
4345 width: 100%; |
|
4346 height: 48px; |
|
4347 text-align: right; |
|
4348 } |
|
4349 .block-editor-block-patterns-explorer__search { |
|
4350 margin-bottom: 32px; |
|
4351 } |
|
4352 .block-editor-block-patterns-explorer__search-results-count { |
|
4353 padding-bottom: 32px; |
|
4354 } |
|
4355 .block-editor-block-patterns-explorer__list { |
|
4356 margin-right: 248px; |
|
4357 } |
|
4358 .block-editor-block-patterns-explorer .block-editor-block-patterns-list { |
|
4359 display: grid; |
|
4360 grid-gap: 32px; |
|
4361 grid-template-columns: repeat(1, 1fr); |
|
4362 } |
|
4363 @media (min-width: 1080px) { |
|
4364 .block-editor-block-patterns-explorer .block-editor-block-patterns-list { |
|
4365 grid-template-columns: repeat(2, 1fr); |
|
4366 } |
|
4367 } |
|
4368 @media (min-width: 1440px) { |
|
4369 .block-editor-block-patterns-explorer .block-editor-block-patterns-list { |
|
4370 grid-template-columns: repeat(3, 1fr); |
|
4371 } |
|
4372 } |
|
4373 .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { |
|
4374 min-height: 240px; |
|
4375 } |
|
4376 .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { |
|
4377 height: inherit; |
|
4378 min-height: 100px; |
|
4379 max-height: 800px; |
|
4380 } |
|
4381 |
|
4382 .block-editor-post-preview__dropdown { |
|
4383 padding: 0; |
|
4384 } |
|
4385 |
|
4386 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { |
|
4387 padding-right: 40px; |
|
4388 } |
|
4389 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { |
|
4390 padding-right: 8px; |
|
4391 } |
|
4392 |
|
4393 .block-editor-post-preview__dropdown-content .components-popover__content { |
|
4394 overflow-y: visible; |
|
4395 } |
|
4396 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { |
|
4397 padding-bottom: 8px; |
|
4398 } |
|
4399 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { |
|
4400 margin-bottom: 0; |
|
4401 } |
|
4402 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { |
|
4403 padding: 8px; |
|
4404 } |
|
4405 |
|
4406 @media (min-width: 600px) { |
|
4407 .edit-post-header__settings .editor-post-preview, |
|
4408 .edit-site-header__actions .editor-post-preview { |
|
4409 display: none; |
|
4410 } |
|
4411 } |
|
4412 |
|
4413 @media (min-width: 600px) { |
|
4414 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, |
|
4415 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, |
|
4416 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
4417 transition: opacity 0.1s linear; |
|
4418 } |
|
4419 } |
|
4420 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
|
4421 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, |
|
4422 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, |
|
4423 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
4424 transition-duration: 0s; |
|
4425 transition-delay: 0s; |
|
4426 } |
|
4427 } |
|
4428 @media (min-width: 600px) { |
|
4429 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, |
|
4430 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, |
|
4431 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
4432 opacity: 0; |
|
4433 } |
|
4434 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { |
|
4435 opacity: 1; |
|
4436 } |
|
4437 } |
|
4438 |
|
4439 body.admin-color-light { |
|
4440 --wp-admin-theme-color: #0085ba; |
|
4441 --wp-admin-theme-color--rgb: 0, 133, 186; |
|
4442 --wp-admin-theme-color-darker-10: #0073a1; |
|
4443 --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; |
|
4444 --wp-admin-theme-color-darker-20: #006187; |
|
4445 --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; |
|
4446 --wp-admin-border-width-focus: 2px; |
|
4447 } |
|
4448 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4449 body.admin-color-light { |
|
4450 --wp-admin-border-width-focus: 1.5px; |
|
4451 } |
|
4452 } |
|
4453 |
|
4454 body.admin-color-modern { |
|
4455 --wp-admin-theme-color: #3858e9; |
|
4456 --wp-admin-theme-color--rgb: 56, 88, 233; |
|
4457 --wp-admin-theme-color-darker-10: #2145e6; |
|
4458 --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; |
|
4459 --wp-admin-theme-color-darker-20: #183ad6; |
|
4460 --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; |
|
4461 --wp-admin-border-width-focus: 2px; |
|
4462 } |
|
4463 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4464 body.admin-color-modern { |
|
4465 --wp-admin-border-width-focus: 1.5px; |
|
4466 } |
|
4467 } |
|
4468 |
|
4469 body.admin-color-blue { |
|
4470 --wp-admin-theme-color: #096484; |
|
4471 --wp-admin-theme-color--rgb: 9, 100, 132; |
|
4472 --wp-admin-theme-color-darker-10: #07526c; |
|
4473 --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; |
|
4474 --wp-admin-theme-color-darker-20: #064054; |
|
4475 --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; |
|
4476 --wp-admin-border-width-focus: 2px; |
|
4477 } |
|
4478 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4479 body.admin-color-blue { |
|
4480 --wp-admin-border-width-focus: 1.5px; |
|
4481 } |
|
4482 } |
|
4483 |
|
4484 body.admin-color-coffee { |
|
4485 --wp-admin-theme-color: #46403c; |
|
4486 --wp-admin-theme-color--rgb: 70, 64, 60; |
|
4487 --wp-admin-theme-color-darker-10: #383330; |
|
4488 --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; |
|
4489 --wp-admin-theme-color-darker-20: #2b2724; |
|
4490 --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; |
|
4491 --wp-admin-border-width-focus: 2px; |
|
4492 } |
|
4493 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4494 body.admin-color-coffee { |
|
4495 --wp-admin-border-width-focus: 1.5px; |
|
4496 } |
|
4497 } |
|
4498 |
|
4499 body.admin-color-ectoplasm { |
|
4500 --wp-admin-theme-color: #523f6d; |
|
4501 --wp-admin-theme-color--rgb: 82, 63, 109; |
|
4502 --wp-admin-theme-color-darker-10: #46365d; |
|
4503 --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; |
|
4504 --wp-admin-theme-color-darker-20: #3a2c4d; |
|
4505 --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; |
|
4506 --wp-admin-border-width-focus: 2px; |
|
4507 } |
|
4508 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4509 body.admin-color-ectoplasm { |
|
4510 --wp-admin-border-width-focus: 1.5px; |
|
4511 } |
|
4512 } |
|
4513 |
|
4514 body.admin-color-midnight { |
|
4515 --wp-admin-theme-color: #e14d43; |
|
4516 --wp-admin-theme-color--rgb: 225, 77, 67; |
|
4517 --wp-admin-theme-color-darker-10: #dd382d; |
|
4518 --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; |
|
4519 --wp-admin-theme-color-darker-20: #d02c21; |
|
4520 --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; |
|
4521 --wp-admin-border-width-focus: 2px; |
|
4522 } |
|
4523 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4524 body.admin-color-midnight { |
|
4525 --wp-admin-border-width-focus: 1.5px; |
|
4526 } |
|
4527 } |
|
4528 |
|
4529 body.admin-color-ocean { |
|
4530 --wp-admin-theme-color: #627c83; |
|
4531 --wp-admin-theme-color--rgb: 98, 124, 131; |
|
4532 --wp-admin-theme-color-darker-10: #576e74; |
|
4533 --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; |
|
4534 --wp-admin-theme-color-darker-20: #4c6066; |
|
4535 --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; |
|
4536 --wp-admin-border-width-focus: 2px; |
|
4537 } |
|
4538 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4539 body.admin-color-ocean { |
|
4540 --wp-admin-border-width-focus: 1.5px; |
|
4541 } |
|
4542 } |
|
4543 |
|
4544 body.admin-color-sunrise { |
|
4545 --wp-admin-theme-color: #dd823b; |
|
4546 --wp-admin-theme-color--rgb: 221, 130, 59; |
|
4547 --wp-admin-theme-color-darker-10: #d97426; |
|
4548 --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; |
|
4549 --wp-admin-theme-color-darker-20: #c36922; |
|
4550 --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; |
|
4551 --wp-admin-border-width-focus: 2px; |
|
4552 } |
|
4553 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
4554 body.admin-color-sunrise { |
|
4555 --wp-admin-border-width-focus: 1.5px; |
|
4556 } |
|
4557 } |
|