editor-style-classic.css (17563B)
1 /* -------------------------------------------------------------------------- */ 2 3 /* Twenty Twenty Editor Styles — Classic Editor 4 /* -------------------------------------------------------------------------- */ 5 6 7 /* Fonts ------------------------------------- */ 8 9 /* 10 * Chrome renders extra-wide characters for the Hoefler Text font. 11 * This results in a jumping cursor when typing in both the classic editor and 12 * block editor. The following font-face override fixes the issue by manually 13 * inserting a custom font that includes just a Hoefler Text space replacement 14 * for that character instead. 15 */ 16 @font-face { 17 font-family: NonBreakingSpaceOverride; 18 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"); 19 } 20 21 /* ---------------------------------------------- 22 Inter variable font. Usage: 23 24 @supports (font-variation-settings: normal) { 25 html { font-family: "Inter var", sans-serif; } 26 } 27 ---------------------------------------------- */ 28 29 @font-face { 30 font-family: "Inter var"; 31 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 32 font-style: normal; 33 src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2"); 34 } 35 36 @font-face { 37 font-family: "Inter var"; 38 font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ 39 font-style: italic; 40 src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2"); 41 } 42 43 /* Structure --------------------------------- */ 44 45 body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ 46 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 47 } 48 49 @supports ( font-variation-settings: normal ) { 50 51 body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ 52 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 53 } 54 55 } 56 57 body#tinymce.wp-editor.content { /* stylelint-disable-line no-duplicate-selectors */ 58 background: #f5efe0; 59 color: #000; 60 font-size: 21px; 61 letter-spacing: -0.015em; 62 margin: 0 auto; 63 max-width: calc(100% - 40px); 64 width: 580px; 65 } 66 67 body#tinymce.wp-editor.content * { 68 box-sizing: border-box; 69 -webkit-font-smoothing: antialiased; 70 } 71 72 body#tinymce.wp-editor.content p, 73 body#tinymce.wp-editor.content ol, 74 body#tinymce.wp-editor.content ul, 75 body#tinymce.wp-editor.content dl, 76 body#tinymce.wp-editor.content dt { 77 font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; 78 letter-spacing: normal; 79 } 80 81 body#tinymce.wp-editor.content p, 82 body#tinymce.wp-editor.content ul, 83 body#tinymce.wp-editor.content ol, 84 body#tinymce.wp-editor.content blockquote { 85 line-height: 1.5; 86 margin-bottom: 1.5em; 87 } 88 89 body#tinymce.wp-editor.content code, 90 body#tinymce.wp-editor.content kbd, 91 body#tinymce.wp-editor.content samp { 92 background: rgba(0, 0, 0, 0.075); 93 } 94 95 body#tinymce.wp-editor.content code, 96 body#tinymce.wp-editor.content kbd, 97 body#tinymce.wp-editor.content pre, 98 body#tinymce.wp-editor.content samp { 99 font-family: monospace; 100 color: inherit; 101 font-size: 15px; 102 } 103 104 body#tinymce.wp-editor.content pre { 105 border: 1px solid #dcd7ca; 106 line-height: 1.5; 107 margin: 40px 0; 108 overflow: auto; 109 padding: 30px; 110 text-align: left; 111 } 112 113 body#tinymce.wp-editor.content a, 114 body#tinymce.wp-editor.content a:focus, 115 body#tinymce.wp-editor.content a:hover { 116 color: #cd2653; 117 text-decoration: underline; 118 } 119 120 body#tinymce.wp-editor.content img { 121 height: auto; 122 max-width: 100%; 123 } 124 125 body#tinymce.wp-editor.content img[data-wp-more] { 126 height: 16px; 127 } 128 129 body#tinymce.wp-editor.content hr { 130 border: none; 131 border-top: 1px solid #dcd7ca; 132 margin: 2em auto; 133 width: 100%; 134 } 135 136 body#tinymce.wp-editor.content hr:not(.is-style-dots) { 137 background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); 138 border: none; 139 color: #6d6d6d; 140 height: 1px; 141 margin: 80px 0; 142 overflow: visible; 143 position: relative; 144 } 145 146 body#tinymce.wp-editor.content hr:not(.is-style-dots)::before, 147 body#tinymce.wp-editor.content hr:not(.is-style-dots)::after { 148 background: currentColor; 149 content: ""; 150 display: block; 151 height: 16px; 152 position: absolute; 153 top: calc(50% - 8px); 154 transform: rotate(22.5deg); 155 width: 1px; 156 } 157 158 body#tinymce.wp-editor.content hr::before { 159 left: calc(50% - 5px); 160 } 161 162 body#tinymce.wp-editor.content hr::after { 163 right: calc(50% - 5px); 164 } 165 166 body#tinymce.wp-editor.content dt { 167 font-weight: 600; 168 } 169 170 body#tinymce.wp-editor.content dd { 171 line-height: 1.5; 172 } 173 174 body#tinymce.wp-editor.content dd + dt { 175 margin-top: 1.5rem; 176 } 177 178 179 /* Font Families ----------------------------- */ 180 181 body#tinymce.wp-editor.content figcaption, 182 body#tinymce.wp-editor.content .wp-caption-text, 183 body#tinymce.wp-editor.content .wp-caption-dd, 184 body#tinymce.wp-editor.content cite, 185 body#tinymce.wp-editor.content table { 186 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 187 line-height: 1; 188 } 189 190 @supports ( font-variation-settings: normal ) { 191 192 body#tinymce.wp-editor.content figcaption, 193 body#tinymce.wp-editor.content .wp-caption-text, 194 body#tinymce.wp-editor.content .wp-caption-dd, 195 body#tinymce.wp-editor.content cite, 196 body#tinymce.wp-editor.content table { 197 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 198 } 199 } 200 201 202 /* Titles ------------------------------------ */ 203 204 body#tinymce.wp-editor.content h1, 205 body#tinymce.wp-editor.content h2, 206 body#tinymce.wp-editor.content h3, 207 body#tinymce.wp-editor.content h4, 208 body#tinymce.wp-editor.content h5, 209 body#tinymce.wp-editor.content h6 { 210 font-feature-settings: "lnum"; 211 font-variant-numeric: lining-nums; 212 font-weight: 700; 213 letter-spacing: -0.0415625em; 214 line-height: 1.25; 215 margin: 40px 0 25px; 216 } 217 218 body#tinymce.wp-editor.content h1 { 219 font-size: 84px; 220 font-weight: 800; 221 line-height: 1.138888889; 222 } 223 224 body#tinymce.wp-editor.content h2 { 225 font-size: 48px; 226 } 227 228 body#tinymce.wp-editor.content h3 { 229 font-size: 40px; 230 } 231 232 body#tinymce.wp-editor.content h4 { 233 font-size: 32px; 234 } 235 236 body#tinymce.wp-editor.content h5 { 237 font-size: 24px; 238 } 239 240 body#tinymce.wp-editor.content h6 { 241 font-size: 18px; 242 letter-spacing: 0.03125em; 243 text-transform: uppercase; 244 } 245 246 /* Blockquote -------------------------------- */ 247 248 body#tinymce.wp-editor.content blockquote { 249 border: none; 250 border-left: 2px solid #cd2653; 251 margin: 0 0 1.6em 0; 252 padding: 0.25em 0 0.25em 1em; 253 } 254 255 body#tinymce.wp-editor.content blockquote p { 256 font-style: normal; 257 font-weight: 400; 258 margin: 0; 259 } 260 261 body#tinymce.wp-editor.content cite { 262 color: #6d6d6d; 263 font-size: 16px; 264 font-weight: 500; 265 font-style: normal; 266 } 267 268 body#tinymce.wp-editor.content blockquote cite { 269 display: block; 270 margin-top: 20px; 271 } 272 273 274 /* Lists ------------------------------------- */ 275 276 body#tinymce.wp-editor.content ul { 277 margin-left: 1.5em; 278 padding-left: 0; 279 list-style: disc; 280 } 281 282 body#tinymce.wp-editor.content ol { 283 margin-left: 1.5em; 284 padding-left: 0; 285 list-style: decimal; 286 } 287 288 body#tinymce.wp-editor.content ul ul { 289 list-style: circle; 290 } 291 292 body#tinymce.wp-editor.content ul ul ul { 293 list-style: square; 294 } 295 296 body#tinymce.wp-editor.content ol ol { 297 list-style: lower-alpha; 298 } 299 300 body#tinymce.wp-editor.content ol ol ol { 301 list-style: lower-roman; 302 } 303 304 body#tinymce.wp-editor.content ul ul, 305 body#tinymce.wp-editor.content ul ol, 306 body#tinymce.wp-editor.content ol ul, 307 body#tinymce.wp-editor.content ol ol { 308 margin-bottom: 0; 309 } 310 311 body#tinymce.wp-editor.content li { 312 line-height: 1.5; 313 margin-bottom: 0.5em; 314 } 315 316 body#tinymce.wp-editor.content ol > li:last-child, 317 body#tinymce.wp-editor.content ul > li:last-child { 318 margin-bottom: 0; 319 } 320 321 body#tinymce.wp-editor.content ol > li:first-child, 322 body#tinymce.wp-editor.content ul > li:first-child { 323 margin-top: 0.5em; 324 } 325 326 327 /* Post Media -------------------------------- */ 328 329 body#tinymce.wp-editor.content figure, 330 body#tinymce.wp-editor.content video { 331 display: block; 332 margin: 0; 333 } 334 335 body#tinymce.wp-editor.content .wp-caption { 336 margin-bottom: 1.5em; 337 } 338 339 body#tinymce.wp-editor.content img.alignleft, 340 body#tinymce.wp-editor.content .alignleft img, 341 body#tinymce.wp-editor.content img.aligncenter, 342 body#tinymce.wp-editor.content .aligncenter img, 343 body#tinymce.wp-editor.content img.alignright, 344 body#tinymce.wp-editor.content .alignright img, 345 body#tinymce.wp-editor.content img.alignnone, 346 body#tinymce.wp-editor.content .alignnone img { 347 display: block; 348 } 349 350 body#tinymce.wp-editor.content .aligncenter, 351 body#tinymce.wp-editor.content .alignnone, 352 body#tinymce.wp-editor.content .alignwide, 353 body#tinymce.wp-editor.content .alignfull { 354 margin: 50px auto; 355 } 356 357 body#tinymce.wp-editor.content .alignleft, 358 body#tinymce.wp-editor.content .alignright { 359 margin-bottom: 25px; 360 max-width: 50%; 361 } 362 363 body#tinymce.wp-editor.content .wp-caption img { 364 display: block; 365 } 366 367 body#tinymce.wp-editor.content .wp-caption .alignleft, 368 body#tinymce.wp-editor.content .wp-caption .alignright { 369 margin-bottom: 0; 370 } 371 372 body#tinymce.wp-editor.content .alignleft { 373 374 /*rtl:ignore*/ 375 float: left; 376 margin-right: 25px; 377 max-width: 260px; 378 } 379 380 body#tinymce.wp-editor.content .alignright { 381 382 /*rtl:ignore*/ 383 float: right; 384 margin-left: 25px; 385 max-width: 260px; 386 } 387 388 body#tinymce.wp-editor.content .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { 389 margin-top: -34px; 390 } 391 392 body#tinymce.wp-editor.content figcaption, 393 body#tinymce.wp-editor.content .wp-caption-text, 394 body#tinymce.wp-editor.content .wp-caption-dd, 395 body#tinymce.wp-editor.content .gallery-caption { 396 color: #6d6d6d; 397 display: block; 398 font-size: 15px; 399 font-weight: 500; 400 line-height: 1.2; 401 margin: 18px 0 0; 402 } 403 404 body#tinymce.wp-editor.content figcaption a, 405 body#tinymce.wp-editor.content .wp-caption-text a, 406 body#tinymce.wp-editor.content .wp-caption-dd a, 407 body#tinymce.wp-editor.content .gallery-caption a { 408 color: inherit; 409 } 410 411 412 /* Tables ------------------------------------ */ 413 414 body#tinymce.wp-editor.content table { 415 border-collapse: collapse; 416 border-spacing: 0; 417 empty-cells: show; 418 font-size: 18px; 419 width: 100%; 420 } 421 422 body#tinymce.wp-editor.content th, 423 body#tinymce.wp-editor.content td { 424 line-height: 1.2; 425 margin: 0; 426 overflow: visible; 427 padding: 0.5em; 428 } 429 430 body#tinymce.wp-editor.content caption { 431 text-align: center; 432 padding: 0.5em; 433 } 434 435 body#tinymce.wp-editor.content thead { 436 vertical-align: bottom; 437 white-space: nowrap; 438 } 439 440 body#tinymce.wp-editor.content th { 441 text-align: left; 442 } 443 444 445 /* Forms ------------------------------------- */ 446 447 body#tinymce.wp-editor.content fieldset { 448 border: 2px solid #dcd7ca; 449 padding: 30px; 450 } 451 452 body#tinymce.wp-editor.content fieldset legend { 453 font-size: 0.85em; 454 font-weight: 700; 455 padding: 0 15px; 456 } 457 458 body#tinymce.wp-editor.content label { 459 display: block; 460 font-size: 15px; 461 font-weight: 600; 462 margin: 0 0 5px 0; 463 } 464 465 body#tinymce.wp-editor.content input, 466 body#tinymce.wp-editor.content textarea { 467 border-color: #dcd7ca; 468 color: inherit; 469 font-family: inherit; 470 font-size: inherit; 471 } 472 473 body#tinymce.wp-editor.content input[type="text"], 474 body#tinymce.wp-editor.content input[type="password"], 475 body#tinymce.wp-editor.content input[type="email"], 476 body#tinymce.wp-editor.content input[type="url"], 477 body#tinymce.wp-editor.content input[type="date"], 478 body#tinymce.wp-editor.content input[type="month"], 479 body#tinymce.wp-editor.content input[type="time"], 480 body#tinymce.wp-editor.content input[type="datetime"], 481 body#tinymce.wp-editor.content input[type="datetime-local"], 482 body#tinymce.wp-editor.content input[type="week"], 483 body#tinymce.wp-editor.content input[type="number"], 484 body#tinymce.wp-editor.content input[type="search"], 485 body#tinymce.wp-editor.content input[type="tel"], 486 body#tinymce.wp-editor.content input[type="color"], 487 body#tinymce.wp-editor.content textarea { 488 -webkit-appearance: none; 489 -moz-appearance: none; 490 background: transparent; 491 border-radius: 3px; 492 border-style: solid; 493 border-width: 0.1rem; 494 box-shadow: none; 495 display: block; 496 font-size: inherit; 497 font-weight: 400; 498 margin: 0; 499 max-width: 100%; 500 padding: 13.5px 18px; 501 width: 100%; 502 word-break: normal; 503 } 504 505 body#tinymce.wp-editor.content textarea { 506 height: 200px; 507 line-height: 1.5; 508 width: 100%; 509 } 510 511 body#tinymce.wp-editor.content button, 512 body#tinymce.wp-editor.content .faux-button, 513 body#tinymce.wp-editor.content .wp-block-button__link, 514 body#tinymce.wp-editor.content .wp-block-file__button, 515 body#tinymce.wp-editor.content input[type="button"], 516 body#tinymce.wp-editor.content input[type="reset"], 517 body#tinymce.wp-editor.content input[type="submit"] { 518 -webkit-appearance: none; 519 -moz-appearance: none; 520 background: #cd2653; 521 border: none; 522 border-radius: 0; 523 color: #fff; 524 cursor: pointer; 525 display: inline-block; 526 font-size: 17px; 527 font-weight: 600; 528 letter-spacing: 0.0333em; 529 line-height: 1.25; 530 margin: 0; 531 padding: 1.1em 1.44em; 532 text-align: center; 533 text-decoration: none; 534 text-transform: uppercase; 535 } 536 537 body#tinymce.wp-editor.content button:focus, 538 body#tinymce.wp-editor.content button:hover, 539 body#tinymce.wp-editor.content .faux-button:hover, 540 body#tinymce.wp-editor.content .faux-button:focus, 541 body#tinymce.wp-editor.content .wp-block-button__link:focus, 542 body#tinymce.wp-editor.content .wp-block-button__link:hover, 543 body#tinymce.wp-editor.content .wp-block-file__button:focus, 544 body#tinymce.wp-editor.content .wp-block-file__button:hover, 545 body#tinymce.wp-editor.content input[type="button"]:focus, 546 body#tinymce.wp-editor.content input[type="button"]:hover, 547 body#tinymce.wp-editor.content input[type="reset"]:focus, 548 body#tinymce.wp-editor.content input[type="reset"]:hover, 549 body#tinymce.wp-editor.content input[type="submit"]:focus, 550 body#tinymce.wp-editor.content input[type="submit"]:hover { 551 color: #fff; 552 text-decoration: underline; 553 } 554 555 .wp-block-button:not(.alignleft):not(.alignright) { 556 margin-bottom: 30px; 557 margin-top: 30px; 558 } 559 560 /* BUTTON ALIGN: CENTER */ 561 562 .wp-block-button.aligncenter { 563 text-align: center; 564 } 565 566 /* BUTTON STYLE: OUTLINE */ 567 568 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link, 569 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus, 570 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover { 571 color: #cd2653; 572 } 573 574 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link { 575 background: none; 576 border: 2px solid currentColor; 577 padding: calc(1.1em - 2px) calc(1.44em - 2px); 578 } 579 580 /* BUTTON STYLE: SQUARED */ 581 582 body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link { 583 border-radius: 0; 584 } 585 586 587 /* Blocks ------------------------------------ */ 588 589 /* BLOCK: HELPER CLASSES */ 590 591 body#tinymce.wp-editor.content .has-background { 592 padding: 20px; 593 } 594 595 /* BLOCK: GALLERY */ 596 597 body#tinymce.wp-editor.content ul.wp-block-gallery { 598 list-style: none; 599 margin-left: 0; 600 } 601 602 body#tinymce.wp-editor.content ul.wp-block-gallery li { 603 margin-left: 0; 604 }