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