UNPKG

40.6 kBCSSView Raw
1/**
2 * Colors
3 */
4/**
5 * Breakpoints & Media Queries
6 */
7/**
8 * Often re-used variables
9 */
10/**
11 * Breakpoint mixins
12 */
13/**
14 * Long content fade mixin
15 *
16 * Creates a fading overlay to signify that the content is longer
17 * than the space allows.
18 */
19/**
20 * Button states and focus styles
21 */
22/**
23 * Applies editor left position to the selector passed as argument
24 */
25/**
26 * Applies editor right position to the selector passed as argument
27 */
28/**
29 * Styles that are reused verbatim in a few places
30 */
31/**
32 * Allows users to opt-out of animations via OS-level preferences.
33 */
34.block-editor ul.wp-block-archives {
35 padding-left: 2.5em; }
36
37.wp-block-audio {
38 margin: 0; }
39
40.block-editor-block-list__block[data-type="core/button"][data-align="center"] {
41 text-align: center; }
42
43.block-editor-block-list__block[data-type="core/button"][data-align="right"] {
44 /*!rtl:ignore*/
45 text-align: right; }
46
47.wp-block-button {
48 display: inline-block;
49 margin-bottom: 0;
50 position: relative; }
51 .wp-block-button [contenteditable] {
52 cursor: text; }
53 .wp-block-button:not(.has-text-color):not(.is-style-outline) .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable {
54 color: #fff; }
55 .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable {
56 opacity: 0.8; }
57 .block-editor-block-preview__content .wp-block-button {
58 max-width: 100%; }
59 .block-editor-block-preview__content .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] {
60 height: auto; }
61 .block-editor-block-preview__content .wp-block-button .wp-block-button__link {
62 max-width: 100%;
63 overflow: hidden;
64 white-space: nowrap !important;
65 text-overflow: ellipsis; }
66
67.block-library-button__inline-link {
68 background: #fff;
69 display: flex;
70 flex-wrap: wrap;
71 align-items: center;
72 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
73 font-size: 13px;
74 line-height: 1.4;
75 width: 374px; }
76 .block-library-button__inline-link .block-editor-url-input {
77 width: auto; }
78 .block-library-button__inline-link .block-editor-url-input__suggestions {
79 width: 302px;
80 z-index: 6; }
81 .block-library-button__inline-link > .dashicon {
82 width: 36px; }
83 .block-library-button__inline-link .dashicon {
84 color: #8f98a1; }
85 .block-library-button__inline-link .block-editor-url-input input[type="text"]:-ms-input-placeholder {
86 color: #8f98a1; }
87 .block-library-button__inline-link .block-editor-url-input input[type="text"]::-ms-input-placeholder {
88 color: #8f98a1; }
89 .block-library-button__inline-link .block-editor-url-input input[type="text"]::placeholder {
90 color: #8f98a1; }
91 [data-align="center"] .block-library-button__inline-link {
92 margin-left: auto;
93 margin-right: auto; }
94 [data-align="right"] .block-library-button__inline-link {
95 margin-left: auto;
96 margin-right: 0; }
97
98.block-editor .wp-block-categories ul {
99 padding-left: 2.5em; }
100 .block-editor .wp-block-categories ul ul {
101 margin-top: 6px; }
102
103.wp-block-code .block-editor-plain-text {
104 font-family: Menlo, Consolas, monaco, monospace;
105 color: #23282d;
106 /* Fonts smaller than 16px causes mobile safari to zoom. */
107 font-size: 16px; }
108 @media (min-width: 600px) {
109 .wp-block-code .block-editor-plain-text {
110 font-size: 13px; } }
111 .wp-block-code .block-editor-plain-text:focus {
112 box-shadow: none; }
113
114.components-tab-button {
115 display: inline-flex;
116 align-items: flex-end;
117 margin: 0;
118 padding: 3px;
119 background: none;
120 outline: none;
121 color: #555d66;
122 cursor: pointer;
123 position: relative;
124 height: 36px;
125 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
126 font-size: 13px;
127 font-weight: 500;
128 border: 0; }
129 .components-tab-button.is-active, .components-tab-button.is-active:hover {
130 color: #fff; }
131 .components-tab-button:disabled {
132 cursor: default; }
133 .components-tab-button > span {
134 border: 1px solid transparent;
135 padding: 0 6px;
136 box-sizing: content-box;
137 height: 28px;
138 line-height: 28px; }
139 .components-tab-button:hover > span,
140 .components-tab-button:focus > span {
141 color: #555d66; }
142 .components-tab-button:not(:disabled).is-active > span,
143 .components-tab-button:not(:disabled):hover > span,
144 .components-tab-button:not(:disabled):focus > span {
145 border: 1px solid #555d66; }
146 .components-tab-button.is-active > span,
147 .components-tab-button.is-active:hover > span {
148 background-color: #555d66;
149 color: #fff; }
150
151.wp-block-columns .block-editor-block-list__layout {
152 margin-left: 0;
153 margin-right: 0; }
154 .wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block {
155 max-width: none; }
156
157.block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks {
158 padding-left: 14px;
159 padding-right: 14px; }
160 @media (min-width: 600px) {
161 .block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks {
162 padding-left: 60px;
163 padding-right: 60px; } }
164
165.wp-block-columns {
166 display: block; }
167 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
168 display: flex;
169 flex-wrap: wrap; }
170 @media (min-width: 782px) {
171 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout {
172 flex-wrap: nowrap; } }
173 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
174 display: flex;
175 flex-direction: column;
176 flex: 1;
177 padding-left: 0;
178 padding-right: 0;
179 margin-left: -14px;
180 margin-right: -14px;
181 min-width: 0;
182 word-break: break-word;
183 overflow-wrap: break-word;
184 flex-basis: 100%; }
185 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > div > .block-editor-inner-blocks {
186 margin-top: -28px;
187 margin-bottom: -28px; }
188 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit {
189 margin-top: 0;
190 margin-bottom: 0; }
191 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit::before {
192 left: 0;
193 right: 0; }
194 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar {
195 margin-left: -1px; }
196 @media (min-width: 600px) {
197 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
198 margin-left: 14px;
199 margin-right: 14px; } }
200 @media (min-width: 600px) {
201 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
202 flex-basis: calc(50% - (16px + 28px));
203 flex-grow: 0; } }
204 @media (min-width: 600px) {
205 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:nth-child(even) {
206 margin-left: calc(32px + 14px); } }
207 @media (min-width: 782px) {
208 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:not(:first-child) {
209 margin-left: calc(32px + 14px); } }
210
211.wp-block-columns [data-type="core/column"].is-hovered > .block-editor-block-list__block-edit::before {
212 content: none; }
213
214.wp-block-columns [data-type="core/column"].is-hovered .block-editor-block-list__breadcrumb {
215 display: none; }
216
217.wp-block-columns [data-type="core/column"] {
218 pointer-events: none; }
219 .wp-block-columns [data-type="core/column"] .block-editor-block-list__layout {
220 pointer-events: all; }
221
222.wp-block-cover-image.components-placeholder h2,
223.wp-block-cover.components-placeholder h2 {
224 color: inherit; }
225
226.wp-block-cover-image.has-right-content .block-editor-rich-text__inline-toolbar,
227.wp-block-cover-image.has-left-content .block-editor-rich-text__inline-toolbar,
228.wp-block-cover.has-right-content .block-editor-rich-text__inline-toolbar,
229.wp-block-cover.has-left-content .block-editor-rich-text__inline-toolbar {
230 display: inline-block; }
231
232.wp-block-cover-image .block-editor-block-list__layout,
233.wp-block-cover .block-editor-block-list__layout {
234 width: 100%; }
235
236.wp-block-cover-image .block-editor-block-list__block,
237.wp-block-cover .block-editor-block-list__block {
238 color: #f8f9f9; }
239
240.wp-block-cover-image .wp-block-cover__inner-container,
241.wp-block-cover .wp-block-cover__inner-container {
242 text-align: left; }
243
244.wp-block-cover-image .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout,
245.wp-block-cover .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
246 margin-left: 0;
247 margin-right: 0; }
248
249.wp-block-cover-image.components-placeholder,
250.wp-block-cover.components-placeholder {
251 background: rgba(139, 139, 150, 0.1);
252 min-height: 200px; }
253 .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme
254 .wp-block-cover.components-placeholder {
255 background: rgba(255, 255, 255, 0.15); }
256
257[data-align="left"] .wp-block-cover-image,
258[data-align="right"] .wp-block-cover-image, [data-align="left"]
259.wp-block-cover,
260[data-align="right"]
261.wp-block-cover {
262 max-width: 305px;
263 width: 100%; }
264
265.wp-block-embed {
266 margin: 0;
267 clear: both; }
268 @media (min-width: 600px) {
269 .wp-block-embed {
270 min-width: 360px; }
271 .wp-block-embed.components-placeholder {
272 min-width: 0; } }
273 .wp-block-embed.is-loading {
274 display: flex;
275 flex-direction: column;
276 align-items: center;
277 justify-content: center;
278 padding: 1em;
279 min-height: 200px;
280 text-align: center;
281 background: #f8f9f9; }
282 .wp-block-embed.is-loading p {
283 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
284 font-size: 13px; }
285 .wp-block-embed .components-placeholder__error {
286 word-break: break-word; }
287
288.block-library-embed__interactive-overlay {
289 position: absolute;
290 top: 0;
291 left: 0;
292 right: 0;
293 bottom: 0;
294 opacity: 0; }
295
296.wp-block-file {
297 display: flex;
298 justify-content: space-between;
299 align-items: center;
300 margin-bottom: 0; }
301 .wp-block-file.is-transient {
302 animation: edit-post__loading-fade-animation 1.6s ease-in-out infinite; }
303 .wp-block-file .wp-block-file__content-wrapper {
304 flex-grow: 1; }
305 .wp-block-file .wp-block-file__textlink {
306 display: inline-block;
307 min-width: 1em; }
308 .wp-block-file .wp-block-file__textlink:focus {
309 box-shadow: none; }
310 .wp-block-file .wp-block-file__button-richtext-wrapper {
311 display: inline-block;
312 margin-left: 0.75em; }
313 .wp-block-file .wp-block-file__copy-url-button {
314 margin-left: 1em; }
315
316.wp-block-freeform.block-library-rich-text__tinymce {
317 /* Remove blue highlighting of selected images in WebKit */
318 /* Image captions */
319 /* WP Views */ }
320 .wp-block-freeform.block-library-rich-text__tinymce p,
321 .wp-block-freeform.block-library-rich-text__tinymce li {
322 line-height: 1.8; }
323 .wp-block-freeform.block-library-rich-text__tinymce ul,
324 .wp-block-freeform.block-library-rich-text__tinymce ol {
325 padding-left: 2.5em;
326 margin-left: 0; }
327 .wp-block-freeform.block-library-rich-text__tinymce blockquote {
328 margin: 0;
329 box-shadow: inset 0 0 0 0 #e2e4e7;
330 border-left: 4px solid #000;
331 padding-left: 1em; }
332 .wp-block-freeform.block-library-rich-text__tinymce pre {
333 white-space: pre-wrap;
334 font-family: Menlo, Consolas, monaco, monospace;
335 font-size: 14px;
336 color: #23282d; }
337 .wp-block-freeform.block-library-rich-text__tinymce h1 {
338 font-size: 2em; }
339 .wp-block-freeform.block-library-rich-text__tinymce h2 {
340 font-size: 1.6em; }
341 .wp-block-freeform.block-library-rich-text__tinymce h3 {
342 font-size: 1.4em; }
343 .wp-block-freeform.block-library-rich-text__tinymce h4 {
344 font-size: 1.2em; }
345 .wp-block-freeform.block-library-rich-text__tinymce h5 {
346 font-size: 1.1em; }
347 .wp-block-freeform.block-library-rich-text__tinymce h6 {
348 font-size: 1em; }
349 .wp-block-freeform.block-library-rich-text__tinymce > *:first-child {
350 margin-top: 0; }
351 .wp-block-freeform.block-library-rich-text__tinymce > *:last-child {
352 margin-bottom: 0; }
353 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus {
354 outline: none; }
355 .wp-block-freeform.block-library-rich-text__tinymce a {
356 color: #007fac; }
357 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] {
358 padding: 0 2px;
359 margin: 0 -2px;
360 border-radius: 2px;
361 box-shadow: 0 0 0 1px #e5f5fa;
362 background: #e5f5fa; }
363 .wp-block-freeform.block-library-rich-text__tinymce code {
364 padding: 2px;
365 border-radius: 2px;
366 color: #23282d;
367 background: #f3f4f5;
368 font-family: Menlo, Consolas, monaco, monospace;
369 font-size: 14px; }
370 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] {
371 background: #e8eaeb; }
372 .wp-block-freeform.block-library-rich-text__tinymce .alignright {
373 /*rtl:ignore*/
374 float: right;
375 /*rtl:ignore*/
376 margin: 0.5em 0 0.5em 1em; }
377 .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
378 /*rtl:ignore*/
379 float: left;
380 /*rtl:ignore*/
381 margin: 0.5em 1em 0.5em 0; }
382 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter {
383 display: block;
384 margin-left: auto;
385 margin-right: auto; }
386 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag {
387 width: 96%;
388 height: 20px;
389 display: block;
390 margin: 15px auto;
391 outline: 0;
392 cursor: default;
393 background-image: url(/wp-includes/js/tinymce/skins/wordpress/images/more-2x.png);
394 background-size: 1900px 20px;
395 background-repeat: no-repeat;
396 background-position: center; }
397 .wp-block-freeform.block-library-rich-text__tinymce img::selection {
398 background-color: transparent; }
399 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp {
400 -ms-user-select: element; }
401 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption {
402 margin: 0;
403 /* dl browser reset */
404 max-width: 100%; }
405 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,
406 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img {
407 display: block; }
408 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,
409 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * {
410 -webkit-user-drag: none; }
411 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd {
412 padding-top: 0.5em;
413 margin: 0;
414 /* browser dd reset */ }
415 .wp-block-freeform.block-library-rich-text__tinymce .wpview {
416 width: 99.99%;
417 /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
418 position: relative;
419 clear: both;
420 margin-bottom: 16px;
421 border: 1px solid transparent; }
422 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe {
423 display: block;
424 max-width: 100%;
425 background: transparent; }
426 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim {
427 position: absolute;
428 top: 0;
429 right: 0;
430 bottom: 0;
431 left: 0; }
432 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim {
433 display: none; }
434 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder {
435 border: 1px dashed #e8eaeb;
436 padding: 10px; }
437 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error {
438 border: 1px solid #e8eaeb;
439 padding: 1em 0;
440 margin: 0;
441 word-wrap: break-word; }
442 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p {
443 margin: 0;
444 text-align: center; }
445 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,
446 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error {
447 border-color: transparent; }
448 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons {
449 display: block;
450 margin: 0 auto;
451 width: 32px;
452 height: 32px;
453 font-size: 32px; }
454 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after {
455 content: "";
456 display: table;
457 clear: both; }
458 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus {
459 outline: none; }
460 .wp-block-freeform.block-library-rich-text__tinymce .gallery a {
461 cursor: default; }
462 .wp-block-freeform.block-library-rich-text__tinymce .gallery {
463 margin: auto -6px;
464 padding: 6px 0;
465 line-height: 1;
466 overflow-x: hidden; }
467 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item {
468 float: left;
469 margin: 0;
470 text-align: center;
471 padding: 6px;
472 box-sizing: border-box; }
473 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,
474 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon {
475 margin: 0; }
476 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption {
477 font-size: 13px;
478 margin: 4px 0; }
479 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item {
480 width: 100%; }
481 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item {
482 width: 50%; }
483 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item {
484 width: 33.33333%; }
485 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item {
486 width: 25%; }
487 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item {
488 width: 20%; }
489 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item {
490 width: 16.66667%; }
491 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item {
492 width: 14.28571%; }
493 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item {
494 width: 12.5%; }
495 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item {
496 width: 11.11111%; }
497 .wp-block-freeform.block-library-rich-text__tinymce .gallery img {
498 max-width: 100%;
499 height: auto;
500 border: none;
501 padding: 0; }
502
503div[data-type="core/freeform"] .block-editor-block-list__block-edit::before {
504 transition: border-color 0.1s linear, box-shadow 0.1s linear;
505 border: 1px solid #e2e4e7;
506 outline: 1px solid transparent; }
507
508div[data-type="core/freeform"].is-selected .block-editor-block-list__block-edit::before {
509 border-color: #b5bcc2;
510 border-left-color: transparent; }
511
512div[data-type="core/freeform"].is-hovered .block-editor-block-list__breadcrumb {
513 display: none; }
514
515div[data-type="core/freeform"] .editor-block-contextual-toolbar + div {
516 margin-top: 0;
517 padding-top: 0; }
518
519div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after {
520 content: "";
521 display: table;
522 clear: both; }
523
524.mce-toolbar-grp .mce-btn.mce-active button,
525.mce-toolbar-grp .mce-btn.mce-active:hover button,
526.mce-toolbar-grp .mce-btn.mce-active i,
527.mce-toolbar-grp .mce-btn.mce-active:hover i {
528 color: #23282d; }
529
530.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last {
531 margin-right: 0;
532 margin-left: 8px; }
533
534.mce-toolbar-grp .mce-btn i {
535 font-style: normal; }
536
537.block-library-classic__toolbar {
538 width: auto;
539 margin: 0 -14px;
540 position: -webkit-sticky;
541 position: sticky;
542 z-index: 10;
543 top: 14px;
544 transform: translateY(-14px);
545 border: 1px solid #e2e4e7;
546 border-bottom: none;
547 padding: 0 14px; }
548 .is-selected .block-library-classic__toolbar {
549 border-color: #b5bcc2;
550 border-left-color: transparent; }
551 @media (min-width: 600px) {
552 .block-library-classic__toolbar {
553 padding: 0; } }
554 .block-library-classic__toolbar:empty {
555 height: 37px;
556 background: #f5f5f5;
557 border-bottom: 1px solid #e2e4e7; }
558 .block-library-classic__toolbar:empty::before {
559 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
560 font-size: 13px;
561 content: attr(data-placeholder);
562 color: #555d66;
563 line-height: 37px;
564 padding: 14px; }
565 .block-library-classic__toolbar .mce-tinymce-inline,
566 .block-library-classic__toolbar .mce-tinymce-inline > div,
567 .block-library-classic__toolbar div.mce-toolbar-grp,
568 .block-library-classic__toolbar div.mce-toolbar-grp > div,
569 .block-library-classic__toolbar .mce-menubar,
570 .block-library-classic__toolbar .mce-menubar > div {
571 height: auto !important;
572 width: 100% !important; }
573 .block-library-classic__toolbar .mce-container-body.mce-abs-layout {
574 overflow: visible; }
575 .block-library-classic__toolbar .mce-menubar,
576 .block-library-classic__toolbar div.mce-toolbar-grp {
577 position: static; }
578 .block-library-classic__toolbar .mce-toolbar-grp > div {
579 padding: 1px 3px; }
580 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
581 display: none; }
582 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
583 display: block; }
584
585@media (min-width: 600px) {
586 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-switcher__no-switcher-icon {
587 display: none; }
588 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar {
589 float: right;
590 margin-right: 25px;
591 transform: translateY(-13px);
592 top: 14px; }
593 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
594 border: none;
595 box-shadow: none;
596 margin-top: 3px; } }
597 @media (min-width: 600px) and (min-width: 782px) {
598 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
599 margin-top: 0; } }
600
601@media (min-width: 600px) {
602 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar::before {
603 content: "";
604 display: block;
605 border-left: 1px solid #e2e4e7;
606 margin-top: 4px;
607 margin-bottom: 4px; }
608 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar__control.components-button:hover {
609 background-color: transparent; }
610 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .components-toolbar {
611 background: transparent;
612 border: none; }
613 .block-editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item {
614 padding-right: 36px; } }
615
616ul.wp-block-gallery li {
617 list-style-type: none; }
618
619.blocks-gallery-item figure:not(.is-selected):focus {
620 outline: none; }
621
622.blocks-gallery-item .is-selected {
623 outline: 4px solid #0085ba; }
624
625body.admin-color-sunrise .blocks-gallery-item .is-selected {
626 outline: 4px solid #d1864a; }
627
628body.admin-color-ocean .blocks-gallery-item .is-selected {
629 outline: 4px solid #a3b9a2; }
630
631body.admin-color-midnight .blocks-gallery-item .is-selected {
632 outline: 4px solid #e14d43; }
633
634body.admin-color-ectoplasm .blocks-gallery-item .is-selected {
635 outline: 4px solid #a7b656; }
636
637body.admin-color-coffee .blocks-gallery-item .is-selected {
638 outline: 4px solid #c2a68c; }
639
640body.admin-color-blue .blocks-gallery-item .is-selected {
641 outline: 4px solid #82b4cb; }
642
643body.admin-color-light .blocks-gallery-item .is-selected {
644 outline: 4px solid #0085ba; }
645
646.blocks-gallery-item .is-transient img {
647 opacity: 0.3; }
648
649.blocks-gallery-item .block-editor-rich-text {
650 position: absolute;
651 bottom: 0;
652 width: 100%;
653 max-height: 100%;
654 overflow-y: auto; }
655
656.blocks-gallery-item .block-editor-rich-text figcaption:not([data-is-placeholder-visible="true"]) {
657 position: relative;
658 overflow: hidden; }
659
660@supports ((position: -webkit-sticky) or (position: sticky)) {
661 .blocks-gallery-item .is-selected .block-editor-rich-text {
662 right: 0;
663 left: 0;
664 margin-top: -4px; } }
665
666.blocks-gallery-item .is-selected .block-editor-rich-text .block-editor-rich-text__inline-toolbar {
667 top: 0; }
668
669.blocks-gallery-item .is-selected .block-editor-rich-text figcaption {
670 padding-top: 48px; }
671
672.blocks-gallery-item .components-form-file-upload,
673.blocks-gallery-item .components-button.block-library-gallery-add-item-button {
674 width: 100%;
675 height: 100%; }
676
677.blocks-gallery-item .components-button.block-library-gallery-add-item-button {
678 display: flex;
679 flex-direction: column;
680 justify-content: center;
681 box-shadow: none;
682 border: none;
683 border-radius: 0;
684 min-height: 100px; }
685 .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon {
686 margin-top: 10px; }
687 .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus {
688 border: 1px solid #555d66; }
689
690.blocks-gallery-item .block-editor-rich-text figcaption a {
691 color: #fff; }
692
693.block-library-gallery-item__inline-menu {
694 padding: 2px;
695 position: absolute;
696 top: -2px;
697 right: -2px;
698 background-color: #0085ba;
699 display: inline-flex;
700 z-index: 20; }
701
702body.admin-color-sunrise .block-library-gallery-item__inline-menu {
703 background-color: #d1864a; }
704
705body.admin-color-ocean .block-library-gallery-item__inline-menu {
706 background-color: #a3b9a2; }
707
708body.admin-color-midnight .block-library-gallery-item__inline-menu {
709 background-color: #e14d43; }
710
711body.admin-color-ectoplasm .block-library-gallery-item__inline-menu {
712 background-color: #a7b656; }
713
714body.admin-color-coffee .block-library-gallery-item__inline-menu {
715 background-color: #c2a68c; }
716
717body.admin-color-blue .block-library-gallery-item__inline-menu {
718 background-color: #82b4cb; }
719
720body.admin-color-light .block-library-gallery-item__inline-menu {
721 background-color: #0085ba; }
722 .block-library-gallery-item__inline-menu .components-button {
723 color: #fff; }
724 .block-library-gallery-item__inline-menu .components-button:hover, .block-library-gallery-item__inline-menu .components-button:focus {
725 color: #fff; }
726
727.blocks-gallery-item__remove {
728 padding: 0; }
729 .blocks-gallery-item__remove.components-button:focus {
730 color: inherit; }
731
732.blocks-gallery-item .components-spinner {
733 position: absolute;
734 top: 50%;
735 left: 50%;
736 margin-top: -9px;
737 margin-left: -9px; }
738
739.is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2),
740.is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2),
741.is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2),
742.is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) {
743 margin-right: 0; }
744
745.wp-block-heading h1,
746.wp-block-heading h2,
747.wp-block-heading h3,
748.wp-block-heading h4,
749.wp-block-heading h5,
750.wp-block-heading h6 {
751 color: inherit;
752 margin: 0; }
753
754.wp-block-heading h1 {
755 font-size: 2.44em; }
756
757.wp-block-heading h2 {
758 font-size: 1.95em; }
759
760.wp-block-heading h3 {
761 font-size: 1.56em; }
762
763.wp-block-heading h4 {
764 font-size: 1.25em; }
765
766.wp-block-heading h5 {
767 font-size: 1em; }
768
769.wp-block-heading h6 {
770 font-size: 0.8em; }
771
772.wp-block-heading h1,
773.wp-block-heading h2,
774.wp-block-heading h3 {
775 line-height: 1.4; }
776
777.wp-block-heading h4 {
778 line-height: 1.5; }
779
780.wp-block-html .block-editor-plain-text {
781 font-family: Menlo, Consolas, monaco, monospace;
782 color: #23282d;
783 padding: 0.8em 1em;
784 border: 1px solid #e2e4e7;
785 border-radius: 4px;
786 /* Fonts smaller than 16px causes mobile safari to zoom. */
787 font-size: 16px; }
788 @media (min-width: 600px) {
789 .wp-block-html .block-editor-plain-text {
790 font-size: 13px; } }
791 .wp-block-html .block-editor-plain-text:focus {
792 box-shadow: none; }
793
794.wp-block-image {
795 position: relative; }
796 .wp-block-image.is-transient img {
797 opacity: 0.3; }
798 .wp-block-image figcaption img {
799 display: inline; }
800 .wp-block-image .components-spinner {
801 position: absolute;
802 top: 50%;
803 left: 50%;
804 margin-top: -9px;
805 margin-left: -9px; }
806
807.wp-block-image .components-resizable-box__container {
808 display: inline-block; }
809 .wp-block-image .components-resizable-box__container img {
810 display: block;
811 width: 100%; }
812
813.wp-block-image.is-focused .components-resizable-box__handle {
814 display: block;
815 z-index: 1; }
816
817.block-editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image {
818 margin-left: auto;
819 margin-right: auto; }
820
821.block-editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div {
822 margin-left: auto;
823 margin-right: auto; }
824
825.edit-post-sidebar .block-library-image__dimensions {
826 margin-bottom: 1em; }
827 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row {
828 display: flex;
829 justify-content: space-between; }
830 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width,
831 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height {
832 margin-bottom: 0.5em; }
833 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input,
834 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input {
835 line-height: 1.25; }
836 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width {
837 margin-right: 5px; }
838 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height {
839 margin-left: 5px; }
840
841.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
842 position: absolute;
843 left: 0;
844 right: 0;
845 margin: -1px 0; }
846 @media (min-width: 600px) {
847 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal {
848 margin: -1px; } }
849
850[data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit figure,
851[data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit figure,
852[data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit figure {
853 margin: 0;
854 display: table; }
855
856[data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit .block-editor-rich-text,
857[data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit .block-editor-rich-text,
858[data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit .block-editor-rich-text {
859 display: table-caption;
860 caption-side: bottom; }
861
862[data-type="core/image"][data-align="wide"] figure img,
863[data-type="core/image"][data-align="full"] figure img {
864 width: 100%; }
865
866[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
867 margin: 0;
868 display: table; }
869 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized .block-editor-rich-text {
870 display: table-caption;
871 caption-side: bottom; }
872
873.wp-block-latest-comments.has-avatars .avatar {
874 margin-right: 10px; }
875
876.wp-block-latest-comments__comment-excerpt p {
877 font-size: 14px;
878 line-height: 1.8;
879 margin: 5px 0 20px;
880 padding-top: 0; }
881
882.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
883 min-height: 36px; }
884
885.block-editor .wp-block-latest-posts {
886 padding-left: 2.5em; }
887 .block-editor .wp-block-latest-posts.is-grid {
888 padding-left: 0; }
889
890.wp-block-latest-posts li a > div {
891 display: inline; }
892
893.wp-block-legacy-widget__edit-container,
894.wp-block-legacy-widget__preview {
895 padding-left: 2.5em;
896 padding-right: 2.5em; }
897
898.wp-block-legacy-widget__edit-container .widget-inside {
899 border: none;
900 display: block; }
901
902.wp-block-legacy-widget__update-button {
903 margin-left: auto;
904 display: block; }
905
906.wp-block-legacy-widget__edit-container .widget-inside {
907 box-shadow: none; }
908
909.wp-block-legacy-widget__preview {
910 overflow: auto; }
911
912.wp-block-media-text {
913 grid-template-areas: "media-text-media media-text-content" "resizer resizer"; }
914
915.wp-block-media-text.has-media-on-the-right {
916 grid-template-areas: "media-text-content media-text-media" "resizer resizer"; }
917
918.wp-block-media-text .__resizable_base__ {
919 grid-area: resizer; }
920
921.wp-block-media-text .editor-media-container__resizer {
922 grid-area: media-text-media;
923 align-self: center;
924 width: 100% !important; }
925
926.wp-block-media-text .block-editor-inner-blocks {
927 word-break: break-word;
928 grid-area: media-text-content;
929 text-align: initial;
930 padding: 0 8% 0 8%; }
931
932.wp-block-media-text > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {
933 max-width: unset; }
934
935figure.block-library-media-text__media-container {
936 margin: 0;
937 height: 100%;
938 width: 100%; }
939
940.wp-block-media-text .block-library-media-text__media-container img,
941.wp-block-media-text .block-library-media-text__media-container video {
942 vertical-align: middle;
943 width: 100%; }
944
945.editor-media-container__resizer .components-resizable-box__handle {
946 display: none; }
947
948.wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle {
949 display: block; }
950
951@media (min-width: 600px) {
952 .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle {
953 display: block; } }
954
955.editor-styles-wrapper .block-library-list ul,
956.editor-styles-wrapper .block-library-list ol {
957 padding-left: 1.3em;
958 margin-left: 1.3em; }
959
960.block-editor-block-list__block[data-type="core/more"] {
961 max-width: 100%;
962 text-align: center; }
963
964.block-editor .wp-block-more {
965 display: block;
966 text-align: center;
967 white-space: nowrap; }
968 .block-editor .wp-block-more input[type="text"] {
969 position: relative;
970 font-size: 13px;
971 text-transform: uppercase;
972 font-weight: 600;
973 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
974 color: #6c7781;
975 border: none;
976 box-shadow: none;
977 white-space: nowrap;
978 text-align: center;
979 margin: 0;
980 border-radius: 4px;
981 background: #fff;
982 padding: 6px 8px;
983 height: 24px; }
984 .block-editor .wp-block-more input[type="text"]:focus {
985 box-shadow: none; }
986 .block-editor .wp-block-more::before {
987 content: "";
988 position: absolute;
989 top: calc(50%);
990 left: 0;
991 right: 0;
992 border-top: 3px dashed #ccd0d4; }
993
994.block-editor-block-list__block[data-type="core/nextpage"] {
995 max-width: 100%; }
996
997.wp-block-nextpage {
998 display: block;
999 text-align: center;
1000 white-space: nowrap; }
1001 .wp-block-nextpage > span {
1002 font-size: 13px;
1003 position: relative;
1004 display: inline-block;
1005 text-transform: uppercase;
1006 font-weight: 600;
1007 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1008 color: #6c7781;
1009 border-radius: 4px;
1010 background: #fff;
1011 padding: 6px 8px;
1012 height: 24px; }
1013 .wp-block-nextpage::before {
1014 content: "";
1015 position: absolute;
1016 top: calc(50%);
1017 left: 0;
1018 right: 0;
1019 border-top: 3px dashed #ccd0d4; }
1020
1021.block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph {
1022 padding-right: 108px; }
1023 .wp-block .wp-block .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph {
1024 padding-right: 36px; }
1025
1026.wp-block-preformatted pre {
1027 white-space: pre-wrap; }
1028
1029.block-editor-block-list__block[data-type="core/pullquote"][data-align="left"] .block-editor-rich-text p, .block-editor-block-list__block[data-type="core/pullquote"][data-align="right"] .block-editor-rich-text p {
1030 font-size: 20px; }
1031
1032.wp-block-pullquote blockquote > .block-editor-rich-text p {
1033 font-size: 28px;
1034 line-height: 1.6; }
1035
1036.wp-block-pullquote.is-style-solid-color {
1037 margin-left: 0;
1038 margin-right: 0; }
1039 .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p {
1040 font-size: 32px; }
1041 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
1042 text-transform: none;
1043 font-style: normal; }
1044
1045.wp-block-pullquote .wp-block-pullquote__citation {
1046 color: inherit; }
1047
1048.wp-block-quote {
1049 margin: 0; }
1050 .wp-block-quote__citation {
1051 font-size: 13px; }
1052
1053.block-editor .wp-block-rss {
1054 padding-left: 2.5em; }
1055 .block-editor .wp-block-rss.is-grid {
1056 padding-left: 0; }
1057
1058.wp-block-search .wp-block-search__input {
1059 border-radius: 4px;
1060 border: 1px solid #8d96a0;
1061 color: rgba(14, 28, 46, 0.62);
1062 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1063 font-size: 13px; }
1064 .wp-block-search .wp-block-search__input:focus {
1065 outline: none; }
1066
1067.wp-block-search .wp-block-search__button {
1068 background: #f7f7f7;
1069 border-radius: 4px;
1070 border: 1px solid #ccc;
1071 box-shadow: inset 0 -1px 0 #ccc;
1072 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1073 font-size: 13px; }
1074 .wp-block-search .wp-block-search__button .wp-block-search__button-rich-text {
1075 padding: 6px 10px; }
1076
1077.wp-block-shortcode {
1078 display: flex;
1079 flex-direction: row;
1080 padding: 14px;
1081 background-color: #f8f9f9;
1082 font-size: 13px;
1083 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
1084 .wp-block-shortcode label {
1085 display: flex;
1086 align-items: center;
1087 margin-right: 8px;
1088 white-space: nowrap;
1089 font-weight: 600;
1090 flex-shrink: 0; }
1091 .wp-block-shortcode .block-editor-plain-text {
1092 flex-grow: 1; }
1093 .wp-block-shortcode .dashicon {
1094 margin-right: 8px; }
1095
1096.block-library-spacer__resize-container.is-selected {
1097 background: #f3f4f5; }
1098
1099.edit-post-visual-editor p.wp-block-subhead {
1100 color: #6c7781;
1101 font-size: 1.1em;
1102 font-style: italic; }
1103
1104.block-editor-block-list__block[data-type="core/table"][data-align="left"] table, .block-editor-block-list__block[data-type="core/table"][data-align="right"] table, .block-editor-block-list__block[data-type="core/table"][data-align="center"] table {
1105 width: auto; }
1106
1107.block-editor-block-list__block[data-type="core/table"][data-align="center"] {
1108 text-align: initial; }
1109 .block-editor-block-list__block[data-type="core/table"][data-align="center"] table {
1110 margin: 0 auto; }
1111
1112.wp-block-table table {
1113 border-collapse: collapse;
1114 width: 100%; }
1115
1116.wp-block-table td,
1117.wp-block-table th {
1118 padding: 0;
1119 border: 1px solid #000; }
1120
1121.wp-block-table td.is-selected,
1122.wp-block-table th.is-selected {
1123 border-color: #00a0d2;
1124 box-shadow: inset 0 0 0 1px #00a0d2;
1125 border-style: double; }
1126
1127.wp-block-table__cell-content {
1128 padding: 0.5em; }
1129
1130.block-editor .wp-block-tag-cloud a {
1131 display: inline-block;
1132 margin-right: 5px; }
1133
1134.block-editor .wp-block-tag-cloud span {
1135 display: inline-block;
1136 margin-left: 5px;
1137 color: #8f98a1;
1138 text-decoration: none; }
1139
1140.wp-block-text-columns .block-editor-rich-text__editable:focus {
1141 outline: 1px solid #e2e4e7; }
1142
1143pre.wp-block-verse,
1144.wp-block-verse pre {
1145 color: #191e23;
1146 white-space: nowrap;
1147 font-family: inherit;
1148 font-size: inherit;
1149 padding: 1em;
1150 overflow: auto; }
1151
1152.block-editor-block-list__block[data-align="center"] {
1153 text-align: center; }
1154
1155.editor-video-poster-control .components-button {
1156 margin-right: 8px; }
1157
1158.editor-video-poster-control .components-button + .components-button {
1159 margin-top: 1em; }