47 } |
47 } |
48 to{ |
48 to{ |
49 opacity:.4; |
49 opacity:.4; |
50 } |
50 } |
51 } |
51 } |
52 :root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ |
52 :root .block-editor-block-list__layout::selection,:root [data-has-multi-selection=true] .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ |
53 background-color:initial; |
53 background-color:initial; |
54 } |
54 } |
55 .block-editor-block-list__layout{ |
55 .block-editor-block-list__layout{ |
56 position:relative; |
56 position:relative; |
57 } |
57 } |
58 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ |
58 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ |
59 background:#0000; |
59 background:#0000; |
60 } |
60 } |
61 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
61 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
62 animation:selection-overlay__fade-in-animation .1s ease-out; |
|
63 animation-fill-mode:forwards; |
|
64 background:var(--wp-admin-theme-color); |
62 background:var(--wp-admin-theme-color); |
65 bottom:0; |
63 bottom:0; |
66 content:""; |
64 content:""; |
67 left:0; |
65 left:0; |
68 opacity:.4; |
66 opacity:.4; |
71 position:absolute; |
69 position:absolute; |
72 right:0; |
70 right:0; |
73 top:0; |
71 top:0; |
74 z-index:1; |
72 z-index:1; |
75 } |
73 } |
76 @media (prefers-reduced-motion:reduce){ |
74 @media not (prefers-reduced-motion){ |
77 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
75 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
78 animation-delay:0s; |
76 animation:selection-overlay__fade-in-animation .1s ease-out; |
79 animation-duration:1ms; |
77 animation-fill-mode:forwards; |
80 } |
78 } |
81 } |
79 } |
82 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{ |
80 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{ |
83 outline-color:#0000; |
81 outline-color:#0000; |
84 } |
82 } |
85 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ |
83 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus{ |
86 outline:none; |
84 outline:none; |
87 } |
85 } |
88 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ |
86 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after{ |
89 bottom:0; |
87 bottom:0; |
90 content:""; |
88 content:""; |
91 left:0; |
89 left:0; |
92 outline-color:var(--wp-admin-theme-color); |
90 outline-color:var(--wp-admin-theme-color); |
93 outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
91 outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); |
94 outline-style:solid; |
92 outline-style:solid; |
95 outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
93 outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); |
96 pointer-events:none; |
94 pointer-events:none; |
97 position:absolute; |
95 position:absolute; |
98 right:0; |
96 right:0; |
99 top:0; |
97 top:0; |
100 z-index:1; |
98 z-index:1; |
101 } |
|
102 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ |
|
103 outline-color:#fff; |
|
104 } |
|
105 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ |
|
106 border-radius:2px; |
|
107 border-top:4px solid #ccc; |
|
108 bottom:auto; |
|
109 box-shadow:none; |
|
110 content:""; |
|
111 left:0; |
|
112 pointer-events:none; |
|
113 position:absolute; |
|
114 right:0; |
|
115 top:-14px; |
|
116 transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; |
|
117 z-index:0; |
|
118 } |
|
119 .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ |
|
120 border-color:var(--wp-admin-theme-color); |
|
121 } |
|
122 .has-multi-selection .block-editor-block-list__layout{ |
|
123 -webkit-user-select:none; |
|
124 user-select:none; |
|
125 } |
99 } |
126 .block-editor-block-list__layout [class^=components-]{ |
100 .block-editor-block-list__layout [class^=components-]{ |
127 -webkit-user-select:text; |
101 -webkit-user-select:text; |
128 user-select:text; |
102 user-select:text; |
129 } |
|
130 |
|
131 .is-block-moving-mode.block-editor-block-list__block-selection-button{ |
|
132 font-size:1px; |
|
133 height:1px; |
|
134 opacity:0; |
|
135 padding:0; |
|
136 } |
103 } |
137 |
104 |
138 .block-editor-block-list__layout .block-editor-block-list__block{ |
105 .block-editor-block-list__layout .block-editor-block-list__block{ |
139 overflow-wrap:break-word; |
106 overflow-wrap:break-word; |
140 pointer-events:auto; |
107 pointer-events:auto; |
141 position:relative; |
108 position:relative; |
142 -webkit-user-select:text; |
|
143 user-select:text; |
|
144 } |
109 } |
145 .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{ |
110 .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{ |
146 pointer-events:none; |
111 pointer-events:none; |
147 -webkit-user-select:none; |
|
148 user-select:none; |
|
149 } |
112 } |
150 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{ |
113 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{ |
151 z-index:20; |
114 z-index:20; |
152 } |
115 } |
153 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ |
116 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ |
174 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ |
137 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ |
175 pointer-events:all; |
138 pointer-events:all; |
176 } |
139 } |
177 .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ |
140 .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ |
178 background-color:#fff6; |
141 background-color:#fff6; |
179 border-radius:2px; |
|
180 bottom:0; |
142 bottom:0; |
181 content:""; |
143 content:""; |
182 left:0; |
144 left:0; |
183 position:absolute; |
145 position:absolute; |
184 right:0; |
146 right:0; |
185 top:0; |
147 top:0; |
186 } |
148 } |
187 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ |
149 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ |
188 background-color:initial; |
150 background-color:initial; |
189 } |
151 } |
190 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ |
|
191 display:none; |
|
192 } |
|
193 .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{ |
|
194 display:block; |
|
195 } |
|
196 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ |
152 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ |
197 box-shadow:0 0 0 1px var(--wp-admin-theme-color); |
153 box-shadow:0 0 0 1px var(--wp-admin-theme-color); |
198 } |
154 } |
199 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ |
155 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ |
200 float:none; |
156 float:none; |
201 } |
157 } |
202 |
158 |
203 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ |
159 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ |
204 cursor:default; |
160 cursor:default; |
205 } |
161 } |
206 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ |
162 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ |
207 cursor:unset; |
163 cursor:auto; |
208 } |
164 } |
209 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{ |
165 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{ |
210 bottom:0; |
166 bottom:0; |
211 content:""; |
167 content:""; |
212 left:0; |
168 left:0; |
213 outline-color:var(--wp-admin-theme-color); |
169 outline-color:var(--wp-admin-theme-color); |
214 outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
170 outline-offset:calc(((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); |
215 outline-style:solid; |
171 outline-style:solid; |
216 outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
172 outline-width:calc((var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1))*1); |
217 pointer-events:none; |
173 pointer-events:none; |
218 position:absolute; |
174 position:absolute; |
219 right:0; |
175 right:0; |
220 top:0; |
176 top:0; |
221 } |
177 } |
222 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ |
178 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ |
223 outline-color:var(--wp-block-synced-color); |
179 outline-color:var(--wp-block-synced-color); |
224 } |
|
225 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ |
|
226 outline-color:#fff; |
|
227 } |
180 } |
228 |
181 |
229 @keyframes block-editor-is-editable__animation{ |
182 @keyframes block-editor-is-editable__animation{ |
230 0%{ |
183 0%{ |
231 background-color:rgba(var(--wp-admin-theme-color--rgb), .1); |
184 background-color:rgba(var(--wp-admin-theme-color--rgb), .1); |
243 } |
196 } |
244 to{ |
197 to{ |
245 background-color:rgba(var(--wp-admin-theme-color--rgb), 0); |
198 background-color:rgba(var(--wp-admin-theme-color--rgb), 0); |
246 } |
199 } |
247 } |
200 } |
248 .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
201 .is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
249 animation-delay:.1s; |
202 animation-delay:.1s; |
250 animation-duration:.8s; |
203 animation-duration:.8s; |
251 animation-fill-mode:backwards; |
204 animation-fill-mode:backwards; |
252 animation-name:block-editor-is-editable__animation; |
205 animation-name:block-editor-is-editable__animation; |
253 animation-timing-function:ease-out; |
206 animation-timing-function:ease-out; |
258 position:absolute; |
211 position:absolute; |
259 right:0; |
212 right:0; |
260 top:0; |
213 top:0; |
261 } |
214 } |
262 @media (prefers-reduced-motion:reduce){ |
215 @media (prefers-reduced-motion:reduce){ |
263 .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
216 .is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
264 animation-delay:0s; |
217 animation-delay:0s; |
265 animation-name:block-editor-is-editable__animation_reduce-motion; |
218 animation-name:block-editor-is-editable__animation_reduce-motion; |
266 } |
219 } |
267 } |
220 } |
268 |
221 |
269 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
222 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
270 opacity:.2; |
223 opacity:.2; |
271 transition:opacity .1s linear; |
224 } |
272 } |
225 @media not (prefers-reduced-motion){ |
273 @media (prefers-reduced-motion:reduce){ |
|
274 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
226 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
275 transition-delay:0s; |
227 transition:opacity .1s linear; |
276 transition-duration:0s; |
|
277 } |
228 } |
278 } |
229 } |
279 |
230 |
280 .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.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-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ |
231 .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.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-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ |
281 opacity:1; |
232 opacity:1; |
362 position:relative; |
307 position:relative; |
363 z-index:5; |
308 z-index:5; |
364 } |
309 } |
365 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ |
310 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ |
366 margin-bottom:auto; |
311 margin-bottom:auto; |
|
312 } |
|
313 |
|
314 .block-editor-block-list__zoom-out-separator{ |
|
315 align-items:center; |
|
316 background:#ddd; |
|
317 color:#000; |
|
318 display:flex; |
|
319 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
320 font-size:13px; |
|
321 font-weight:400; |
|
322 justify-content:center; |
|
323 margin-left:-1px; |
|
324 margin-right:-1px; |
|
325 overflow:hidden; |
|
326 } |
|
327 @media not (prefers-reduced-motion){ |
|
328 .block-editor-block-list__zoom-out-separator{ |
|
329 transition:background-color .3s ease; |
|
330 } |
|
331 } |
|
332 .is-zoomed-out .block-editor-block-list__zoom-out-separator{ |
|
333 font-size:calc(13px/var(--wp-block-editor-iframe-zoom-out-scale)); |
|
334 } |
|
335 .block-editor-block-list__zoom-out-separator.is-dragged-over{ |
|
336 background:#ccc; |
|
337 } |
|
338 |
|
339 .block-editor-block-list__layout.is-root-container.has-global-padding>.block-editor-block-list__zoom-out-separator,.has-global-padding>.block-editor-block-list__zoom-out-separator{ |
|
340 margin:0 calc(var(--wp--style--root--padding-right)*-1 - 1px) 0 calc(var(--wp--style--root--padding-left)*-1 - 1px) !important; |
|
341 max-width:none; |
|
342 } |
|
343 |
|
344 .is-dragging{ |
|
345 cursor:grabbing; |
367 } |
346 } |
368 |
347 |
369 .is-vertical .block-list-appender{ |
348 .is-vertical .block-list-appender{ |
370 margin-left:12px; |
349 margin-left:12px; |
371 margin-right:auto; |
350 margin-right:auto; |
393 right:0; |
372 right:0; |
394 width:auto; |
373 width:auto; |
395 } |
374 } |
396 |
375 |
397 .block-editor-block-list__layout .is-dragging{ |
376 .block-editor-block-list__layout .is-dragging{ |
398 background-color:currentColor !important; |
|
399 border-radius:2px !important; |
377 border-radius:2px !important; |
400 opacity:.05 !important; |
378 opacity:.1 !important; |
401 pointer-events:none !important; |
379 } |
|
380 .block-editor-block-list__layout .is-dragging iframe{ |
|
381 pointer-events:none; |
402 } |
382 } |
403 .block-editor-block-list__layout .is-dragging::selection{ |
383 .block-editor-block-list__layout .is-dragging::selection{ |
404 background:#0000 !important; |
384 background:#0000 !important; |
405 } |
385 } |
406 .block-editor-block-list__layout .is-dragging:after{ |
386 .block-editor-block-list__layout .is-dragging:after{ |
407 content:none !important; |
387 content:none !important; |
|
388 } |
|
389 |
|
390 .wp-block img:not([draggable]),.wp-block svg:not([draggable]){ |
|
391 pointer-events:none; |
408 } |
392 } |
409 |
393 |
410 .block-editor-block-preview__content-iframe .block-list-appender{ |
394 .block-editor-block-preview__content-iframe .block-list-appender{ |
411 display:none; |
395 display:none; |
412 } |
396 } |
487 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child{ |
468 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child{ |
488 pointer-events:none; |
469 pointer-events:none; |
489 } |
470 } |
490 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{ |
471 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{ |
491 border:1px dashed; |
472 border:1px dashed; |
492 border-radius:2px; |
|
493 bottom:0; |
473 bottom:0; |
494 content:""; |
474 content:""; |
495 left:0; |
475 left:0; |
496 pointer-events:none; |
|
497 position:absolute; |
|
498 right:0; |
|
499 top:0; |
|
500 } |
|
501 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{ |
|
502 background:currentColor; |
|
503 bottom:0; |
|
504 content:""; |
|
505 left:0; |
|
506 opacity:.1; |
|
507 pointer-events:none; |
476 pointer-events:none; |
508 position:absolute; |
477 position:absolute; |
509 right:0; |
478 right:0; |
510 top:0; |
479 top:0; |
511 } |
480 } |
526 } |
495 } |
527 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
496 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
528 background-color:var(--wp-admin-theme-color); |
497 background-color:var(--wp-admin-theme-color); |
529 box-shadow:inset 0 0 0 1px #ffffffa6; |
498 box-shadow:inset 0 0 0 1px #ffffffa6; |
530 color:#ffffffa6; |
499 color:#ffffffa6; |
531 transition:background-color .2s ease-in-out; |
500 } |
532 } |
501 @media not (prefers-reduced-motion){ |
533 @media (prefers-reduced-motion:reduce){ |
|
534 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
502 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
535 transition:none; |
503 transition:background-color .2s ease-in-out; |
536 } |
504 } |
537 } |
505 } |
538 .block-editor-default-block-appender{ |
506 .block-editor-default-block-appender{ |
539 clear:both; |
507 clear:both; |
540 margin-left:auto; |
508 margin-left:auto; |
543 } |
511 } |
544 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ |
512 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ |
545 outline:1px solid #0000; |
513 outline:1px solid #0000; |
546 } |
514 } |
547 .block-editor-default-block-appender .block-editor-default-block-appender__content{ |
515 .block-editor-default-block-appender .block-editor-default-block-appender__content{ |
548 opacity:.62; |
|
549 } |
|
550 :where(.wp-site-blocks) .block-editor-default-block-appender>:first-child,:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child{ |
|
551 margin-block-end:0; |
516 margin-block-end:0; |
552 margin-block-start:0; |
517 margin-block-start:0; |
|
518 opacity:.62; |
553 } |
519 } |
554 .block-editor-default-block-appender .components-drop-zone__content-icon{ |
520 .block-editor-default-block-appender .components-drop-zone__content-icon{ |
555 display:none; |
521 display:none; |
556 } |
522 } |
557 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ |
523 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ |
558 background:#1e1e1e; |
524 background:#1e1e1e; |
559 border-radius:2px; |
|
560 color:#fff; |
525 color:#fff; |
561 height:24px; |
526 height:24px; |
562 min-width:24px; |
527 min-width:24px; |
563 padding:0; |
528 padding:0; |
564 } |
529 } |
565 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ |
530 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ |
566 background:var(--wp-admin-theme-color); |
531 background:var(--wp-admin-theme-color); |
567 color:#fff; |
532 color:#fff; |
568 } |
533 } |
569 |
534 |
570 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ |
535 .block-editor-default-block-appender .block-editor-inserter{ |
571 line-height:0; |
536 line-height:0; |
572 position:absolute; |
537 position:absolute; |
573 right:0; |
538 right:0; |
574 top:0; |
539 top:0; |
575 } |
540 } |
576 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ |
541 .block-editor-default-block-appender .block-editor-inserter:disabled{ |
577 display:none; |
542 display:none; |
578 } |
543 } |
579 .block-editor-block-list__block .block-list-appender{ |
544 .block-editor-block-list__block .block-list-appender{ |
580 bottom:0; |
545 bottom:0; |
581 list-style:none; |
546 list-style:none; |
630 |
598 |
631 .block-editor-iframe__body{ |
599 .block-editor-iframe__body{ |
632 position:relative; |
600 position:relative; |
633 } |
601 } |
634 |
602 |
635 .block-editor-iframe__container{ |
|
636 height:100%; |
|
637 overflow-x:hidden; |
|
638 width:100%; |
|
639 } |
|
640 |
|
641 .block-editor-iframe__scale-container{ |
|
642 display:flex; |
|
643 height:100%; |
|
644 width:100%; |
|
645 } |
|
646 |
|
647 .block-editor-iframe__scale-container.is-zoomed-out{ |
|
648 margin-left:calc((var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))*-1/2); |
|
649 width:var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw); |
|
650 } |
|
651 |
|
652 .block-editor-iframe__html{ |
603 .block-editor-iframe__html{ |
653 transform-origin:top center; |
604 transform-origin:top center; |
654 transition:transform .3s; |
605 } |
655 } |
606 @media not (prefers-reduced-motion){ |
656 @media (prefers-reduced-motion:reduce){ |
|
657 .block-editor-iframe__html{ |
607 .block-editor-iframe__html{ |
658 transition-delay:0s; |
608 transition:background-color .4s; |
659 transition-duration:0s; |
609 } |
660 } |
610 } |
661 } |
611 .block-editor-iframe__html.zoom-out-animation{ |
662 |
612 bottom:0; |
|
613 left:0; |
|
614 overflow-y:var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll); |
|
615 position:fixed; |
|
616 right:0; |
|
617 top:calc(var(--wp-block-editor-iframe-zoom-out-scroll-top, 0)*-1); |
|
618 } |
663 .block-editor-iframe__html.is-zoomed-out{ |
619 .block-editor-iframe__html.is-zoomed-out{ |
664 background-color:#ddd; |
620 background-color:#ddd; |
665 border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd; |
621 margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size, 0)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1)*-1 + -2px); |
666 margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px); |
622 padding-bottom:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
667 transform:scale(var(--wp-block-editor-iframe-zoom-out-scale)); |
623 padding-top:calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
|
624 scale:var(--wp-block-editor-iframe-zoom-out-scale, 1); |
|
625 transform:translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))/2/var(--wp-block-editor-iframe-zoom-out-scale, 1))); |
668 } |
626 } |
669 .block-editor-iframe__html.is-zoomed-out body{ |
627 .block-editor-iframe__html.is-zoomed-out body{ |
670 display:flex; |
628 min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size, 0)/var(--wp-block-editor-iframe-zoom-out-scale, 1))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
671 flex-direction:column; |
629 } |
672 min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale)); |
630 .block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content){ |
673 } |
|
674 .block-editor-iframe__html.is-zoomed-out body>.is-root-container{ |
|
675 display:flex; |
631 display:flex; |
676 flex:1; |
632 flex:1; |
677 flex-direction:column; |
633 flex-direction:column; |
678 height:100%; |
634 height:100%; |
679 } |
635 } |
680 .block-editor-iframe__html.is-zoomed-out body>.is-root-container>main{ |
636 .block-editor-iframe__html.is-zoomed-out body>.is-root-container:not(.wp-block-post-content)>main{ |
681 flex:1; |
637 flex:1; |
682 } |
638 } |
683 |
639 .block-editor-iframe__html.is-zoomed-out .wp-block[draggable]{ |
684 .block-editor-block-list__layout.has-overlay:after{ |
640 cursor:grab; |
685 bottom:0; |
|
686 content:""; |
|
687 left:0; |
|
688 position:absolute; |
|
689 right:0; |
|
690 top:0; |
|
691 z-index:60; |
|
692 } |
|
693 |
|
694 .block-editor-media-placeholder__url-input-form{ |
|
695 display:flex; |
|
696 } |
|
697 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ |
|
698 border:none; |
|
699 border-radius:0; |
|
700 flex-grow:1; |
|
701 margin:2px; |
|
702 min-width:200px; |
|
703 width:100%; |
|
704 } |
|
705 @media (min-width:600px){ |
|
706 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ |
|
707 width:300px; |
|
708 } |
|
709 } |
|
710 |
|
711 .block-editor-media-placeholder__url-input-submit-button{ |
|
712 flex-shrink:1; |
|
713 } |
641 } |
714 |
642 |
715 .block-editor-media-placeholder__cancel-button.is-link{ |
643 .block-editor-media-placeholder__cancel-button.is-link{ |
716 display:block; |
644 display:block; |
717 margin:1em; |
645 margin:1em; |