Make WordPress Core

source: trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css @ 55967

Last change on this file since 55967 was 55967, checked in by audrasjb, 13 months ago

Twenty Twenty: Inherit Quote block's paragraph custom letter spacing in the editor.

Props nidhidhandhukiya, sabernhardt, pooja1210, ugyensupport, pouicpouic, poena.
Fixes #58033.

  • Property svn:eol-style set to native
File size: 39.9 KB
Line 
1/* ------------------------------------------- */
2
3/*      Twenty Twenty Editor Styles — Block Editor
4/* ------------------------------------------- */
5
6.editor-styles-wrapper {
7        background: #f5efe0;
8        color: #000;
9        letter-spacing: -0.015em;
10        -moz-font-smoothing: antialiased;
11        -webkit-font-smoothing: antialiased;
12}
13
14.editor-styles-wrapper > * {
15        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
16        font-size: 18px;
17}
18
19@supports ( font-variation-settings: normal ) {
20
21        .editor-styles-wrapper > * {
22                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
23        }
24
25}
26
27.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
28        color: inherit;
29        font-family: inherit;
30        font-size: inherit;
31}
32
33/* Fonts ------------------------------------- */
34
35/*
36 * Chrome renders extra-wide   characters for the Hoefler Text font.
37 * This results in a jumping cursor when typing in both the Classic and block
38 * editors. The following font-face override fixes the issue by manually
39 * inserting a custom font that includes just a Hoefler Text space replacement
40 * for that character instead.
41 */
42@font-face {
43        font-family: NonBreakingSpaceOverride;
44        src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
45}
46
47/* ----------------------------------------------
48Inter variable font. Usage:
49
50@supports (font-variation-settings: normal) {
51        html { font-family: "Inter var", sans-serif; }
52}
53---------------------------------------------- */
54
55@font-face {
56        font-family: "Inter var";
57        font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
58        font-style: normal;
59        src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
60}
61
62@font-face {
63        font-family: "Inter var";
64        font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
65        font-style: italic;
66        src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
67}
68
69/* Structure --------------------------------- */
70
71.wp-block {
72        max-width: 610px;
73}
74
75.wp-block[data-align="wide"] .wp-block[data-align="wide"],
76.wp-block[data-align="full"] .wp-block[data-align="wide"] {
77        max-width: 1200px;
78}
79
80.wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]),
81.wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
82        margin-left: auto;
83        margin-right: auto;
84        max-width: 610px;
85}
86
87.wp-block .wp-block[data-align="full"] {
88        margin-left: 0;
89        margin-right: 0;
90}
91
92*[data-align="right"] .wp-block-edit,
93*[data-align="left"] .wp-block-edit {
94        max-width: 50%;
95}
96
97.wp-block[data-align="wide"] {
98        max-width: 1200px;
99}
100
101.wp-block[data-align="full"] {
102        max-width: none;
103}
104
105.editor-styles-wrapper .editor-rich-text__tinymce,
106.editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body {
107        line-height: 1.5;
108}
109
110
111/* Font Families ------------------------------ */
112
113.editor-styles-wrapper p,
114.editor-styles-wrapper ol,
115.editor-styles-wrapper ul,
116.editor-styles-wrapper dl,
117.editor-styles-wrapper dt {
118        font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
119        letter-spacing: normal;
120}
121
122.editor-post-title__block .editor-post-title__input,
123.editor-styles-wrapper .wp-block-post-title,
124.editor-styles-wrapper h1,
125.editor-styles-wrapper h2,
126.editor-styles-wrapper h3,
127.editor-styles-wrapper h4,
128.editor-styles-wrapper h5,
129.editor-styles-wrapper h6,
130.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
131.editor-styles-wrapper cite,
132.editor-styles-wrapper figcaption,
133.editor-styles-wrapper .wp-caption-text {
134        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
135}
136
137@supports ( font-variation-settings: normal ) {
138
139        .editor-post-title__block .editor-post-title__input,
140        .editor-styles-wrapper .wp-block-post-title,
141        .editor-styles-wrapper h1,
142        .editor-styles-wrapper h2,
143        .editor-styles-wrapper h3,
144        .editor-styles-wrapper h4,
145        .editor-styles-wrapper h5,
146        .editor-styles-wrapper h6,
147        .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter,
148        .editor-styles-wrapper cite,
149        .editor-styles-wrapper figcaption,
150        .editor-styles-wrapper .wp-caption-text {
151                font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
152        }
153
154}
155
156
157/* Colors ------------------------------------ */
158
159.editor-styles-wrapper .has-text-color a {
160        color: inherit;
161}
162
163/* CUSTOM COLORS */
164
165:root .has-accent-color {
166        color: #cd2653;
167}
168
169:root .has-accent-background-color {
170        background-color: #cd2653;
171        color: #fff;
172}
173
174:root .has-primary-color {
175        color: #000;
176}
177
178:root .has-primary-background-color {
179        background-color: #000;
180        color: #f5efe0;
181}
182
183:root .has-secondary-color {
184        color: #6d6d6d;
185}
186
187:root .has-secondary-background-color {
188        background-color: #6d6d6d;
189        color: #fff;
190}
191
192:root .has-subtle-background-color {
193        color: #dcd7ca;
194}
195
196:root .has-subtle-background-background-color {
197        background-color: #dcd7ca;
198        color: #000;
199}
200
201:root .has-background-color {
202        color: #f5efe0;
203}
204
205:root .has-background-background-color {
206        background-color: #f5efe0;
207        color: #000;
208}
209
210/* GENERAL COLORS */
211
212.has-black-background-color {
213        background-color: #000;
214        color: #fff;
215}
216
217.has-white-background-color {
218        background-color: #fff;
219        color: #000;
220}
221
222.has-black-color {
223        color: #000;
224}
225
226.has-white-color {
227        color: #fff;
228}
229
230
231/* Typography -------------------------------- */
232
233.editor-styles-wrapper a {
234        color: #cd2653;
235        text-decoration: underline;
236}
237
238.editor-styles-wrapper a:focus,
239.editor-styles-wrapper a:hover {
240        text-decoration: none;
241}
242
243.editor-post-title__block .editor-post-title__input,
244.editor-styles-wrapper .wp-block-post-title,
245.editor-styles-wrapper h1,
246.editor-styles-wrapper h2,
247.editor-styles-wrapper h3,
248.editor-styles-wrapper h4,
249.editor-styles-wrapper h5,
250.editor-styles-wrapper h6 {
251        font-feature-settings: "lnum";
252        font-variant-numeric: lining-nums;
253        font-weight: 700;
254        letter-spacing: -0.0415625em;
255        line-height: 1.25;
256        margin-top: 40px;
257        margin-bottom: 25px;
258}
259
260.editor-post-title__block .editor-post-title__input,
261.editor-styles-wrapper .wp-block-post-title,
262.editor-styles-wrapper h1,
263.editor-styles-wrapper .heading-size-1 {
264        font-size: 36px;
265        font-weight: 800;
266        line-height: 1.138888889;
267}
268
269.editor-styles-wrapper h2,
270.editor-styles-wrapper .heading-size-2 {
271        font-size: 32px;
272}
273
274.editor-styles-wrapper h3,
275.editor-styles-wrapper .heading-size-3 {
276        font-size: 28px;
277}
278
279.editor-styles-wrapper h4,
280.editor-styles-wrapper .heading-size-4 {
281        font-size: 24px;
282}
283
284.editor-styles-wrapper h5,
285.editor-styles-wrapper .heading-size-5 {
286        font-size: 21px;
287}
288
289.editor-styles-wrapper h6,
290.editor-styles-wrapper .heading-size-6 {
291        font-size: 16px;
292        letter-spacing: 0.03125em;
293        text-transform: uppercase;
294}
295
296.editor-styles-wrapper li,
297.editor-styles-wrapper p,
298.editor-styles-wrapper p.wp-block-paragraph {
299        line-height: 1.4;
300}
301
302/* POST TITLE */
303
304.editor-styles-wrapper .wp-block-post-title {
305        max-width: 1000px;
306        margin: 0 auto;
307        text-align: center;
308}
309
310.wp-block.editor-post-title__block {
311        max-width: 1000px;
312}
313
314.editor-styles-wrapper .editor-post-title__block .editor-post-title__input {
315        margin: 0;
316        text-align: center;
317}
318
319.editor-styles-wrapper .wp-block-post-title.has-text-align-left {
320
321        /*rtl:ignore*/
322        text-align: left;
323}
324
325.editor-styles-wrapper .wp-block-post-title.has-text-align-right {
326
327        /*rtl:ignore*/
328        text-align: right;
329}
330
331/* DROP CAP */
332
333.editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter {
334        color: #cd2653;
335        font-size: 5.1em;
336        font-weight: 800;
337        margin: 0.05em 0.1em 0 0;
338}
339
340
341/* Monospace --------------------------------- */
342
343.editor-styles-wrapper code,
344.editor-styles-wrapper kbd,
345.editor-styles-wrapper pre,
346.editor-styles-wrapper samp {
347        font-family: monospace;
348}
349
350.editor-styles-wrapper kbd,
351.editor-styles-wrapper pre,
352.editor-styles-wrapper samp {
353        border-radius: 0;
354        font-size: 0.75em;
355        padding: 4px 6px;
356}
357
358.editor-styles-wrapper pre {
359        border-color: #dcd7ca;
360        border-radius: 0;
361        line-height: 1.5;
362        padding: 1em;
363}
364
365
366/* Custom Text Sizes ------------------------- */
367
368.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
369.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body,
370.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce,
371.editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body {
372        line-height: 1.4;
373}
374
375.editor-styles-wrapper p.has-small-font-size {
376        font-size: 0.842em;
377}
378
379.editor-styles-wrapper p.has-normal-font-size,
380.editor-styles-wrapper p.has-regular-font-size {
381        font-size: 1em;
382}
383
384.editor-styles-wrapper p.has-medium-font-size {
385        font-size: 1.1em;
386}
387
388.editor-styles-wrapper p.has-large-font-size {
389        font-size: 1.25em;
390}
391
392.editor-styles-wrapper p.has-larger-font-size {
393        font-size: 1.5em;
394}
395
396
397/* Post Media -------------------------------- */
398
399.editor-styles-wrapper figure {
400        margin: 0;
401}
402
403.editor-styles-wrapper .alignleft,
404.editor-styles-wrapper .alignright {
405        margin-bottom: 1.2em;
406        max-width: 260px;
407}
408
409.editor-styles-wrapper .wp-caption .alignleft,
410.editor-styles-wrapper .wp-caption .alignright {
411        margin-bottom: 0;
412}
413
414.editor-styles-wrapper .alignleft {
415        margin-right: 1em;
416}
417
418.editor-styles-wrapper .alignright {
419        margin-left: 1em;
420}
421
422.editor-styles-wrapper figcaption {
423        color: #6d6d6d;
424        font-size: 15px;
425        font-weight: 500;
426        line-height: 1.2;
427        margin-top: 5px;
428        text-align: inherit;
429}
430
431
432/* Forms ------------------------------------- */
433
434.editor-styles-wrapper fieldset {
435        border: 2px solid #dcd7ca;
436        padding: 20px;
437}
438
439.editor-styles-wrapper legend {
440        font-size: 0.85em;
441        font-weight: 700;
442        padding: 0 10px;
443}
444
445.editor-styles-wrapper label {
446        font-size: 15px;
447        font-weight: 600;
448}
449
450
451/* Block: Base Margins ---------------------- */
452
453/* Block: Shared Widget Styles -------------- */
454
455.editor-styles-wrapper ul.wp-block-archives,
456.editor-styles-wrapper ul.wp-block-categories,
457.editor-styles-wrapper ul.wp-block-latest-posts,
458.editor-styles-wrapper ul.wp-block-categories__list {
459        font-family: inherit;
460        list-style: none;
461        margin: 40px 0;
462        padding-left: 0;
463}
464
465.editor-styles-wrapper ul.wp-block-categories__list ul {
466        margin: 0;
467}
468
469.editor-styles-wrapper ul.wp-block-archives li,
470.editor-styles-wrapper ul.wp-block-categories li,
471.editor-styles-wrapper ul.wp-block-latest-posts li,
472.editor-styles-wrapper ul.wp-block-categories__list li {
473        color: #6d6d6d;
474        line-height: 1.476;
475        margin: 5px 0 0 0;
476}
477
478.editor-styles-wrapper ul.wp-block-archives li li,
479.editor-styles-wrapper ul.wp-block-categories li li,
480.editor-styles-wrapper ul.wp-block-categories__list li li,
481.editor-styles-wrapper ul.wp-block-latest-posts li li {
482        margin-left: 20px;
483}
484
485.editor-styles-wrapper .wp-block-archives li > a,
486.editor-styles-wrapper .wp-block-categories li > a,
487.editor-styles-wrapper .wp-block-latest-posts li > a {
488        font-weight: 700;
489        text-decoration: none;
490}
491
492.editor-styles-wrapper .wp-block-archives li > a:focus,
493.editor-styles-wrapper .wp-block-archives li > a:hover,
494.editor-styles-wrapper .wp-block-categories li > a:focus,
495.editor-styles-wrapper .wp-block-categories li > a:hover,
496.editor-styles-wrapper .wp-block-latest-posts li > a:focus,
497.editor-styles-wrapper .wp-block-latest-posts li > a:hover {
498        font-weight: 700;
499        text-decoration: none;
500}
501
502.editor-styles-wrapper .wp-block-archives.aligncenter,
503.editor-styles-wrapper .wp-block-categories.aligncenter {
504        text-align: center;
505}
506
507.editor-styles-wrapper .wp-block-latest-comments time,
508.editor-styles-wrapper .wp-block-latest-posts time {
509        color: #6d6d6d;
510        font-size: 0.7em;
511        font-weight: 600;
512        letter-spacing: normal;
513        line-height: 1.476;
514        margin-top: 0.15em;
515}
516
517
518/* Block: Table ------------------------------ */
519
520.editor-styles-wrapper .wp-block-table {
521        border-collapse: collapse;
522        border-spacing: 0;
523        empty-cells: show;
524        font-size: 18px;
525        margin-bottom: 1.1em;
526        width: 100%;
527}
528
529.editor-styles-wrapper .wp-block-table,
530.editor-styles-wrapper .wp-block-table * {
531        border-color: #dcd7ca;
532}
533
534.editor-styles-wrapper .wp-block-table tr {
535        border: none;
536}
537
538.editor-styles-wrapper .wp-block-table caption {
539        background: #dcd7ca;
540        text-align: center;
541}
542
543.editor-styles-wrapper .wp-block-table th,
544.editor-styles-wrapper .wp-block-table td {
545        line-height: 1.4;
546        margin: 0;
547        overflow: visible;
548        padding: 0;
549}
550
551.editor-styles-wrapper .wp-block-table .wp-block-table__cell-content {
552        padding: 0.5em;
553}
554
555.editor-styles-wrapper .wp-block-table thead {
556        vertical-align: bottom;
557        white-space: nowrap;
558        text-align: inherit;
559}
560
561.editor-styles-wrapper .wp-block-table th {
562        font-weight: 700;
563        text-align: inherit; /* Prevents the header from being centered by default*/
564}
565
566.editor-styles-wrapper .wp-block-table th.has-text-align-center {
567        text-align: center;
568}
569
570.editor-styles-wrapper .wp-block-table th.has-text-align-right {
571        text-align: right;
572}
573
574.editor-styles-wrapper .wp-block-table th.has-text-align-left {
575        text-align: left;
576}
577
578/* STYLE: STRIPES */
579
580.editor-styles-wrapper .wp-block-table.is-style-stripes {
581        border: 1px solid #dcd7ca;
582}
583
584.editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
585        background: #dcd7ca;
586}
587
588
589/* Block: Separator -------------------------- */
590
591hr.wp-block-separator {
592        border-top: 1px solid #6d6d6d;
593        color: #6d6d6d;
594        margin: 30px 0;
595}
596
597hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
598        max-width: 100%;
599}
600
601hr.wp-block-separator:not(.is-style-dots) {
602        background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
603        background-color: transparent !important;
604        border: none;
605        height: 1px;
606        overflow: visible;
607        position: relative;
608}
609
610.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
611        height: 1px;
612}
613
614hr.wp-block-separator:not(.is-style-dots)::before,
615hr.wp-block-separator:not(.is-style-dots)::after {
616        background: currentColor;
617        content: "";
618        display: block;
619        height: 16px;
620        position: absolute;
621        top: calc(50% - 8px);
622        transform: rotate(22.5deg);
623        width: 1px;
624}
625
626.editor-styles-wrapper hr.wp-block-separator::before {
627        left: calc(50% - 5px);
628        right: auto;
629}
630
631.editor-styles-wrapper hr.wp-block-separator::after {
632        right: calc(50% - 5px);
633        left: auto;
634        border-radius: 0;
635}
636
637/* STYLE: DOTS */
638
639hr.wp-block-separator.is-style-dots::before {
640        font-size: 32px;
641        font-weight: 700;
642        letter-spacing: 1em;
643        padding-left: 1em;
644}
645
646
647/* Block: Quote ------------------------------ */
648
649.editor-styles-wrapper blockquote {
650        margin: 0;
651}
652
653.editor-styles-wrapper .wp-block-quote {
654        border-color: #cd2653;
655        border-style: solid;
656        border-width: 0 0 0 2px;
657        margin-top: 20px;
658        margin-bottom: 20px;
659        padding: 5px 0 5px 20px;
660}
661
662.editor-styles-wrapper .wp-block-quote.has-text-align-center,
663.editor-styles-wrapper��.wp-block-quote[style*="text-align:center"],
664.editor-styles-wrapper .wp-block-quote[style*="text-align: center"] {
665        border-width: 0;
666        padding: 5px 0;
667}
668
669.editor-styles-wrapper .wp-block-quote.has-text-align-right,
670.editor-styles-wrapper .wp-block-quote[style*="text-align:right"],
671.editor-styles-wrapper .wp-block-quote[style*="text-align: right"] {
672        border-width: 0 2px 0 0;
673        padding: 5px 20px 5px 0;
674}
675
676.editor-styles-wrapper cite,
677.editor-styles-wrapper .wp-block-quote__citation,
678.editor-styles-wrapper .wp-block-quote cite,
679.editor-styles-wrapper .wp-block-quote footer {
680        color: #6d6d6d;
681        font-size: 14px;
682        font-weight: 600;
683        line-height: 1.25;
684}
685
686.editor-styles-wrapper .wp-block-quote cite {
687        font-style: normal;
688}
689
690.editor-styles-wrapper .wp-block-quote.has-text-color cite,
691.editor-styles-wrapper .wp-block-quote.has-background cite,
692.editor-styles-wrapper .has-background .wp-block-quote cite {
693        color: inherit;
694}
695
696.editor-styles-wrapper .wp-block-quote p {
697        color: inherit;
698        font-weight: 400;
699        margin: 0 0 20px 0;
700        letter-spacing: inherit;
701}
702
703.editor-styles-wrapper .wp-block-quote.is-style-large {
704        border: none;
705        padding: 0;
706}
707
708.editor-styles-wrapper .wp-block-quote.is-style-large p {
709        font-family: inherit;
710        font-size: 24px;
711        font-style: normal;
712        font-weight: 700;
713        letter-spacing: -0.035714286em;
714        line-height: 1.285714286;
715}
716
717.editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation,
718.editor-styles-wrapper .wp-block-quote.is-style-large cite,
719.editor-styles-wrapper .wp-block-quote.is-style-large footer {
720        font-size: 16px;
721}
722
723
724/* Block: Code, Verse and Preformatted ------- */
725
726.editor-styles-wrapper .wp-block-code {
727        color: inherit;
728}
729
730.editor-styles-wrapper .wp-block-code,
731.editor-styles-wrapper .wp-block-preformatted pre,
732.editor-styles-wrapper .wp-block-verse pre {
733        border: 1px solid #dcd7ca;
734        border-radius: 0;
735        padding: 30px;
736}
737
738.editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
739.editor-styles-wrapper .wp-block-preformatted pre,
740.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
741.editor-styles-wrapper .wp-block-verse pre {
742        background: transparent;
743        color: inherit;
744        font-family: monospace;
745        font-size: 14px;
746}
747
748/* Block: Cover ------------------------------ */
749
750.editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
751.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
752        margin: 0 auto;
753        width: calc(100% - 40px);
754}
755
756.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
757.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
758        height: auto;
759        max-height: none;
760}
761
762.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
763        text-align: left;
764}
765
766.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
767        text-align: right;
768}
769
770.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
771.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
772        float: none;
773        margin-left: 0;
774        margin-right: 0;
775        max-width: 100%;
776}
777
778.wp-block-cover-image .wp-block-cover-image-text,
779.wp-block-cover-image .wp-block-cover-text,
780.wp-block-cover-image h2,
781.wp-block-cover .wp-block-cover-image-text,
782.wp-block-cover .wp-block-cover-text {
783        max-width: 100%;
784}
785
786.editor-styles-wrapper .wp-block-cover a {
787        color: inherit;
788}
789
790/* Block: Shared Media Styles ---------------- */
791
792.wp-block[data-type*="core-embed"][data-align="full"] figcaption,
793.wp-block[data-type="core/image"][data-align="full"] figcaption,
794.wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
795        padding: 0 14px;
796}
797
798/* Block: Paragraph -------------------------- */
799
800/* Block: Pullquote -------------------------- */
801
802.editor-styles-wrapper .wp-block-pullquote {
803        border: none;
804        color: inherit;
805        padding: 0;
806        position: relative;
807        text-align: center;
808}
809
810.editor-styles-wrapper .wp-block-pullquote::before {
811        background: #fff;
812        border-radius: 50%;
813        color: #cd2653;
814        content: "”";
815        display: block;
816        font-size: 62px;
817        font-weight: 500;
818        line-height: 1.2;
819        margin: 0 auto 15px auto;
820        text-align: center;
821        height: 44px;
822        width: 44px;
823}
824
825.editor-styles-wrapper .wp-block .wp-block-pullquote p {
826        font-family: inherit;
827        font-size: 28px;
828        font-weight: 700;
829        line-height: 1.178571429;
830        letter-spacing: -0.041785714em;
831        margin-bottom: 20px;
832}
833
834.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
835        margin-bottom: 0;
836}
837
838.editor-styles-wrapper .wp-block .wp-block-pullquote p,
839.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
840.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
841.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
842        font-size: 28px;
843}
844
845.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
846.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
847        height: auto;
848        max-height: none;
849}
850
851.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
852.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
853        text-align: left;
854}
855
856.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
857.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
858        text-align: right;
859}
860
861.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
862.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
863        float: none;
864        margin-left: 0;
865        margin-right: 0;
866        max-width: 100%;
867}
868
869.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
870        margin-right: 0;
871}
872
873.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before {
874        margin-left: 0;
875}
876
877.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
878        right: 20px;
879        transform: translateY(-50%);
880}
881
882.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before {
883        left: 20px;
884        transform: translateY(-50%);
885}
886
887.editor-styles-wrapper .wp-block-pullquote__citation,
888.editor-styles-wrapper .wp-block-pullquote cite,
889.editor-styles-wrapper .wp-block-pullquote footer {
890        color: #6d6d6d;
891        font-size: 16px;
892        font-weight: 500;
893        margin-top: 12px;
894        text-transform: none;
895}
896
897.editor-styles-wrapper .wp-block-pullquote.has-text-color cite,
898.editor-styles-wrapper .wp-block-pullquote.has-background cite,
899.editor-styles-wrapper .has-background .wp-block-pullquote cite {
900        color: inherit;
901}
902
903/* STYLE: SOLID COLOR */
904
905.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
906        padding: 30px 20px;
907        position: relative;
908}
909
910.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before {
911        position: absolute;
912        top: 0;
913        left: 50%;
914        transform: translateY(-50%) translateX(-50%);
915}
916
917.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
918        max-width: 100%;
919        text-align: center;
920}
921
922.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
923.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite,
924.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer {
925        color: inherit;
926}
927
928
929/* Block: Verse ------------------------------ */
930
931.editor-styles-wrapper .wp-block-verse pre,
932.editor-styles-wrapper pre.wp-block-verse {
933        font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
934        font-size: 0.9em;
935}
936
937
938/* Block: Button ----------------------------- */
939
940:root .editor-styles-wrapper .wp-block-button__link,
941:root .editor-styles-wrapper .wp-block-file__button {
942        background: #cd2653;
943        border-radius: 0;
944        color: #fff;
945        font-size: 15px;
946        font-weight: 600;
947        letter-spacing: 0.0333em;
948        line-height: 1.25;
949        padding: 1.1em 1.44em;
950        text-transform: uppercase;
951}
952
953.editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body {
954        line-height: 1.1;
955}
956
957.editor-styles-wrapper .wp-block-button__link:hover,
958.editor-styles-wrapper .wp-block-file__button:hover {
959        text-decoration: underline;
960}
961
962/* BUTTON STYLE: OUTLINE */
963
964.editor-styles-wrapper .is-style-outline .wp-block-button__link,
965.editor-styles-wrapper .is-style-outline.wp-block-button__link {
966        background: none;
967        border-color: currentColor;
968        color: #cd2653;
969        padding: calc(1.1em - 2px) calc(1.44em - 2px);
970}
971
972/* BUTTON STYLE: SQUARED */
973
974.editor-styles-wrapper .is-style-squared .wp-block-button__link,
975.editor-styles-wrapper .is-style-squared.wp-block-button__link {
976        border-radius: 0;
977}
978
979
980/* Block: Latest Comments -------------------- */
981
982.editor-styles-wrapper .wp-block-latest-comments {
983        font-family: inherit;
984        margin-left: 0;
985}
986
987.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment {
988        font-size: inherit;
989        margin-bottom: 20px;
990}
991
992.editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
993        margin-bottom: 0;
994}
995
996.editor-styles-wrapper .wp-block-latest-comments__comment-meta,
997.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
998        margin-left: 0 !important;
999}
1000
1001.editor-styles-wrapper .wp-block-latest-comments__comment-meta {
1002        font-weight: 700;
1003}
1004
1005.editor-styles-wrapper .wp-block-latest-comments__comment-meta a {
1006        text-decoration: none;
1007}
1008
1009.editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus,
1010.editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover {
1011        text-decoration: none;
1012}
1013
1014/* HAS AVATAR */
1015
1016.editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
1017        display: flex;
1018}
1019
1020.editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar {
1021        flex-shrink: 0;
1022        margin: 5px 15px 0 0;
1023}
1024
1025/* HAS EXCERPT */
1026
1027.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt {
1028        margin: 0;
1029}
1030
1031.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
1032        font-family: inherit;
1033        font-size: 0.7em;
1034        margin: 10px 0 0;
1035}
1036
1037
1038/* Block: Latest Posts ----------------------- */
1039
1040.editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li {
1041        margin-top: 15px;
1042}
1043
1044/* STYLE: GRID */
1045
1046.editor-styles-wrapper .wp-block-latest-posts.is-grid li {
1047        border-color: #dcd7ca;
1048}
1049
1050.editor-styles-wrapper ul.wp-block-latest-posts.is-grid li {
1051        border-style: solid;
1052        border-width: 2px 0 0;
1053        line-height: 1.25;
1054        margin: 20px 10px 16px 0;
1055        padding-top: 12px;
1056}
1057
1058.editor-styles-wrapper .wp-block-latest-posts__post-excerpt {
1059        font-size: 0.95em;
1060        line-height: 1.4;
1061        margin-top: 15px;
1062}
1063
1064/* Block: Shortcode -------------------------- */
1065
1066.editor-styles-wrapper .wp-block-shortcode textarea {
1067        color: #191e23;
1068}
1069
1070/* Block: Embed ------------------------------ */
1071
1072.editor-styles-wrapper .wp-block-embed {
1073        margin-bottom: 30px;
1074        margin-top: 30px;
1075}
1076
1077.editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * {
1078        margin-left: auto;
1079        margin-right: auto;
1080}
1081
1082/* Block: File ------------------------------- */
1083
1084.editor-styles-wrapper .wp-block-file {
1085        background: none;
1086        padding: 0;
1087}
1088
1089.editor-styles-wrapper .wp-block-file__content-wrapper {
1090        align-items: center;
1091        display: flex;
1092        justify-content: space-between;
1093}
1094
1095.editor-styles-wrapper .wp-block-file .wp-block-file__textlink {
1096        color: #cd2653;
1097        font-weight: 700;
1098        text-decoration: none;
1099}
1100
1101.editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus,
1102.editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover {
1103        text-decoration: underline;
1104}
1105
1106.editor-styles-wrapper .wp-block-file .wp-block-file__button {
1107        font-size: 14px;
1108        padding: 1em 1.25em;
1109}
1110
1111/* Block: Image ------------------------------ */
1112
1113.editor-styles-wrapper .wp-block-image {
1114        margin-bottom: 30px;
1115        margin-top: 30px;
1116}
1117
1118/* Block: Group ------------------------------ */
1119
1120.editor-styles-wrapper .wp-block-group.has-background {
1121        padding: 20px;
1122}
1123
1124.wp-block-group .wp-block[data-type="core/heading"]:first-child * {
1125        margin-top: 0;
1126}
1127
1128.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
1129.wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
1130        margin-left: 0;
1131        width: 100%;
1132}
1133
1134/* Block: List ------------------------------- */
1135
1136.editor-styles-wrapper ul.block-editor-block-list__block,
1137.editor-styles-wrapper ol.block-editor-block-list__block,
1138.editor-styles-wrapper ul ul,
1139.editor-styles-wrapper ol ul {
1140        padding-left: 1.3em;
1141}
1142
1143.editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links {
1144        padding-left: 0;
1145}
1146
1147/* Block: Post Template ---------------- */
1148
1149.editor-styles-wrapper ul.wp-block-post-template {
1150        padding-left: 0;
1151}
1152
1153
1154/*      X.      Media Queries
1155/* ------------------------------------------- */
1156
1157
1158@media ( min-width: 480px ) {
1159
1160
1161        /* STRUCTURE */
1162
1163        .editor-styles-wrapper .wp-block[data-align="right"] {
1164                margin-right: 0;
1165        }
1166
1167        .editor-styles-wrapper .wp-block[data-align="left"] {
1168                margin: 0;
1169        }
1170
1171        /* BLOCK: COVER */
1172
1173        .wp-block[data-type="core/cover"][data-align="left"] [data-block],
1174        .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
1175                margin-top: 0;
1176        }
1177
1178        .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
1179                float: right;
1180                margin-left: 20px;
1181                max-width: 260px;
1182        }
1183
1184        .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
1185                float: left;
1186                margin-right: 20px;
1187                max-width: 260px;
1188        }
1189
1190        .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
1191                margin-right: 0;
1192        }
1193
1194        .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
1195                margin-left: 0;
1196        }
1197
1198        /* BLOCK: PULL QUOTE */
1199
1200        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
1201        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
1202                height: 0;
1203                max-width: 260px;
1204        }
1205
1206        .wp-block[data-type="core/pullquote"][data-align="left"] [data-block],
1207        .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] {
1208                margin-top: 0;
1209        }
1210
1211        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1212                float: right;
1213                margin-left: 20px;
1214                max-width: 260px;
1215        }
1216
1217        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1218                float: left;
1219                margin-right: 20px;
1220                max-width: 260px;
1221        }
1222
1223        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
1224                margin-right: 0;
1225        }
1226
1227        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
1228                margin-left: 0;
1229        }
1230
1231
1232}
1233
1234@media ( min-width: 600px ) {
1235
1236
1237        /* BLOCK: SHARED MEDIA STYLES */
1238
1239        .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
1240        .wp-block[data-type="core/image"][data-align="full"] figcaption,
1241        .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
1242                padding: 0 45px;
1243        }
1244
1245        /* BLOCK: COLUMNS */
1246
1247        .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
1248        .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
1249        .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
1250        .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
1251        .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
1252        .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
1253                margin: 35px 0 20px 0;
1254        }
1255
1256        /* BLOCK: PULLQUOTE */
1257
1258        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
1259                margin-right: -30px;
1260        }
1261
1262        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
1263                margin-left: -30px;
1264        }
1265
1266
1267}
1268
1269@media ( min-width: 700px ) {
1270
1271        /* STRUCTURE */
1272
1273        .editor-styles-wrapper > * {
1274                font-size: 21px;
1275        }
1276
1277        /* TYPOGRAPHY */
1278
1279        .editor-post-title__block .editor-post-title__input,
1280        .editor-styles-wrapper .wp-block-post-title,
1281        .editor-styles-wrapper h1,
1282        .editor-styles-wrapper .heading-size-1 {
1283                font-size: 64px;
1284        }
1285
1286        .editor-styles-wrapper h2,
1287        .editor-styles-wrapper .heading-size-2 {
1288                font-size: 48px;
1289        }
1290
1291        .editor-styles-wrapper h3,
1292        .editor-styles-wrapper .heading-size-3 {
1293                font-size: 40px;
1294        }
1295
1296        .editor-styles-wrapper h4,
1297        .editor-styles-wrapper .heading-size-4 {
1298                font-size: 32px;
1299        }
1300
1301        .editor-styles-wrapper h5,
1302        .editor-styles-wrapper .heading-size-5 {
1303                font-size: 24px;
1304        }
1305
1306        .editor-styles-wrapper li,
1307        .editor-styles-wrapper p,
1308        .editor-styles-wrapper p.wp-block-paragraph {
1309                line-height: 1.476;
1310        }
1311
1312        /* FORMS  */
1313
1314        .editor-styles-wrapper fieldset {
1315                padding: 30px;
1316        }
1317
1318        .editor-styles-wrapper legend {
1319                padding: 0 15px;
1320        }
1321
1322        /* BLOCK: BASE MARGINS */
1323
1324        /* BLOCK: BUTTON */
1325
1326        :root .editor-styles-wrapper .wp-block-button__link,
1327        :root .editor-styles-wrapper .wp-block-file__button {
1328                font-size: 17px;
1329        }
1330
1331        /* BLOCK: CODE */
1332
1333        .editor-styles-wrapper .wp-block-preformatted pre,
1334        .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
1335        .editor-styles-wrapper .wp-block-verse pre {
1336                font-size: 16px;
1337        }
1338
1339        /* BLOCK: COLUMNS */
1340
1341        .wp-block-column {
1342                font-size: 16px;
1343        }
1344
1345        /* BLOCK: COVER */
1346
1347        .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
1348        .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
1349                width: calc(100% - 80px);
1350        }
1351
1352        /* BLOCK: GROUP */
1353
1354        .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
1355        .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
1356        .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
1357                padding: 40px;
1358        }
1359
1360        .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
1361        .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
1362                padding: 80px;
1363        }
1364
1365        /* BLOCK: LATEST POSTS */
1366
1367        /* BLOCK: PULLQUOTE */
1368
1369        .editor-styles-wrapper .wp-block .wp-block-pullquote p,
1370        .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
1371        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
1372        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
1373                font-size: 32px;
1374        }
1375
1376        .editor-styles-wrapper .wp-block-pullquote__citation,
1377        .editor-styles-wrapper .wp-block-pullquote cite,
1378        .editor-styles-wrapper .wp-block-pullquote footer {
1379                margin-top: 20px;
1380        }
1381
1382        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
1383        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
1384                font-size: 113px;
1385                height: 80px;
1386                margin-bottom: 20px;
1387                width: 80px;
1388        }
1389
1390        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1391        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1392                padding: 60px 40px 40px;
1393        }
1394
1395        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) {
1396                padding-left: 10px;
1397                padding-right: 10px;
1398        }
1399
1400        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1401        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1402                font-size: 48px;
1403                line-height: 1.203125;
1404        }
1405
1406        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
1407    ��   .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
1408                font-size: 32px;
1409                line-height: 1.1875;
1410        }
1411
1412        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p,
1413        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p {
1414                font-size: 26px;
1415        }
1416
1417        /* BLOCK: TABLE */
1418
1419        .editor-styles-wrapper  table.wp-block-table {
1420                font-size: 18px;
1421        }
1422
1423        /* BLOCK: SEPARATOR */
1424
1425        hr.wp-block-separator {
1426                margin-bottom: 60px;
1427                margin-top: 60px;
1428        }
1429
1430}
1431
1432
1433@media ( min-width: 1000px ) {
1434
1435
1436        /* BLOCK: COLUMNS */
1437
1438        .wp-block-column {
1439                font-size: 18px;
1440        }
1441
1442        /* BLOCK: SEPARATOR */
1443
1444        hr.wp-block-separator {
1445                margin-bottom: 80px;
1446                margin-top: 80px;
1447        }
1448
1449        hr.wp-block-separator.is-style-wide {
1450                margin-left: auto;
1451                margin-right: auto;
1452        }
1453
1454
1455}
1456
1457
1458@media ( min-width: 1220px ) {
1459
1460
1461        /* TYPOGRAPHY */
1462
1463        .editor-post-title__block .editor-post-title__input,
1464        .editor-styles-wrapper .wp-block-post-title,
1465        .editor-styles-wrapper h1,
1466        .editor-styles-wrapper .heading-size-1 {
1467                font-size: 84px;
1468        }
1469
1470        .editor-styles-wrapper h6,
1471        .editor-styles-wrapper .heading-size-6 {
1472                font-size: 18px;
1473        }
1474
1475        /* BLOCK: PULLQUOTE */
1476
1477        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
1478        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color {
1479                padding: 90px 40px 80px;
1480        }
1481
1482        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
1483        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
1484                font-size: 64px;
1485        }
1486
1487        /* BLOCK: SEPARATOR */
1488
1489        hr.wp-block-separator.is-style-wide {
1490                margin-left: auto;
1491                margin-right: auto;
1492        }
1493
1494}
1495
1496
1497@media ( min-width: 1360px ) {
1498
1499
1500        /* STRUCTURE */
1501
1502        .editor-styles-wrapper .wp-block[data-align="left"],
1503        .editor-styles-wrapper .wp-block[data-align="right"] {
1504                margin: 0 auto;
1505                max-width: 1220px;
1506        }
1507
1508
1509        /* BLOCK: PULLQUOTE */
1510
1511        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before,
1512        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before {
1513                top: 0;
1514        }
1515
1516        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"],
1517        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] {
1518                margin: 0 auto;
1519                max-width: 1220px;
1520        }
1521
1522        /* BLOCK: SEPARATOR */
1523
1524        hr.wp-block-separator.is-style-wide {
1525                margin-left: auto;
1526                margin-right: auto;
1527        }
1528
1529
1530}
Note: See TracBrowser for help on using the repository browser.