editor-style-classic-rtl.css (17540B)
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: right; 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 right, 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 right: calc(50% - 5px); 160 } 161 162 body#tinymce.wp-editor.content hr::after { 163 left: 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-right: 2px solid #cd2653; 251 margin: 0 0 1.6em 0; 252 padding: 0.25em 1em 0.25em 0; 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-right: 1.5em; 278 padding-right: 0; 279 list-style: disc; 280 } 281 282 body#tinymce.wp-editor.content ol { 283 margin-right: 1.5em; 284 padding-right: 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 float: left; 374 margin-left: 25px; 375 max-width: 260px; 376 } 377 378 body#tinymce.wp-editor.content .alignright { 379 float: right; 380 margin-right: 25px; 381 max-width: 260px; 382 } 383 384 body#tinymce.wp-editor.content .wpview[data-wpview-type="gallery"] + .wpview[data-wpview-type="gallery"] { 385 margin-top: -34px; 386 } 387 388 body#tinymce.wp-editor.content figcaption, 389 body#tinymce.wp-editor.content .wp-caption-text, 390 body#tinymce.wp-editor.content .wp-caption-dd, 391 body#tinymce.wp-editor.content .gallery-caption { 392 color: #6d6d6d; 393 display: block; 394 font-size: 15px; 395 font-weight: 500; 396 line-height: 1.2; 397 margin: 18px 0 0; 398 } 399 400 body#tinymce.wp-editor.content figcaption a, 401 body#tinymce.wp-editor.content .wp-caption-text a, 402 body#tinymce.wp-editor.content .wp-caption-dd a, 403 body#tinymce.wp-editor.content .gallery-caption a { 404 color: inherit; 405 } 406 407 408 /* Tables ------------------------------------ */ 409 410 body#tinymce.wp-editor.content table { 411 border-collapse: collapse; 412 border-spacing: 0; 413 empty-cells: show; 414 font-size: 18px; 415 width: 100%; 416 } 417 418 body#tinymce.wp-editor.content th, 419 body#tinymce.wp-editor.content td { 420 line-height: 1.2; 421 margin: 0; 422 overflow: visible; 423 padding: 0.5em; 424 } 425 426 body#tinymce.wp-editor.content caption { 427 text-align: center; 428 padding: 0.5em; 429 } 430 431 body#tinymce.wp-editor.content thead { 432 vertical-align: bottom; 433 white-space: nowrap; 434 } 435 436 body#tinymce.wp-editor.content th { 437 text-align: right; 438 } 439 440 441 /* Forms ------------------------------------- */ 442 443 body#tinymce.wp-editor.content fieldset { 444 border: 2px solid #dcd7ca; 445 padding: 30px; 446 } 447 448 body#tinymce.wp-editor.content fieldset legend { 449 font-size: 0.85em; 450 font-weight: 700; 451 padding: 0 15px; 452 } 453 454 body#tinymce.wp-editor.content label { 455 display: block; 456 font-size: 15px; 457 font-weight: 600; 458 margin: 0 0 5px 0; 459 } 460 461 body#tinymce.wp-editor.content input, 462 body#tinymce.wp-editor.content textarea { 463 border-color: #dcd7ca; 464 color: inherit; 465 font-family: inherit; 466 font-size: inherit; 467 } 468 469 body#tinymce.wp-editor.content input[type="text"], 470 body#tinymce.wp-editor.content input[type="password"], 471 body#tinymce.wp-editor.content input[type="email"], 472 body#tinymce.wp-editor.content input[type="url"], 473 body#tinymce.wp-editor.content input[type="date"], 474 body#tinymce.wp-editor.content input[type="month"], 475 body#tinymce.wp-editor.content input[type="time"], 476 body#tinymce.wp-editor.content input[type="datetime"], 477 body#tinymce.wp-editor.content input[type="datetime-local"], 478 body#tinymce.wp-editor.content input[type="week"], 479 body#tinymce.wp-editor.content input[type="number"], 480 body#tinymce.wp-editor.content input[type="search"], 481 body#tinymce.wp-editor.content input[type="tel"], 482 body#tinymce.wp-editor.content input[type="color"], 483 body#tinymce.wp-editor.content textarea { 484 -webkit-appearance: none; 485 -moz-appearance: none; 486 background: transparent; 487 border-radius: 3px; 488 border-style: solid; 489 border-width: 0.1rem; 490 box-shadow: none; 491 display: block; 492 font-size: inherit; 493 font-weight: 400; 494 margin: 0; 495 max-width: 100%; 496 padding: 13.5px 18px; 497 width: 100%; 498 word-break: normal; 499 } 500 501 body#tinymce.wp-editor.content textarea { 502 height: 200px; 503 line-height: 1.5; 504 width: 100%; 505 } 506 507 body#tinymce.wp-editor.content button, 508 body#tinymce.wp-editor.content .faux-button, 509 body#tinymce.wp-editor.content .wp-block-button__link, 510 body#tinymce.wp-editor.content .wp-block-file__button, 511 body#tinymce.wp-editor.content input[type="button"], 512 body#tinymce.wp-editor.content input[type="reset"], 513 body#tinymce.wp-editor.content input[type="submit"] { 514 -webkit-appearance: none; 515 -moz-appearance: none; 516 background: #cd2653; 517 border: none; 518 border-radius: 0; 519 color: #fff; 520 cursor: pointer; 521 display: inline-block; 522 font-size: 17px; 523 font-weight: 600; 524 letter-spacing: 0.0333em; 525 line-height: 1.25; 526 margin: 0; 527 padding: 1.1em 1.44em; 528 text-align: center; 529 text-decoration: none; 530 text-transform: uppercase; 531 } 532 533 body#tinymce.wp-editor.content button:focus, 534 body#tinymce.wp-editor.content button:hover, 535 body#tinymce.wp-editor.content .faux-button:hover, 536 body#tinymce.wp-editor.content .faux-button:focus, 537 body#tinymce.wp-editor.content .wp-block-button__link:focus, 538 body#tinymce.wp-editor.content .wp-block-button__link:hover, 539 body#tinymce.wp-editor.content .wp-block-file__button:focus, 540 body#tinymce.wp-editor.content .wp-block-file__button:hover, 541 body#tinymce.wp-editor.content input[type="button"]:focus, 542 body#tinymce.wp-editor.content input[type="button"]:hover, 543 body#tinymce.wp-editor.content input[type="reset"]:focus, 544 body#tinymce.wp-editor.content input[type="reset"]:hover, 545 body#tinymce.wp-editor.content input[type="submit"]:focus, 546 body#tinymce.wp-editor.content input[type="submit"]:hover { 547 color: #fff; 548 text-decoration: underline; 549 } 550 551 .wp-block-button:not(.alignleft):not(.alignright) { 552 margin-bottom: 30px; 553 margin-top: 30px; 554 } 555 556 /* BUTTON ALIGN: CENTER */ 557 558 .wp-block-button.aligncenter { 559 text-align: center; 560 } 561 562 /* BUTTON STYLE: OUTLINE */ 563 564 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link, 565 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:focus, 566 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link:hover { 567 color: #cd2653; 568 } 569 570 body#tinymce.wp-editor.content .is-style-outline .wp-block-button__link { 571 background: none; 572 border: 2px solid currentColor; 573 padding: calc(1.1em - 2px) calc(1.44em - 2px); 574 } 575 576 /* BUTTON STYLE: SQUARED */ 577 578 body#tinymce.wp-editor.content .is-style-squared .wp-block-button__link { 579 border-radius: 0; 580 } 581 582 583 /* Blocks ------------------------------------ */ 584 585 /* BLOCK: HELPER CLASSES */ 586 587 body#tinymce.wp-editor.content .has-background { 588 padding: 20px; 589 } 590 591 /* BLOCK: GALLERY */ 592 593 body#tinymce.wp-editor.content ul.wp-block-gallery { 594 list-style: none; 595 margin-right: 0; 596 } 597 598 body#tinymce.wp-editor.content ul.wp-block-gallery li { 599 margin-right: 0; 600 }