|
1 @charset "UTF-8"; |
|
2 /** |
|
3 * Colors |
|
4 */ |
|
5 /** |
|
6 * Breakpoints & Media Queries |
|
7 */ |
|
8 /** |
|
9 * Often re-used variables |
|
10 */ |
|
11 /** |
|
12 * Breakpoint mixins |
|
13 */ |
|
14 /** |
|
15 * Long content fade mixin |
|
16 * |
|
17 * Creates a fading overlay to signify that the content is longer |
|
18 * than the space allows. |
|
19 */ |
|
20 /** |
|
21 * Button states and focus styles |
|
22 */ |
|
23 /** |
|
24 * Applies editor left position to the selector passed as argument |
|
25 */ |
|
26 /** |
|
27 * Applies editor right position to the selector passed as argument |
|
28 */ |
|
29 /** |
|
30 * Styles that are reused verbatim in a few places |
|
31 */ |
|
32 /** |
|
33 * Allows users to opt-out of animations via OS-level preferences. |
|
34 */ |
|
35 .block-editor-block-drop-zone { |
|
36 border: none; |
|
37 border-radius: 0; } |
|
38 .block-editor-block-drop-zone .components-drop-zone__content, |
|
39 .block-editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content { |
|
40 display: none; } |
|
41 .block-editor-block-drop-zone.is-close-to-bottom { |
|
42 background: none; |
|
43 border-bottom: 3px solid #0085ba; } |
|
44 body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-bottom{ |
|
45 border-bottom: 3px solid #d1864a; } |
|
46 body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-bottom{ |
|
47 border-bottom: 3px solid #a3b9a2; } |
|
48 body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-bottom{ |
|
49 border-bottom: 3px solid #e14d43; } |
|
50 body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-bottom{ |
|
51 border-bottom: 3px solid #a7b656; } |
|
52 body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-bottom{ |
|
53 border-bottom: 3px solid #c2a68c; } |
|
54 body.admin-color-blue .block-editor-block-drop-zone.is-close-to-bottom{ |
|
55 border-bottom: 3px solid #82b4cb; } |
|
56 body.admin-color-light .block-editor-block-drop-zone.is-close-to-bottom{ |
|
57 border-bottom: 3px solid #0085ba; } |
|
58 .block-editor-block-drop-zone.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-bottom { |
|
59 background: none; |
|
60 border-top: 3px solid #0085ba; |
|
61 border-bottom: none; } |
|
62 body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
63 border-top: 3px solid #d1864a; } |
|
64 body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
65 border-top: 3px solid #a3b9a2; } |
|
66 body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
67 border-top: 3px solid #e14d43; } |
|
68 body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
69 border-top: 3px solid #a7b656; } |
|
70 body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
71 border-top: 3px solid #c2a68c; } |
|
72 body.admin-color-blue .block-editor-block-drop-zone.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
73 border-top: 3px solid #82b4cb; } |
|
74 body.admin-color-light .block-editor-block-drop-zone.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
75 border-top: 3px solid #0085ba; } |
|
76 |
|
77 .block-editor-block-icon { |
|
78 display: flex; |
|
79 align-items: center; |
|
80 justify-content: center; |
|
81 width: 24px; |
|
82 height: 24px; |
|
83 margin: 0; |
|
84 border-radius: 4px; } |
|
85 .block-editor-block-icon.has-colors svg { |
|
86 fill: currentColor; } |
|
87 .block-editor-block-icon svg { |
|
88 min-width: 20px; |
|
89 min-height: 20px; |
|
90 max-width: 24px; |
|
91 max-height: 24px; } |
|
92 |
|
93 .block-editor-block-inspector__no-blocks { |
|
94 display: block; |
|
95 font-size: 13px; |
|
96 background: #fff; |
|
97 padding: 32px 16px; |
|
98 text-align: center; } |
|
99 |
|
100 .block-editor-block-inspector__card { |
|
101 display: flex; |
|
102 align-items: flex-start; |
|
103 margin: -16px; |
|
104 padding: 16px; } |
|
105 |
|
106 .block-editor-block-inspector__card-icon { |
|
107 border: 1px solid #ccd0d4; |
|
108 padding: 7px; |
|
109 margin-left: 10px; |
|
110 height: 36px; |
|
111 width: 36px; } |
|
112 |
|
113 .block-editor-block-inspector__card-content { |
|
114 flex-grow: 1; } |
|
115 |
|
116 .block-editor-block-inspector__card-title { |
|
117 font-weight: 500; |
|
118 margin-bottom: 5px; } |
|
119 |
|
120 .block-editor-block-inspector__card-description { |
|
121 font-size: 13px; } |
|
122 |
|
123 .block-editor-block-inspector__card .block-editor-block-icon { |
|
124 margin-right: -2px; |
|
125 margin-left: 10px; |
|
126 padding: 0 3px; |
|
127 width: 36px; |
|
128 height: 24px; } |
|
129 |
|
130 .block-editor-block-list__layout .components-draggable__clone .block-editor-block-contextual-toolbar { |
|
131 display: none !important; } |
|
132 |
|
133 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-list__block-edit::before { |
|
134 border: none; } |
|
135 |
|
136 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * { |
|
137 background: #f8f9f9; } |
|
138 |
|
139 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * > * { |
|
140 visibility: hidden; } |
|
141 |
|
142 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-mover, |
|
143 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-contextual-toolbar { |
|
144 display: none; } |
|
145 |
|
146 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit .reusable-block-edit-panel * { |
|
147 z-index: 1; } |
|
148 |
|
149 /** |
|
150 * General layout |
|
151 */ |
|
152 @media (min-width: 600px) { |
|
153 .block-editor-block-list__layout { |
|
154 padding-right: 46px; |
|
155 padding-left: 46px; } } |
|
156 |
|
157 .block-editor-block-list__block .block-editor-block-list__layout { |
|
158 padding-right: 0; |
|
159 padding-left: 0; |
|
160 margin-right: -14px; |
|
161 margin-left: -14px; } |
|
162 |
|
163 .block-editor-block-list__layout .block-editor-default-block-appender > .block-editor-default-block-appender__content, |
|
164 .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit, |
|
165 .block-editor-block-list__layout > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit { |
|
166 margin-top: 32px; |
|
167 margin-bottom: 32px; } |
|
168 |
|
169 .block-editor-block-list__layout .block-editor-block-list__block { |
|
170 position: relative; |
|
171 padding-right: 14px; |
|
172 padding-left: 14px; |
|
173 overflow-wrap: break-word; |
|
174 /** |
|
175 * Notices |
|
176 */ |
|
177 /** |
|
178 * Block border layout |
|
179 */ } |
|
180 @media (min-width: 600px) { |
|
181 .block-editor-block-list__layout .block-editor-block-list__block { |
|
182 padding-right: 43px; |
|
183 padding-left: 43px; } } |
|
184 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
|
185 margin: -10px 20px 12px 20px; |
|
186 width: calc(100% - 40px); } |
|
187 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
|
188 margin: 0 0 12px 0; |
|
189 width: 100%; } |
|
190 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
|
191 margin-right: 0; |
|
192 margin-left: 0; } |
|
193 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
|
194 font-size: 13px; } |
|
195 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit { |
|
196 position: relative; } |
|
197 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit::before { |
|
198 z-index: 0; |
|
199 content: ""; |
|
200 position: absolute; |
|
201 border: 1px solid transparent; |
|
202 border-right: none; |
|
203 box-shadow: none; |
|
204 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
|
205 pointer-events: none; |
|
206 outline: 1px solid transparent; |
|
207 left: -14px; |
|
208 right: -14px; |
|
209 top: -14px; |
|
210 bottom: -14px; } |
|
211 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
212 border-color: rgba(66, 88, 99, 0.4); |
|
213 box-shadow: inset -3px 0 0 0 #555d66; } |
|
214 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
215 border-color: rgba(255, 255, 255, 0.45); |
|
216 box-shadow: inset -3px 0 0 0 #d7dade; } |
|
217 @media (min-width: 600px) { |
|
218 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
219 box-shadow: 3px 0 0 0 #555d66; } |
|
220 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
221 box-shadow: 3px 0 0 0 #d7dade; } } |
|
222 .block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before { |
|
223 box-shadow: 3px 0 0 0 #e2e4e7; } |
|
224 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before { |
|
225 box-shadow: 3px 0 0 0 #40464d; } |
|
226 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
|
227 opacity: 0.5; |
|
228 transition: opacity 0.1s linear; } |
|
229 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { |
|
230 opacity: 1; } |
|
231 |
|
232 /** |
|
233 * Cross-block selection |
|
234 */ |
|
235 |
|
236 .block-editor-block-list__layout .block-editor-block-list__block ::selection { |
|
237 background-color: #b3e7fe; } |
|
238 |
|
239 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected *::selection { |
|
240 background-color: transparent; } |
|
241 |
|
242 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before { |
|
243 background: #b3e7fe; |
|
244 mix-blend-mode: multiply; |
|
245 top: -14px; |
|
246 bottom: -14px; } |
|
247 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before { |
|
248 mix-blend-mode: soft-light; } |
|
249 |
|
250 /** |
|
251 * Block styles and alignments |
|
252 */ |
|
253 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
|
254 min-height: 36px; } |
|
255 |
|
256 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit > * { |
|
257 pointer-events: none; |
|
258 -webkit-user-select: none; |
|
259 -moz-user-select: none; |
|
260 -ms-user-select: none; |
|
261 user-select: none; } |
|
262 |
|
263 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit .block-editor-warning { |
|
264 pointer-events: all; } |
|
265 |
|
266 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before { |
|
267 border-color: rgba(145, 151, 162, 0.25); |
|
268 border-right: 1px solid rgba(145, 151, 162, 0.25); } |
|
269 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before { |
|
270 border-color: rgba(255, 255, 255, 0.35); } |
|
271 |
|
272 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before { |
|
273 border-color: rgba(66, 88, 99, 0.4); |
|
274 border-right-color: transparent; } |
|
275 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before { |
|
276 border-color: rgba(255, 255, 255, 0.45); } |
|
277 |
|
278 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::after { |
|
279 content: ""; |
|
280 position: absolute; |
|
281 background-color: rgba(248, 249, 249, 0.4); |
|
282 top: -14px; |
|
283 bottom: -14px; |
|
284 left: -14px; |
|
285 right: -14px; } |
|
286 |
|
287 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected .block-editor-block-list__block-edit::after { |
|
288 background-color: transparent; } |
|
289 |
|
290 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after { |
|
291 bottom: 22px; } |
|
292 @media (min-width: 600px) { |
|
293 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after { |
|
294 bottom: -14px; } } |
|
295 |
|
296 .block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__empty-block-inserter, |
|
297 .block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__side-inserter { |
|
298 opacity: 0; |
|
299 animation: none; } |
|
300 |
|
301 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter, |
|
302 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter { |
|
303 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
304 animation-fill-mode: forwards; } |
|
305 @media (prefers-reduced-motion: reduce) { |
|
306 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter, |
|
307 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter { |
|
308 animation-duration: 1ms !important; } } |
|
309 |
|
310 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before { |
|
311 border: 1px dashed rgba(145, 151, 162, 0.25); } |
|
312 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before { |
|
313 border-color: rgba(255, 255, 255, 0.35); } |
|
314 |
|
315 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before { |
|
316 border-color: rgba(66, 88, 99, 0.4); |
|
317 border-right-color: transparent; } |
|
318 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before { |
|
319 border-color: rgba(255, 255, 255, 0.45); |
|
320 border-right-color: transparent; } |
|
321 |
|
322 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] { |
|
323 z-index: 81; |
|
324 width: 100%; |
|
325 height: 0; } |
|
326 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit { |
|
327 margin-top: 0; } |
|
328 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit::before { |
|
329 content: none; } |
|
330 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
331 margin-bottom: 1px; } |
|
332 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
333 width: auto; |
|
334 border-bottom: 1px solid #b5bcc2; |
|
335 bottom: auto; } |
|
336 |
|
337 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
338 right: 0; |
|
339 left: auto; } |
|
340 |
|
341 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
342 right: auto; |
|
343 left: 0; } |
|
344 |
|
345 @media (min-width: 600px) { |
|
346 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar, |
|
347 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
348 top: 14px; } } |
|
349 |
|
350 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit { |
|
351 float: left; |
|
352 margin-right: 2em; } |
|
353 |
|
354 @media (min-width: 600px) { |
|
355 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-toolbar { |
|
356 left: 14px; |
|
357 right: auto; } } |
|
358 |
|
359 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit { |
|
360 float: right; |
|
361 margin-left: 2em; } |
|
362 |
|
363 @media (min-width: 600px) { |
|
364 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-toolbar { |
|
365 right: 14px; |
|
366 left: auto; } } |
|
367 |
|
368 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] { |
|
369 clear: both; |
|
370 z-index: 20; } |
|
371 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
372 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
373 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
374 top: -44px; |
|
375 bottom: auto; |
|
376 min-height: 0; |
|
377 height: auto; |
|
378 width: auto; } |
|
379 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover::before, |
|
380 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover::before, |
|
381 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before { |
|
382 content: none; } |
|
383 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control, |
|
384 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control, |
|
385 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control { |
|
386 float: right; } |
|
387 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
388 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
389 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
390 display: none; } |
|
391 @media (min-width: 1280px) { |
|
392 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
393 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
394 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
395 display: block; } } |
|
396 @media (min-width: 600px) { |
|
397 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] .block-editor-block-toolbar { |
|
398 display: inline-flex; } } |
|
399 |
|
400 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
401 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
402 right: -13px; } |
|
403 |
|
404 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-list__breadcrumb { |
|
405 right: 0; } |
|
406 |
|
407 @media (min-width: 600px) { |
|
408 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] { |
|
409 margin-right: -45px; |
|
410 margin-left: -45px; } } |
|
411 |
|
412 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit { |
|
413 margin-right: -14px; |
|
414 margin-left: -14px; } |
|
415 @media (min-width: 600px) { |
|
416 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit { |
|
417 margin-right: -44px; |
|
418 margin-left: -44px; } } |
|
419 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit figure { |
|
420 width: 100%; } |
|
421 |
|
422 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit::before { |
|
423 right: 0; |
|
424 left: 0; |
|
425 border-right-width: 0; |
|
426 border-left-width: 0; } |
|
427 |
|
428 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
429 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
430 right: 1px; } |
|
431 |
|
432 .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { |
|
433 float: none; } |
|
434 |
|
435 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-drop-zone { |
|
436 top: -4px; |
|
437 bottom: -3px; |
|
438 margin: 0 14px; } |
|
439 |
|
440 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-inserter-with-shortcuts { |
|
441 display: none; } |
|
442 |
|
443 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__empty-block-inserter, |
|
444 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { |
|
445 right: auto; |
|
446 left: 8px; } |
|
447 |
|
448 /** |
|
449 * Left and right side UI; Unified toolbar on Mobile |
|
450 */ |
|
451 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
|
452 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
453 position: absolute; |
|
454 width: 30px; |
|
455 height: 100%; |
|
456 max-height: 112px; } |
|
457 |
|
458 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
|
459 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
460 top: -15px; } |
|
461 |
|
462 @media (min-width: 600px) { |
|
463 .block-editor-block-list__block.is-multi-selected .block-editor-block-mover, .block-editor-block-list__block.is-selected .block-editor-block-mover, .block-editor-block-list__block.is-hovered .block-editor-block-mover { |
|
464 z-index: 80; } } |
|
465 |
|
466 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
|
467 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
468 padding-left: 2px; |
|
469 right: -45px; |
|
470 display: none; } |
|
471 @media (min-width: 600px) { |
|
472 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
|
473 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
474 display: block; } } |
|
475 |
|
476 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover { |
|
477 right: -30px; } |
|
478 |
|
479 .block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
480 display: none; } |
|
481 @media (min-width: 600px) { |
|
482 .block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
483 display: block; |
|
484 opacity: 1; |
|
485 animation: none; |
|
486 width: 45px; |
|
487 height: auto; |
|
488 padding-bottom: 14px; |
|
489 margin-top: 0; } } |
|
490 |
|
491 .block-editor-block-list__block[data-align="left"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover, |
|
492 .block-editor-block-list__block[data-align="left"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover, |
|
493 .block-editor-block-list__block[data-align="right"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
494 display: none; } |
|
495 |
|
496 /** |
|
497 * Mobile unified toolbar. |
|
498 */ |
|
499 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
500 display: flex; |
|
501 flex-direction: row; |
|
502 transform: translateY(15px); |
|
503 margin-top: 37px; |
|
504 margin-left: -14px; |
|
505 margin-right: -14px; |
|
506 border-top: 1px solid #b5bcc2; |
|
507 height: 37px; |
|
508 background-color: #fff; |
|
509 box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); } |
|
510 @media (min-width: 600px) { |
|
511 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
512 display: none; } } |
|
513 @media (min-width: 600px) { |
|
514 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
515 box-shadow: none; } } |
|
516 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter { |
|
517 position: relative; |
|
518 right: auto; |
|
519 top: auto; |
|
520 margin: 0; } |
|
521 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle, |
|
522 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control { |
|
523 width: 36px; |
|
524 height: 36px; |
|
525 border-radius: 4px; |
|
526 padding: 3px; |
|
527 margin: 0; |
|
528 justify-content: center; |
|
529 align-items: center; } |
|
530 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle .dashicon, |
|
531 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control .dashicon { |
|
532 margin: auto; } |
|
533 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover { |
|
534 display: flex; |
|
535 margin-left: auto; } |
|
536 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-inserter, |
|
537 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover__control { |
|
538 float: right; } |
|
539 |
|
540 .block-editor-block-list__block[data-align="full"] .block-editor-block-list__block-mobile-toolbar { |
|
541 margin-right: 0; |
|
542 margin-left: 0; } |
|
543 |
|
544 /** |
|
545 * In-Canvas Inserter |
|
546 */ |
|
547 .block-editor-block-list .block-editor-inserter { |
|
548 margin: 8px; |
|
549 cursor: move; |
|
550 cursor: -webkit-grab; |
|
551 cursor: grab; } |
|
552 |
|
553 .block-editor-block-list__insertion-point { |
|
554 position: relative; |
|
555 z-index: 6; |
|
556 margin-top: -14px; } |
|
557 |
|
558 .block-editor-block-list__insertion-point-indicator { |
|
559 position: absolute; |
|
560 top: calc(50% - 1px); |
|
561 height: 2px; |
|
562 right: 0; |
|
563 left: 0; |
|
564 background: #0085ba; } |
|
565 |
|
566 body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator{ |
|
567 background: #d1864a; } |
|
568 |
|
569 body.admin-color-ocean .block-editor-block-list__insertion-point-indicator{ |
|
570 background: #a3b9a2; } |
|
571 |
|
572 body.admin-color-midnight .block-editor-block-list__insertion-point-indicator{ |
|
573 background: #e14d43; } |
|
574 |
|
575 body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator{ |
|
576 background: #a7b656; } |
|
577 |
|
578 body.admin-color-coffee .block-editor-block-list__insertion-point-indicator{ |
|
579 background: #c2a68c; } |
|
580 |
|
581 body.admin-color-blue .block-editor-block-list__insertion-point-indicator{ |
|
582 background: #82b4cb; } |
|
583 |
|
584 body.admin-color-light .block-editor-block-list__insertion-point-indicator{ |
|
585 background: #0085ba; } |
|
586 |
|
587 .block-editor-block-list__insertion-point-inserter { |
|
588 display: none; |
|
589 position: absolute; |
|
590 bottom: auto; |
|
591 right: 0; |
|
592 left: 0; |
|
593 justify-content: center; |
|
594 height: 22px; |
|
595 opacity: 0; |
|
596 transition: opacity 0.1s linear; } |
|
597 @media (min-width: 480px) { |
|
598 .block-editor-block-list__insertion-point-inserter { |
|
599 display: flex; } } |
|
600 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle { |
|
601 margin-top: -8px; |
|
602 border-radius: 50%; |
|
603 color: #007cba; |
|
604 background: #fff; |
|
605 height: 36px; |
|
606 width: 36px; } |
|
607 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover { |
|
608 box-shadow: none; } |
|
609 .block-editor-block-list__insertion-point-inserter:hover, .block-editor-block-list__insertion-point-inserter.is-visible { |
|
610 opacity: 1; } |
|
611 |
|
612 .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter, |
|
613 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter { |
|
614 opacity: 0; |
|
615 pointer-events: none; } |
|
616 .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible, |
|
617 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, |
|
618 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible { |
|
619 opacity: 1; |
|
620 pointer-events: auto; } |
|
621 |
|
622 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
|
623 position: absolute; |
|
624 top: -16px; |
|
625 height: 28px; |
|
626 bottom: auto; |
|
627 right: 0; |
|
628 left: 0; } |
|
629 @media (min-width: 600px) { |
|
630 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
|
631 right: -1px; |
|
632 left: -1px; } } |
|
633 |
|
634 .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__insertion-point { |
|
635 right: 0; |
|
636 left: 0; } |
|
637 |
|
638 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
|
639 display: block; |
|
640 margin: 0; |
|
641 width: 100%; |
|
642 border: none; |
|
643 outline: none; |
|
644 box-shadow: none; |
|
645 resize: none; |
|
646 overflow: hidden; |
|
647 font-family: Menlo, Consolas, monaco, monospace; |
|
648 font-size: 14px; |
|
649 line-height: 150%; |
|
650 transition: padding 0.2s linear; } |
|
651 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
|
652 box-shadow: none; } |
|
653 |
|
654 /** |
|
655 * Block Toolbar when contextual. |
|
656 */ |
|
657 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
658 z-index: 21; |
|
659 white-space: nowrap; |
|
660 text-align: right; |
|
661 pointer-events: none; |
|
662 position: absolute; |
|
663 bottom: 22px; |
|
664 right: -14px; |
|
665 left: -14px; |
|
666 border-top: 1px solid #b5bcc2; } |
|
667 .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar { |
|
668 border-top: none; |
|
669 border-bottom: none; } |
|
670 @media (min-width: 600px) { |
|
671 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
672 border-top: none; } |
|
673 .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar { |
|
674 border-top: 1px solid #b5bcc2; |
|
675 border-bottom: 1px solid #b5bcc2; } } |
|
676 |
|
677 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
|
678 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
679 margin-bottom: 1px; |
|
680 margin-top: -37px; |
|
681 box-shadow: 3px 0 0 0 #555d66; } |
|
682 .is-dark-theme .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .is-dark-theme |
|
683 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
684 box-shadow: 3px 0 0 0 #d7dade; } |
|
685 @media (min-width: 600px) { |
|
686 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
|
687 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
688 box-shadow: none; } } |
|
689 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar .editor-block-toolbar, |
|
690 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar .editor-block-toolbar { |
|
691 border-right: none; } |
|
692 |
|
693 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
694 margin-right: 0; |
|
695 margin-left: 0; } |
|
696 @media (min-width: 600px) { |
|
697 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
698 margin-right: -15px; |
|
699 margin-left: -15px; } } |
|
700 |
|
701 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
702 margin-right: 15px; } |
|
703 |
|
704 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
705 margin-left: 15px; } |
|
706 |
|
707 .block-editor-block-list__block .block-editor-block-contextual-toolbar > * { |
|
708 pointer-events: auto; } |
|
709 |
|
710 .block-editor-block-list__block[data-align="full"] .block-editor-block-contextual-toolbar { |
|
711 right: 0; |
|
712 left: 0; } |
|
713 |
|
714 .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { |
|
715 margin-right: -28px; } |
|
716 |
|
717 @media (min-width: 600px) { |
|
718 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
719 bottom: auto; |
|
720 right: auto; |
|
721 left: auto; |
|
722 box-shadow: none; |
|
723 transform: translateY(-52px); } |
|
724 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
725 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
726 position: -webkit-sticky; |
|
727 position: sticky; |
|
728 top: 51px; } } } |
|
729 |
|
730 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
731 float: left; } |
|
732 |
|
733 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
734 float: right; } |
|
735 |
|
736 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
|
737 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
738 transform: translateY(-15px); } |
|
739 |
|
740 .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
|
741 width: 100%; } |
|
742 @media (min-width: 600px) { |
|
743 .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
|
744 width: auto; |
|
745 border-left: none; |
|
746 position: absolute; |
|
747 right: 1px; |
|
748 top: 1px; } } |
|
749 |
|
750 /** |
|
751 * Hover label |
|
752 */ |
|
753 .block-editor-block-list__breadcrumb { |
|
754 position: absolute; |
|
755 line-height: 1; |
|
756 z-index: 2; |
|
757 right: -17px; |
|
758 top: -31px; } |
|
759 .block-editor-block-list__breadcrumb .components-toolbar { |
|
760 padding: 0; |
|
761 border: none; |
|
762 line-height: 1; |
|
763 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
764 font-size: 11px; |
|
765 padding: 4px 4px; |
|
766 background: #e2e4e7; |
|
767 color: #191e23; } |
|
768 .is-dark-theme .block-editor-block-list__breadcrumb .components-toolbar { |
|
769 background: #40464d; |
|
770 color: #fff; } |
|
771 .block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar { |
|
772 opacity: 0; |
|
773 animation: edit-post__fade-in-animation 60ms ease-out 0.5s; |
|
774 animation-fill-mode: forwards; } |
|
775 @media (prefers-reduced-motion: reduce) { |
|
776 .block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar { |
|
777 animation-duration: 1ms !important; } } |
|
778 .editor-inner-blocks .block-editor-block-list__breadcrumb { |
|
779 z-index: 22; } |
|
780 [data-align="left"] .block-editor-block-list__breadcrumb { |
|
781 right: 0; } |
|
782 [data-align="right"] .block-editor-block-list__breadcrumb { |
|
783 right: auto; |
|
784 left: 0; } |
|
785 |
|
786 .block-editor-block-list__descendant-arrow::before { |
|
787 content: "→"; |
|
788 display: inline-block; |
|
789 padding: 0 4px; } |
|
790 .rtl .block-editor-block-list__descendant-arrow::before { |
|
791 content: "←"; } |
|
792 |
|
793 @media (min-width: 600px) { |
|
794 .block-editor-block-list__block::before { |
|
795 bottom: 0; |
|
796 content: ""; |
|
797 right: -28px; |
|
798 position: absolute; |
|
799 left: -28px; |
|
800 top: 0; } |
|
801 .block-editor-block-list__block .block-editor-block-list__block::before { |
|
802 right: 0; |
|
803 left: 0; } |
|
804 .block-editor-block-list__block[data-align="full"]::before { |
|
805 content: none; } } |
|
806 |
|
807 .block-editor-block-list__block .block-editor-warning { |
|
808 z-index: 5; |
|
809 position: relative; |
|
810 margin-left: -14px; |
|
811 margin-right: -14px; |
|
812 margin-bottom: -14px; |
|
813 transform: translateY(-14px); |
|
814 padding: 10px 14px; } |
|
815 @media (min-width: 600px) { |
|
816 .block-editor-block-list__block .block-editor-warning { |
|
817 padding: 10px 14px; } } |
|
818 |
|
819 .block-list-appender > .block-editor-inserter { |
|
820 display: block; } |
|
821 |
|
822 .block-list-appender__toggle { |
|
823 display: flex; |
|
824 align-items: center; |
|
825 justify-content: center; |
|
826 padding: 16px; |
|
827 outline: 1px dashed #8d96a0; |
|
828 width: 100%; |
|
829 color: #555d66; } |
|
830 .block-list-appender__toggle:hover { |
|
831 outline: 1px dashed #555d66; } |
|
832 |
|
833 /** |
|
834 * Invalid block comparison |
|
835 */ |
|
836 .block-editor-block-compare { |
|
837 overflow: auto; |
|
838 height: auto; } |
|
839 @media (min-width: 600px) { |
|
840 .block-editor-block-compare { |
|
841 max-height: 70%; } } |
|
842 |
|
843 .block-editor-block-compare__wrapper { |
|
844 display: flex; |
|
845 padding-bottom: 16px; } |
|
846 .block-editor-block-compare__wrapper > div { |
|
847 display: flex; |
|
848 justify-content: space-between; |
|
849 flex-direction: column; |
|
850 width: 50%; |
|
851 padding: 0 0 0 16px; |
|
852 min-width: 200px; } |
|
853 .block-editor-block-compare__wrapper > div button { |
|
854 float: left; } |
|
855 .block-editor-block-compare__wrapper .block-editor-block-compare__converted { |
|
856 border-right: 1px solid #ddd; |
|
857 padding-right: 15px; } |
|
858 .block-editor-block-compare__wrapper .block-editor-block-compare__html { |
|
859 font-family: Menlo, Consolas, monaco, monospace; |
|
860 font-size: 12px; |
|
861 color: #23282d; |
|
862 border-bottom: 1px solid #ddd; |
|
863 padding-bottom: 15px; |
|
864 line-height: 1.7; } |
|
865 .block-editor-block-compare__wrapper .block-editor-block-compare__html span { |
|
866 background-color: #e6ffed; |
|
867 padding-top: 3px; |
|
868 padding-bottom: 3px; } |
|
869 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { |
|
870 background-color: #acf2bd; } |
|
871 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { |
|
872 background-color: #d94f4f; } |
|
873 .block-editor-block-compare__wrapper .block-editor-block-compare__preview { |
|
874 padding: 0; |
|
875 padding-top: 14px; } |
|
876 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { |
|
877 font-size: 12px; |
|
878 margin-top: 0; } |
|
879 .block-editor-block-compare__wrapper .block-editor-block-compare__action { |
|
880 margin-top: 14px; } |
|
881 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
|
882 font-size: 1em; |
|
883 font-weight: 400; |
|
884 margin: 0.67em 0; } |
|
885 |
|
886 .block-editor-block-mover { |
|
887 min-height: 56px; |
|
888 opacity: 0; } |
|
889 .block-editor-block-mover.is-visible { |
|
890 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
891 animation-fill-mode: forwards; } |
|
892 @media (prefers-reduced-motion: reduce) { |
|
893 .block-editor-block-mover.is-visible { |
|
894 animation-duration: 1ms !important; } } |
|
895 @media (min-width: 600px) { |
|
896 .block-editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .block-editor-block-mover { |
|
897 margin-top: -8px; } } |
|
898 |
|
899 .block-editor-block-mover__control { |
|
900 display: flex; |
|
901 align-items: center; |
|
902 justify-content: center; |
|
903 cursor: pointer; |
|
904 padding: 0; |
|
905 width: 28px; |
|
906 height: 24px; |
|
907 color: rgba(14, 28, 46, 0.62); } |
|
908 .block-editor-block-mover__control svg { |
|
909 width: 28px; |
|
910 height: 24px; |
|
911 padding: 2px 5px; } |
|
912 .is-dark-theme .block-editor-block-mover__control { |
|
913 color: rgba(255, 255, 255, 0.65); } |
|
914 .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control, |
|
915 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control { |
|
916 color: rgba(14, 28, 46, 0.62); } |
|
917 .block-editor-block-mover__control[aria-disabled="true"] { |
|
918 cursor: default; |
|
919 pointer-events: none; |
|
920 color: rgba(130, 148, 147, 0.15); } |
|
921 .is-dark-theme .block-editor-block-mover__control[aria-disabled="true"] { |
|
922 color: rgba(255, 255, 255, 0.2); } |
|
923 |
|
924 .block-editor-block-mover__control-drag-handle { |
|
925 cursor: move; |
|
926 cursor: -webkit-grab; |
|
927 cursor: grab; |
|
928 fill: currentColor; |
|
929 border-radius: 4px; } |
|
930 .block-editor-block-mover__control-drag-handle, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
931 box-shadow: none; |
|
932 background: none; |
|
933 color: rgba(10, 24, 41, 0.7); } |
|
934 .is-dark-theme .block-editor-block-mover__control-drag-handle, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
935 color: rgba(255, 255, 255, 0.75); } |
|
936 .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle, |
|
937 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
938 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
939 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
940 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
941 color: rgba(10, 24, 41, 0.7); } |
|
942 .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { |
|
943 cursor: -webkit-grabbing; |
|
944 cursor: grabbing; } |
|
945 |
|
946 .block-editor-block-mover__description { |
|
947 display: none; } |
|
948 |
|
949 @media (min-width: 600px) { |
|
950 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), |
|
951 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), |
|
952 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), .block-editor-block-list__layout [data-align="right"] |
|
953 .block-editor-block-mover__control, |
|
954 .block-editor-block-list__layout [data-align="left"] |
|
955 .block-editor-block-mover__control, |
|
956 .block-editor-block-list__layout .block-editor-block-list__layout |
|
957 .block-editor-block-mover__control { |
|
958 background: #fff; |
|
959 box-shadow: inset 0 0 0 1px #e2e4e7; } |
|
960 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), |
|
961 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), |
|
962 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), .block-editor-block-list__layout [data-align="right"] |
|
963 .block-editor-block-mover__control:nth-child(-n+2), |
|
964 .block-editor-block-list__layout [data-align="left"] |
|
965 .block-editor-block-mover__control:nth-child(-n+2), |
|
966 .block-editor-block-list__layout .block-editor-block-list__layout |
|
967 .block-editor-block-mover__control:nth-child(-n+2) { |
|
968 margin-bottom: -1px; } |
|
969 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
970 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
971 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
972 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
973 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
974 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
975 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, .block-editor-block-list__layout [data-align="right"] |
|
976 .block-editor-block-mover__control:hover, .block-editor-block-list__layout [data-align="right"] |
|
977 .block-editor-block-mover__control:active, .block-editor-block-list__layout [data-align="right"] |
|
978 .block-editor-block-mover__control:focus, |
|
979 .block-editor-block-list__layout [data-align="left"] |
|
980 .block-editor-block-mover__control:hover, |
|
981 .block-editor-block-list__layout [data-align="left"] |
|
982 .block-editor-block-mover__control:active, |
|
983 .block-editor-block-list__layout [data-align="left"] |
|
984 .block-editor-block-mover__control:focus, |
|
985 .block-editor-block-list__layout .block-editor-block-list__layout |
|
986 .block-editor-block-mover__control:hover, |
|
987 .block-editor-block-list__layout .block-editor-block-list__layout |
|
988 .block-editor-block-mover__control:active, |
|
989 .block-editor-block-list__layout .block-editor-block-list__layout |
|
990 .block-editor-block-mover__control:focus { |
|
991 z-index: 1; } } |
|
992 |
|
993 .block-editor-block-navigation__container { |
|
994 padding: 7px; } |
|
995 |
|
996 .block-editor-block-navigation__label { |
|
997 margin: 0 0 8px; |
|
998 color: #6c7781; } |
|
999 |
|
1000 .block-editor-block-navigation__list, |
|
1001 .block-editor-block-navigation__paragraph { |
|
1002 padding: 0; |
|
1003 margin: 0; } |
|
1004 |
|
1005 .block-editor-block-navigation__list .block-editor-block-navigation__list { |
|
1006 margin-top: 2px; |
|
1007 border-right: 2px solid #a2aab2; |
|
1008 margin-right: 1em; } |
|
1009 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__list { |
|
1010 margin-right: 1.5em; } |
|
1011 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item { |
|
1012 position: relative; } |
|
1013 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item::before { |
|
1014 position: absolute; |
|
1015 right: 0; |
|
1016 background: #a2aab2; |
|
1017 width: 0.5em; |
|
1018 height: 2px; |
|
1019 content: ""; |
|
1020 top: calc(50% - 1px); } |
|
1021 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item-button { |
|
1022 margin-right: 0.8em; |
|
1023 width: calc(100% - 0.8em); } |
|
1024 .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child { |
|
1025 position: relative; } |
|
1026 .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child::after { |
|
1027 position: absolute; |
|
1028 content: ""; |
|
1029 background: #fff; |
|
1030 top: 19px; |
|
1031 bottom: 0; |
|
1032 right: -2px; |
|
1033 width: 2px; } |
|
1034 |
|
1035 .block-editor-block-navigation__item-button { |
|
1036 display: flex; |
|
1037 align-items: center; |
|
1038 width: 100%; |
|
1039 padding: 6px; |
|
1040 text-align: right; |
|
1041 color: #40464d; |
|
1042 border-radius: 4px; } |
|
1043 .block-editor-block-navigation__item-button .block-editor-block-icon { |
|
1044 margin-left: 6px; } |
|
1045 .block-editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) { |
|
1046 color: #191e23; |
|
1047 border: none; |
|
1048 box-shadow: none; |
|
1049 background: #f3f4f5; } |
|
1050 .block-editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) { |
|
1051 color: #191e23; |
|
1052 border: none; |
|
1053 box-shadow: none; |
|
1054 outline-offset: -2px; |
|
1055 outline: 1px dotted #555d66; } |
|
1056 .block-editor-block-navigation__item-button.is-selected, .block-editor-block-navigation__item-button.is-selected:focus { |
|
1057 color: #32373c; |
|
1058 background: #edeff0; } |
|
1059 |
|
1060 .block-editor-block-preview { |
|
1061 pointer-events: none; |
|
1062 padding: 10px; |
|
1063 overflow: hidden; |
|
1064 display: none; } |
|
1065 @media (min-width: 782px) { |
|
1066 .block-editor-block-preview { |
|
1067 display: block; } } |
|
1068 .block-editor-block-preview .block-editor-block-preview__content { |
|
1069 padding: 14px; |
|
1070 border: 1px solid #e2e4e7; |
|
1071 font-family: "Noto Serif", serif; } |
|
1072 .block-editor-block-preview .block-editor-block-preview__content > div { |
|
1073 transform: scale(0.9); |
|
1074 transform-origin: center top; |
|
1075 font-family: "Noto Serif", serif; } |
|
1076 .block-editor-block-preview .block-editor-block-preview__content > div section { |
|
1077 height: auto; } |
|
1078 .block-editor-block-preview .block-editor-block-preview__content > .reusable-block-indicator { |
|
1079 display: none; } |
|
1080 |
|
1081 .block-editor-block-preview__title { |
|
1082 margin-bottom: 10px; |
|
1083 color: #6c7781; } |
|
1084 |
|
1085 .block-editor-block-settings-menu__toggle .dashicon { |
|
1086 transform: rotate(-90deg); } |
|
1087 |
|
1088 .block-editor-block-settings-menu__popover::before, .block-editor-block-settings-menu__popover::after { |
|
1089 margin-right: 2px; } |
|
1090 |
|
1091 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__content { |
|
1092 padding: 7px 0; } |
|
1093 |
|
1094 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator { |
|
1095 margin-top: 8px; |
|
1096 margin-bottom: 8px; |
|
1097 margin-right: 0; |
|
1098 margin-left: 0; |
|
1099 border-top: 1px solid #e2e4e7; } |
|
1100 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator:last-child { |
|
1101 display: none; } |
|
1102 |
|
1103 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__title { |
|
1104 display: block; |
|
1105 padding: 6px; |
|
1106 color: #6c7781; } |
|
1107 |
|
1108 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control { |
|
1109 width: 100%; |
|
1110 justify-content: flex-start; |
|
1111 background: none; |
|
1112 outline: none; |
|
1113 border-radius: 0; |
|
1114 color: #555d66; |
|
1115 text-align: right; |
|
1116 cursor: pointer; |
|
1117 border: none; |
|
1118 box-shadow: none; } |
|
1119 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled="true"]) { |
|
1120 color: #191e23; |
|
1121 border: none; |
|
1122 box-shadow: none; |
|
1123 background: #f3f4f5; } |
|
1124 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled="true"]) { |
|
1125 color: #191e23; |
|
1126 border: none; |
|
1127 box-shadow: none; |
|
1128 outline-offset: -2px; |
|
1129 outline: 1px dotted #555d66; } |
|
1130 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control .dashicon { |
|
1131 margin-left: 5px; } |
|
1132 |
|
1133 .block-editor-block-styles { |
|
1134 display: flex; |
|
1135 flex-wrap: wrap; |
|
1136 justify-content: space-between; } |
|
1137 |
|
1138 .block-editor-block-styles__item { |
|
1139 width: calc(50% - 4px); |
|
1140 margin: 4px 0; |
|
1141 flex-shrink: 0; |
|
1142 cursor: pointer; |
|
1143 overflow: hidden; |
|
1144 border-radius: 4px; |
|
1145 padding: 4px; } |
|
1146 .block-editor-block-styles__item.is-active { |
|
1147 color: #191e23; |
|
1148 box-shadow: 0 0 0 2px #00a0d2; |
|
1149 outline: 2px solid transparent; |
|
1150 outline-offset: -2px; |
|
1151 box-shadow: 0 0 0 2px #555d66; } |
|
1152 .block-editor-block-styles__item:focus { |
|
1153 color: #191e23; |
|
1154 box-shadow: 0 0 0 2px #00a0d2; |
|
1155 outline: 2px solid transparent; |
|
1156 outline-offset: -2px; } |
|
1157 .block-editor-block-styles__item:hover { |
|
1158 background: #f3f4f5; |
|
1159 color: #191e23; } |
|
1160 |
|
1161 .block-editor-block-styles__item-preview { |
|
1162 outline: 1px solid transparent; |
|
1163 border: 1px solid rgba(25, 30, 35, 0.2); |
|
1164 overflow: hidden; |
|
1165 padding: 0; |
|
1166 text-align: initial; |
|
1167 border-radius: 4px; |
|
1168 display: flex; |
|
1169 height: 60px; |
|
1170 background: #fff; } |
|
1171 .block-editor-block-styles__item-preview .block-editor-block-preview__content { |
|
1172 transform: scale(0.7); |
|
1173 transform-origin: center center; |
|
1174 width: 100%; |
|
1175 margin: 0; |
|
1176 padding: 0; |
|
1177 overflow: visible; |
|
1178 min-height: auto; } |
|
1179 |
|
1180 .block-editor-block-styles__item-label { |
|
1181 text-align: center; |
|
1182 padding: 4px 2px; } |
|
1183 |
|
1184 .block-editor-block-switcher { |
|
1185 position: relative; |
|
1186 height: 36px; } |
|
1187 |
|
1188 .components-icon-button.block-editor-block-switcher__toggle, |
|
1189 .components-icon-button.block-editor-block-switcher__no-switcher-icon { |
|
1190 margin: 0; |
|
1191 display: block; |
|
1192 height: 36px; |
|
1193 padding: 3px; } |
|
1194 |
|
1195 .components-icon-button.block-editor-block-switcher__no-switcher-icon { |
|
1196 width: 48px; } |
|
1197 .components-icon-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
|
1198 margin-left: auto; |
|
1199 margin-right: auto; } |
|
1200 |
|
1201 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
|
1202 background: #f3f4f5; |
|
1203 border-radius: 0; |
|
1204 opacity: 0.84; } |
|
1205 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
|
1206 color: #555d66 !important; } |
|
1207 |
|
1208 .components-icon-button.block-editor-block-switcher__toggle { |
|
1209 width: auto; } |
|
1210 .components-icon-button.block-editor-block-switcher__toggle:active, .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.block-editor-block-switcher__toggle:not([aria-disabled="true"]):focus { |
|
1211 outline: none; |
|
1212 box-shadow: none; |
|
1213 background: none; |
|
1214 border: none; } |
|
1215 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
|
1216 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
|
1217 width: 42px; |
|
1218 height: 30px; |
|
1219 position: relative; |
|
1220 margin: 0 auto; |
|
1221 padding: 3px; |
|
1222 display: flex; |
|
1223 align-items: center; |
|
1224 transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } |
|
1225 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon::after { |
|
1226 content: ""; |
|
1227 pointer-events: none; |
|
1228 display: block; |
|
1229 width: 0; |
|
1230 height: 0; |
|
1231 border-right: 3px solid transparent; |
|
1232 border-left: 3px solid transparent; |
|
1233 border-top: 5px solid currentColor; |
|
1234 margin-right: 4px; |
|
1235 margin-left: 2px; } |
|
1236 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
|
1237 margin-top: 6px; |
|
1238 border-radius: 4px; } |
|
1239 .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-icon, |
|
1240 .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-switcher__transform, |
|
1241 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-icon, |
|
1242 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-switcher__transform, |
|
1243 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon, |
|
1244 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform { |
|
1245 transform: translateY(-36px); } |
|
1246 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon, |
|
1247 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform { |
|
1248 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; |
|
1249 outline: 2px solid transparent; |
|
1250 outline-offset: -2px; } |
|
1251 |
|
1252 .components-popover:not(.is-mobile).block-editor-block-switcher__popover .components-popover__content { |
|
1253 min-width: 300px; |
|
1254 max-width: 340px; } |
|
1255 |
|
1256 @media (min-width: 782px) { |
|
1257 .block-editor-block-switcher__popover .components-popover__content { |
|
1258 position: relative; } |
|
1259 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-preview { |
|
1260 border: 1px solid #e2e4e7; |
|
1261 box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); |
|
1262 background: #fff; |
|
1263 position: absolute; |
|
1264 right: 100%; |
|
1265 top: -1px; |
|
1266 bottom: -1px; |
|
1267 width: 300px; |
|
1268 height: auto; } } |
|
1269 |
|
1270 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
|
1271 border: 0; |
|
1272 position: relative; |
|
1273 z-index: 1; } |
|
1274 |
|
1275 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
|
1276 border-top: 1px solid #e2e4e7; } |
|
1277 |
|
1278 .block-editor-block-switcher__popover:not(.is-mobile) > .components-popover__content { |
|
1279 overflow-y: visible; } |
|
1280 |
|
1281 .block-editor-block-switcher__popover .block-editor-block-styles { |
|
1282 margin: 0 -3px; } |
|
1283 |
|
1284 .block-editor-block-switcher__popover .block-editor-block-types-list { |
|
1285 margin: 8px -8px -8px; } |
|
1286 |
|
1287 .block-editor-block-toolbar { |
|
1288 display: flex; |
|
1289 flex-grow: 1; |
|
1290 width: 100%; |
|
1291 overflow: auto; |
|
1292 position: relative; |
|
1293 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
|
1294 border-right: 1px solid #b5bcc2; } |
|
1295 @media (min-width: 600px) { |
|
1296 .block-editor-block-toolbar { |
|
1297 overflow: inherit; |
|
1298 border-right: none; |
|
1299 box-shadow: 3px 0 0 0 #555d66; } |
|
1300 .is-dark-theme .block-editor-block-toolbar { |
|
1301 box-shadow: 3px 0 0 0 #d7dade; } } |
|
1302 .block-editor-block-toolbar .components-toolbar { |
|
1303 border: 0; |
|
1304 border-top: 1px solid #b5bcc2; |
|
1305 border-bottom: 1px solid #b5bcc2; |
|
1306 border-left: 1px solid #b5bcc2; } |
|
1307 .has-fixed-toolbar .block-editor-block-toolbar { |
|
1308 box-shadow: none; |
|
1309 border-right: 1px solid #e2e4e7; } |
|
1310 .has-fixed-toolbar .block-editor-block-toolbar .components-toolbar { |
|
1311 border-color: #e2e4e7; } |
|
1312 |
|
1313 .block-editor-block-types-list { |
|
1314 list-style: none; |
|
1315 padding: 2px 0; |
|
1316 overflow: hidden; |
|
1317 display: flex; |
|
1318 flex-wrap: wrap; } |
|
1319 |
|
1320 .block-editor-color-palette-control__color-palette { |
|
1321 display: inline-block; |
|
1322 margin-top: 0.6rem; } |
|
1323 |
|
1324 .block-editor-contrast-checker > .components-notice { |
|
1325 margin: 0; } |
|
1326 |
|
1327 .block-editor-default-block-appender { |
|
1328 clear: both; } |
|
1329 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
|
1330 font-family: "Noto Serif", serif; |
|
1331 font-size: 16px; |
|
1332 border: none; |
|
1333 background: none; |
|
1334 box-shadow: none; |
|
1335 display: block; |
|
1336 cursor: text; |
|
1337 width: 100%; |
|
1338 outline: 1px solid transparent; |
|
1339 transition: 0.2s outline; |
|
1340 resize: none; |
|
1341 padding: 0 14px 0 50px; |
|
1342 color: rgba(14, 28, 46, 0.62); } |
|
1343 .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
|
1344 color: rgba(255, 255, 255, 0.65); } |
|
1345 .block-editor-default-block-appender .block-editor-inserter__toggle:not([aria-expanded="true"]) { |
|
1346 opacity: 0; |
|
1347 transition: opacity 0.2s; } |
|
1348 .block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts { |
|
1349 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
1350 animation-fill-mode: forwards; } |
|
1351 @media (prefers-reduced-motion: reduce) { |
|
1352 .block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts { |
|
1353 animation-duration: 1ms !important; } } |
|
1354 .block-editor-default-block-appender:hover .block-editor-inserter__toggle { |
|
1355 opacity: 1; } |
|
1356 .block-editor-default-block-appender .components-drop-zone__content-icon { |
|
1357 display: none; } |
|
1358 |
|
1359 .block-editor-block-list__empty-block-inserter, |
|
1360 .block-editor-default-block-appender .block-editor-inserter, |
|
1361 .block-editor-inserter-with-shortcuts { |
|
1362 position: absolute; |
|
1363 top: 0; } |
|
1364 .block-editor-block-list__empty-block-inserter .components-icon-button, |
|
1365 .block-editor-default-block-appender .block-editor-inserter .components-icon-button, |
|
1366 .block-editor-inserter-with-shortcuts .components-icon-button { |
|
1367 width: 28px; |
|
1368 height: 28px; |
|
1369 margin-left: 12px; |
|
1370 padding: 0; } |
|
1371 .block-editor-block-list__empty-block-inserter .block-editor-block-icon, |
|
1372 .block-editor-default-block-appender .block-editor-inserter .block-editor-block-icon, |
|
1373 .block-editor-inserter-with-shortcuts .block-editor-block-icon { |
|
1374 margin: auto; } |
|
1375 .block-editor-block-list__empty-block-inserter .components-icon-button svg, |
|
1376 .block-editor-default-block-appender .block-editor-inserter .components-icon-button svg, |
|
1377 .block-editor-inserter-with-shortcuts .components-icon-button svg { |
|
1378 display: block; |
|
1379 margin: auto; } |
|
1380 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
|
1381 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle, |
|
1382 .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle { |
|
1383 margin-left: 0; } |
|
1384 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
1385 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
1386 .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { |
|
1387 box-shadow: none; } |
|
1388 |
|
1389 .block-editor-block-list__empty-block-inserter, |
|
1390 .block-editor-default-block-appender .block-editor-inserter { |
|
1391 left: 8px; } |
|
1392 @media (min-width: 600px) { |
|
1393 .block-editor-block-list__empty-block-inserter, |
|
1394 .block-editor-default-block-appender .block-editor-inserter { |
|
1395 right: -44px; |
|
1396 left: auto; } } |
|
1397 .block-editor-block-list__empty-block-inserter:disabled, |
|
1398 .block-editor-default-block-appender .block-editor-inserter:disabled { |
|
1399 display: none; } |
|
1400 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
|
1401 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { |
|
1402 border-radius: 50%; |
|
1403 width: 28px; |
|
1404 height: 28px; |
|
1405 padding: 0; } |
|
1406 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), |
|
1407 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) { |
|
1408 color: rgba(10, 24, 41, 0.7); } |
|
1409 .is-dark-theme .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), .is-dark-theme |
|
1410 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) { |
|
1411 color: rgba(255, 255, 255, 0.75); } |
|
1412 |
|
1413 .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts, |
|
1414 .block-editor-default-block-appender .block-editor-inserter-with-shortcuts { |
|
1415 left: 14px; |
|
1416 display: none; |
|
1417 z-index: 5; } |
|
1418 @media (min-width: 600px) { |
|
1419 .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts, |
|
1420 .block-editor-default-block-appender .block-editor-inserter-with-shortcuts { |
|
1421 left: 0; |
|
1422 display: flex; } } |
|
1423 |
|
1424 .block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom { |
|
1425 z-index: 100001; } |
|
1426 |
|
1427 .block-editor-inner-blocks.has-overlay::after { |
|
1428 content: ""; |
|
1429 position: absolute; |
|
1430 top: 0; |
|
1431 left: 0; |
|
1432 bottom: 0; |
|
1433 right: 0; |
|
1434 z-index: 120; } |
|
1435 |
|
1436 .block-editor-inserter-with-shortcuts { |
|
1437 display: flex; |
|
1438 align-items: center; } |
|
1439 .block-editor-inserter-with-shortcuts .components-icon-button { |
|
1440 border-radius: 4px; } |
|
1441 .block-editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) { |
|
1442 height: 24px; |
|
1443 width: 24px; } |
|
1444 |
|
1445 .block-editor-inserter-with-shortcuts__block { |
|
1446 margin-left: 4px; |
|
1447 width: 36px; |
|
1448 height: 36px; |
|
1449 padding-top: 8px; |
|
1450 color: rgba(10, 24, 41, 0.7); } |
|
1451 .is-dark-theme .block-editor-inserter-with-shortcuts__block { |
|
1452 color: rgba(255, 255, 255, 0.75); } |
|
1453 |
|
1454 .block-editor-inserter { |
|
1455 display: inline-block; |
|
1456 background: none; |
|
1457 border: none; |
|
1458 padding: 0; |
|
1459 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1460 font-size: 13px; |
|
1461 line-height: 1.4; } |
|
1462 @media (min-width: 782px) { |
|
1463 .block-editor-inserter { |
|
1464 position: relative; } } |
|
1465 |
|
1466 @media (min-width: 782px) { |
|
1467 .block-editor-inserter__popover:not(.is-mobile) > .components-popover__content { |
|
1468 overflow-y: visible; |
|
1469 height: 432px; } } |
|
1470 |
|
1471 .block-editor-inserter__toggle { |
|
1472 display: inline-flex; |
|
1473 align-items: center; |
|
1474 color: #555d66; |
|
1475 background: none; |
|
1476 cursor: pointer; |
|
1477 border: none; |
|
1478 outline: none; |
|
1479 transition: color 0.2s ease; } |
|
1480 |
|
1481 .block-editor-inserter__menu { |
|
1482 width: auto; |
|
1483 display: flex; |
|
1484 flex-direction: column; |
|
1485 height: 100%; } |
|
1486 @media (min-width: 782px) { |
|
1487 .block-editor-inserter__menu { |
|
1488 width: 400px; |
|
1489 position: relative; } |
|
1490 .block-editor-inserter__menu .block-editor-block-preview { |
|
1491 border: 1px solid #e2e4e7; |
|
1492 box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); |
|
1493 background: #fff; |
|
1494 position: absolute; |
|
1495 right: 100%; |
|
1496 top: -1px; |
|
1497 bottom: -1px; |
|
1498 width: 300px; } } |
|
1499 |
|
1500 .block-editor-inserter__inline-elements { |
|
1501 margin-top: -1px; } |
|
1502 |
|
1503 .block-editor-inserter__menu.is-bottom::after { |
|
1504 border-bottom-color: #fff; } |
|
1505 |
|
1506 .components-popover input[type="search"].block-editor-inserter__search { |
|
1507 display: block; |
|
1508 margin: 16px; |
|
1509 padding: 11px 16px; |
|
1510 position: relative; |
|
1511 z-index: 1; |
|
1512 border-radius: 4px; |
|
1513 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1514 font-size: 16px; } |
|
1515 @media (min-width: 600px) { |
|
1516 .components-popover input[type="search"].block-editor-inserter__search { |
|
1517 font-size: 13px; } } |
|
1518 .components-popover input[type="search"].block-editor-inserter__search:focus { |
|
1519 color: #191e23; |
|
1520 border-color: #00a0d2; |
|
1521 box-shadow: 0 0 0 1px #00a0d2; |
|
1522 outline: 2px solid transparent; |
|
1523 outline-offset: -2px; } |
|
1524 |
|
1525 .block-editor-inserter__results { |
|
1526 flex-grow: 1; |
|
1527 overflow: auto; |
|
1528 position: relative; |
|
1529 z-index: 1; |
|
1530 padding: 0 16px 16px 16px; } |
|
1531 .block-editor-inserter__results:focus { |
|
1532 outline: 1px dotted #555d66; } |
|
1533 @media (min-width: 782px) { |
|
1534 .block-editor-inserter__results { |
|
1535 height: 394px; } } |
|
1536 .block-editor-inserter__results [role="presentation"] + .components-panel__body { |
|
1537 border-top: none; } |
|
1538 |
|
1539 .block-editor-inserter__popover .block-editor-block-types-list { |
|
1540 margin: 0 -8px; } |
|
1541 |
|
1542 .block-editor-inserter__reusable-blocks-panel { |
|
1543 position: relative; |
|
1544 text-align: left; } |
|
1545 |
|
1546 .block-editor-inserter__manage-reusable-blocks { |
|
1547 margin: 16px 16px 0 0; } |
|
1548 |
|
1549 .block-editor-inserter__no-results { |
|
1550 font-style: italic; |
|
1551 padding: 24px; |
|
1552 text-align: center; } |
|
1553 |
|
1554 .block-editor-inserter__child-blocks { |
|
1555 padding: 0 16px; } |
|
1556 |
|
1557 .block-editor-inserter__parent-block-header { |
|
1558 display: flex; |
|
1559 align-items: center; } |
|
1560 .block-editor-inserter__parent-block-header h2 { |
|
1561 font-size: 13px; } |
|
1562 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
|
1563 margin-left: 8px; } |
|
1564 |
|
1565 .block-editor-block-types-list__list-item { |
|
1566 display: block; |
|
1567 width: 33.33%; |
|
1568 padding: 0 4px; |
|
1569 margin: 0 0 12px; } |
|
1570 |
|
1571 .block-editor-block-types-list__item { |
|
1572 display: flex; |
|
1573 flex-direction: column; |
|
1574 width: 100%; |
|
1575 font-size: 13px; |
|
1576 color: #32373c; |
|
1577 padding: 0; |
|
1578 align-items: stretch; |
|
1579 justify-content: center; |
|
1580 cursor: pointer; |
|
1581 background: transparent; |
|
1582 word-break: break-word; |
|
1583 border-radius: 4px; |
|
1584 border: 1px solid transparent; |
|
1585 transition: all 0.05s ease-in-out; |
|
1586 position: relative; } |
|
1587 .block-editor-block-types-list__item:disabled { |
|
1588 opacity: 0.6; |
|
1589 cursor: default; } |
|
1590 .block-editor-block-types-list__item:not(:disabled):hover::before { |
|
1591 content: ""; |
|
1592 display: block; |
|
1593 background: #f3f4f5; |
|
1594 color: #191e23; |
|
1595 position: absolute; |
|
1596 z-index: -1; |
|
1597 border-radius: 4px; |
|
1598 top: 0; |
|
1599 left: 0; |
|
1600 bottom: 0; |
|
1601 right: 0; } |
|
1602 .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-icon, |
|
1603 .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { |
|
1604 color: currentColor; } |
|
1605 .block-editor-block-types-list__item:not(:disabled):active, .block-editor-block-types-list__item:not(:disabled).is-active, .block-editor-block-types-list__item:not(:disabled):focus { |
|
1606 position: relative; |
|
1607 outline: none; |
|
1608 color: #191e23; |
|
1609 box-shadow: 0 0 0 2px #00a0d2; |
|
1610 outline: 2px solid transparent; |
|
1611 outline-offset: -2px; } |
|
1612 .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-icon, |
|
1613 .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-icon, |
|
1614 .block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-icon, |
|
1615 .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-title { |
|
1616 color: currentColor; } |
|
1617 |
|
1618 .block-editor-block-types-list__item-icon { |
|
1619 padding: 12px 20px; |
|
1620 border-radius: 4px; |
|
1621 color: #555d66; |
|
1622 transition: all 0.05s ease-in-out; } |
|
1623 .block-editor-block-types-list__item-icon .block-editor-block-icon { |
|
1624 margin-right: auto; |
|
1625 margin-left: auto; } |
|
1626 .block-editor-block-types-list__item-icon svg { |
|
1627 transition: all 0.15s ease-out; } |
|
1628 |
|
1629 .block-editor-block-types-list__item-title { |
|
1630 padding: 4px 2px 8px; } |
|
1631 |
|
1632 .block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon { |
|
1633 background: #fff; |
|
1634 margin-left: 3px; |
|
1635 margin-bottom: 6px; |
|
1636 padding: 9px 20px 9px; |
|
1637 position: relative; |
|
1638 top: -2px; |
|
1639 right: -2px; |
|
1640 box-shadow: 0 0 0 1px #e2e4e7; } |
|
1641 |
|
1642 .block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon-stack { |
|
1643 display: block; |
|
1644 background: #fff; |
|
1645 box-shadow: 0 0 0 1px #e2e4e7; |
|
1646 width: 100%; |
|
1647 height: 100%; |
|
1648 position: absolute; |
|
1649 z-index: -1; |
|
1650 bottom: -6px; |
|
1651 left: -6px; |
|
1652 border-radius: 4px; } |
|
1653 |
|
1654 .block-editor-media-placeholder__url-input-container { |
|
1655 width: 100%; } |
|
1656 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { |
|
1657 margin-bottom: 0; } |
|
1658 |
|
1659 .block-editor-media-placeholder__url-input-form { |
|
1660 display: flex; } |
|
1661 .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { |
|
1662 width: 100%; |
|
1663 flex-grow: 1; |
|
1664 border: none; |
|
1665 border-radius: 0; |
|
1666 margin: 2px; } |
|
1667 @media (min-width: 600px) { |
|
1668 .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { |
|
1669 width: 300px; } } |
|
1670 |
|
1671 .block-editor-media-placeholder__url-input-submit-button { |
|
1672 flex-shrink: 1; } |
|
1673 |
|
1674 .block-editor-media-placeholder__button { |
|
1675 margin-bottom: 0.5rem; } |
|
1676 .block-editor-media-placeholder__button .dashicon { |
|
1677 vertical-align: middle; |
|
1678 margin-bottom: 3px; } |
|
1679 .block-editor-media-placeholder__button:hover { |
|
1680 color: #23282d; } |
|
1681 |
|
1682 .components-form-file-upload .block-editor-media-placeholder__button { |
|
1683 margin-left: 4px; } |
|
1684 |
|
1685 .block-editor-multi-selection-inspector__card { |
|
1686 display: flex; |
|
1687 align-items: flex-start; |
|
1688 margin: -16px; |
|
1689 padding: 16px; } |
|
1690 |
|
1691 .block-editor-multi-selection-inspector__card-content { |
|
1692 flex-grow: 1; } |
|
1693 |
|
1694 .block-editor-multi-selection-inspector__card-title { |
|
1695 font-weight: 500; |
|
1696 margin-bottom: 5px; } |
|
1697 |
|
1698 .block-editor-multi-selection-inspector__card-description { |
|
1699 font-size: 13px; } |
|
1700 |
|
1701 .block-editor-multi-selection-inspector__card .block-editor-block-icon { |
|
1702 margin-right: -2px; |
|
1703 margin-left: 10px; |
|
1704 padding: 0 3px; |
|
1705 width: 36px; |
|
1706 height: 24px; } |
|
1707 |
|
1708 .block-editor-panel-color-settings .component-color-indicator { |
|
1709 vertical-align: text-bottom; } |
|
1710 |
|
1711 .block-editor-panel-color-settings__panel-title .component-color-indicator { |
|
1712 display: inline-block; } |
|
1713 |
|
1714 .block-editor-panel-color-settings.is-opened .block-editor-panel-color-settings__panel-title .component-color-indicator { |
|
1715 display: none; } |
|
1716 |
|
1717 .block-editor .block-editor-plain-text { |
|
1718 box-shadow: none; |
|
1719 font-family: inherit; |
|
1720 font-size: inherit; |
|
1721 color: inherit; |
|
1722 line-height: inherit; |
|
1723 border: none; |
|
1724 padding: 0; |
|
1725 margin: 0; |
|
1726 width: 100%; } |
|
1727 |
|
1728 .block-editor-format-toolbar { |
|
1729 display: flex; |
|
1730 flex-shrink: 0; } |
|
1731 |
|
1732 .block-editor-format-toolbar__selection-position { |
|
1733 position: absolute; |
|
1734 transform: translateX(50%); } |
|
1735 |
|
1736 .block-editor-format-toolbar .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after { |
|
1737 margin: 7px; } |
|
1738 |
|
1739 .block-editor-rich-text { |
|
1740 position: relative; } |
|
1741 |
|
1742 .block-editor-rich-text__editable { |
|
1743 margin: 0; |
|
1744 position: relative; |
|
1745 white-space: pre-wrap !important; } |
|
1746 .block-editor-rich-text__editable > p:first-child { |
|
1747 margin-top: 0; } |
|
1748 .block-editor-rich-text__editable a { |
|
1749 color: #007fac; } |
|
1750 .block-editor-rich-text__editable code { |
|
1751 padding: 2px; |
|
1752 border-radius: 2px; |
|
1753 color: #23282d; |
|
1754 background: #f3f4f5; |
|
1755 font-family: Menlo, Consolas, monaco, monospace; |
|
1756 font-size: inherit; } |
|
1757 .is-multi-selected .block-editor-rich-text__editable code { |
|
1758 background: #67cffd; } |
|
1759 .block-editor-rich-text__editable:focus { |
|
1760 outline: none; } |
|
1761 .block-editor-rich-text__editable:focus *[data-rich-text-format-boundary] { |
|
1762 border-radius: 2px; } |
|
1763 .block-editor-rich-text__editable[data-is-placeholder-visible="true"] { |
|
1764 position: absolute; |
|
1765 top: 0; |
|
1766 width: 100%; |
|
1767 margin-top: 0; |
|
1768 height: 100%; } |
|
1769 .block-editor-rich-text__editable[data-is-placeholder-visible="true"] > p { |
|
1770 margin-top: 0; } |
|
1771 .block-editor-rich-text__editable + .block-editor-rich-text__editable { |
|
1772 pointer-events: none; } |
|
1773 .block-editor-rich-text__editable + .block-editor-rich-text__editable, |
|
1774 .block-editor-rich-text__editable + .block-editor-rich-text__editable p { |
|
1775 opacity: 0.62; } |
|
1776 .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + figcaption.block-editor-rich-text__editable { |
|
1777 opacity: 0.8; } |
|
1778 |
|
1779 .block-editor-rich-text__inline-toolbar { |
|
1780 display: flex; |
|
1781 justify-content: center; |
|
1782 position: absolute; |
|
1783 top: -40px; |
|
1784 line-height: 0; |
|
1785 right: 0; |
|
1786 left: 0; |
|
1787 z-index: 1; } |
|
1788 .block-editor-rich-text__inline-toolbar ul.components-toolbar { |
|
1789 box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); } |
|
1790 |
|
1791 .block-editor-skip-to-selected-block { |
|
1792 position: absolute; |
|
1793 top: -9999em; } |
|
1794 .block-editor-skip-to-selected-block:focus { |
|
1795 height: auto; |
|
1796 width: auto; |
|
1797 display: block; |
|
1798 font-size: 14px; |
|
1799 font-weight: 600; |
|
1800 padding: 15px 23px 14px; |
|
1801 background: #f1f1f1; |
|
1802 color: #11a0d2; |
|
1803 line-height: normal; |
|
1804 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
|
1805 text-decoration: none; |
|
1806 outline: none; |
|
1807 z-index: 100000; } |
|
1808 body.admin-color-sunrise .block-editor-skip-to-selected-block:focus{ |
|
1809 color: #c8b03c; } |
|
1810 body.admin-color-ocean .block-editor-skip-to-selected-block:focus{ |
|
1811 color: #a89d8a; } |
|
1812 body.admin-color-midnight .block-editor-skip-to-selected-block:focus{ |
|
1813 color: #77a6b9; } |
|
1814 body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus{ |
|
1815 color: #c77430; } |
|
1816 body.admin-color-coffee .block-editor-skip-to-selected-block:focus{ |
|
1817 color: #9fa47b; } |
|
1818 body.admin-color-blue .block-editor-skip-to-selected-block:focus{ |
|
1819 color: #d9ab59; } |
|
1820 body.admin-color-light .block-editor-skip-to-selected-block:focus{ |
|
1821 color: #c75726; } |
|
1822 |
|
1823 .block-editor-block-list__block .block-editor-url-input, |
|
1824 .components-popover .block-editor-url-input, |
|
1825 .block-editor-url-input { |
|
1826 flex-grow: 1; |
|
1827 position: relative; |
|
1828 padding: 1px; } |
|
1829 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
|
1830 .components-popover .block-editor-url-input input[type="text"], |
|
1831 .block-editor-url-input input[type="text"] { |
|
1832 width: 100%; |
|
1833 padding: 8px; |
|
1834 border: none; |
|
1835 border-radius: 0; |
|
1836 margin-right: 0; |
|
1837 margin-left: 0; |
|
1838 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1839 font-size: 16px; } |
|
1840 @media (min-width: 600px) { |
|
1841 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
|
1842 .components-popover .block-editor-url-input input[type="text"], |
|
1843 .block-editor-url-input input[type="text"] { |
|
1844 width: 300px; } } |
|
1845 @media (min-width: 600px) { |
|
1846 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
|
1847 .components-popover .block-editor-url-input input[type="text"], |
|
1848 .block-editor-url-input input[type="text"] { |
|
1849 font-size: 13px; } } |
|
1850 .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, |
|
1851 .components-popover .block-editor-url-input input[type="text"]::-ms-clear, |
|
1852 .block-editor-url-input input[type="text"]::-ms-clear { |
|
1853 display: none; } |
|
1854 .block-editor-block-list__block .block-editor-url-input .components-spinner, |
|
1855 .components-popover .block-editor-url-input .components-spinner, |
|
1856 .block-editor-url-input .components-spinner { |
|
1857 position: absolute; |
|
1858 left: 8px; |
|
1859 top: 9px; |
|
1860 margin: 0; } |
|
1861 |
|
1862 .block-editor-url-input__suggestions { |
|
1863 max-height: 200px; |
|
1864 transition: all 0.15s ease-in-out; |
|
1865 padding: 4px 0; |
|
1866 width: 302px; |
|
1867 overflow-y: auto; } |
|
1868 |
|
1869 .block-editor-url-input__suggestions, |
|
1870 .block-editor-url-input .components-spinner { |
|
1871 display: none; } |
|
1872 @media (min-width: 600px) { |
|
1873 .block-editor-url-input__suggestions, |
|
1874 .block-editor-url-input .components-spinner { |
|
1875 display: inherit; } } |
|
1876 |
|
1877 .block-editor-url-input__suggestion { |
|
1878 padding: 4px 8px; |
|
1879 color: #6c7781; |
|
1880 display: block; |
|
1881 font-size: 13px; |
|
1882 cursor: pointer; |
|
1883 background: #fff; |
|
1884 width: 100%; |
|
1885 border: none; |
|
1886 text-align: right; |
|
1887 border: none; |
|
1888 box-shadow: none; } |
|
1889 .block-editor-url-input__suggestion:hover { |
|
1890 background: #e2e4e7; } |
|
1891 .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { |
|
1892 background: rgb(0, 113, 158); |
|
1893 color: #fff; |
|
1894 outline: none; } |
|
1895 body.admin-color-sunrise .block-editor-url-input__suggestion:focus, body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected{ |
|
1896 background: rgb(178, 114, 63); } |
|
1897 body.admin-color-ocean .block-editor-url-input__suggestion:focus, body.admin-color-ocean .block-editor-url-input__suggestion.is-selected{ |
|
1898 background: rgb(139, 157, 138); } |
|
1899 body.admin-color-midnight .block-editor-url-input__suggestion:focus, body.admin-color-midnight .block-editor-url-input__suggestion.is-selected{ |
|
1900 background: rgb(191, 65, 57); } |
|
1901 body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus, body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected{ |
|
1902 background: rgb(142, 155, 73); } |
|
1903 body.admin-color-coffee .block-editor-url-input__suggestion:focus, body.admin-color-coffee .block-editor-url-input__suggestion.is-selected{ |
|
1904 background: rgb(165, 141, 119); } |
|
1905 body.admin-color-blue .block-editor-url-input__suggestion:focus, body.admin-color-blue .block-editor-url-input__suggestion.is-selected{ |
|
1906 background: rgb(111, 153, 173); } |
|
1907 body.admin-color-light .block-editor-url-input__suggestion:focus, body.admin-color-light .block-editor-url-input__suggestion.is-selected{ |
|
1908 background: rgb(0, 113, 158); } |
|
1909 |
|
1910 .components-toolbar > .block-editor-url-input__button { |
|
1911 position: inherit; } |
|
1912 |
|
1913 .block-editor-url-input__button .block-editor-url-input__back { |
|
1914 margin-left: 4px; |
|
1915 overflow: visible; } |
|
1916 .block-editor-url-input__button .block-editor-url-input__back::after { |
|
1917 content: ""; |
|
1918 position: absolute; |
|
1919 display: block; |
|
1920 width: 1px; |
|
1921 height: 24px; |
|
1922 left: -1px; |
|
1923 background: #e2e4e7; } |
|
1924 |
|
1925 .block-editor-url-input__button-modal { |
|
1926 box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); |
|
1927 border: 1px solid #e2e4e7; |
|
1928 background: #fff; } |
|
1929 |
|
1930 .block-editor-url-input__button-modal-line { |
|
1931 display: flex; |
|
1932 flex-direction: row; |
|
1933 flex-grow: 1; |
|
1934 flex-shrink: 1; |
|
1935 min-width: 0; |
|
1936 align-items: flex-start; } |
|
1937 .block-editor-url-input__button-modal-line .components-button { |
|
1938 flex-shrink: 0; |
|
1939 width: 36px; |
|
1940 height: 36px; } |
|
1941 |
|
1942 .block-editor-url-popover__row { |
|
1943 display: flex; } |
|
1944 |
|
1945 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
|
1946 flex-grow: 1; } |
|
1947 |
|
1948 .block-editor-url-popover .components-icon-button { |
|
1949 padding: 3px; } |
|
1950 .block-editor-url-popover .components-icon-button > svg { |
|
1951 padding: 5px; |
|
1952 border-radius: 4px; |
|
1953 height: 30px; |
|
1954 width: 30px; } |
|
1955 .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { |
|
1956 box-shadow: none; } |
|
1957 .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover > svg { |
|
1958 color: #555d66; |
|
1959 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } |
|
1960 .block-editor-url-popover .components-icon-button:not(:disabled):focus { |
|
1961 box-shadow: none; } |
|
1962 .block-editor-url-popover .components-icon-button:not(:disabled):focus > svg { |
|
1963 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; |
|
1964 outline: 2px solid transparent; |
|
1965 outline-offset: -2px; } |
|
1966 |
|
1967 .block-editor-url-popover__settings-toggle { |
|
1968 flex-shrink: 0; |
|
1969 border-radius: 0; |
|
1970 border-right: 1px solid #e2e4e7; |
|
1971 margin-right: 1px; } |
|
1972 .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { |
|
1973 transform: rotate(-180deg); } |
|
1974 |
|
1975 .block-editor-url-popover__settings { |
|
1976 padding: 16px; |
|
1977 border-top: 1px solid #e2e4e7; } |
|
1978 .block-editor-url-popover__settings .components-base-control:last-child .components-base-control__field { |
|
1979 margin-bottom: 0; } |
|
1980 |
|
1981 .block-editor-warning { |
|
1982 display: flex; |
|
1983 flex-direction: row; |
|
1984 justify-content: space-between; |
|
1985 flex-wrap: nowrap; |
|
1986 background-color: #fff; |
|
1987 border: 1px solid #e2e4e7; |
|
1988 text-align: right; |
|
1989 padding: 20px; } |
|
1990 .has-warning.is-multi-selected .block-editor-warning { |
|
1991 background-color: transparent; } |
|
1992 .is-selected .block-editor-warning { |
|
1993 border-color: rgba(66, 88, 99, 0.4); |
|
1994 border-right-color: transparent; } |
|
1995 .is-dark-theme .is-selected .block-editor-warning { |
|
1996 border-color: rgba(255, 255, 255, 0.45); } |
|
1997 .block-editor-warning .block-editor-warning__message { |
|
1998 line-height: 1.4; |
|
1999 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
2000 font-size: 13px; } |
|
2001 .block-editor-warning .block-editor-warning__contents { |
|
2002 display: flex; |
|
2003 flex-direction: row; |
|
2004 justify-content: space-between; |
|
2005 flex-wrap: wrap; |
|
2006 align-items: center; |
|
2007 width: 100%; } |
|
2008 .block-editor-warning .block-editor-warning__actions { |
|
2009 display: flex; } |
|
2010 .block-editor-warning .block-editor-warning__action { |
|
2011 margin: 0 0 0 6px; } |
|
2012 |
|
2013 .block-editor-warning__secondary { |
|
2014 margin: 3px -4px 0 0; } |
|
2015 .block-editor-warning__secondary .components-icon-button { |
|
2016 width: auto; |
|
2017 padding: 8px 2px; } |
|
2018 @media (min-width: 600px) { |
|
2019 .block-editor-warning__secondary { |
|
2020 margin-right: 4px; } |
|
2021 .block-editor-warning__secondary .components-icon-button { |
|
2022 padding: 8px 4px; } } |
|
2023 .block-editor-warning__secondary .components-button svg { |
|
2024 transform: rotate(-90deg); } |
|
2025 |
|
2026 .block-editor-writing-flow { |
|
2027 height: 100%; |
|
2028 display: flex; |
|
2029 flex-direction: column; } |
|
2030 |
|
2031 .block-editor-writing-flow__click-redirect { |
|
2032 flex-basis: 100%; |
|
2033 cursor: text; } |