- Timestamp:
- 11/16/2018 12:13:32 AM (5 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss
r43892 r43904 9 9 @import "sass/mixins/mixins-master"; 10 10 11 /*12 * Chrome renders extra-wide characters for the Hoefler Text font.13 * This results in a jumping cursor when typing in both the Classic and block14 * editors. The following font-face override fixes the issue by manually inserting15 * a custom font that includes just a Hoefler Text space replacement for that16 * character instead.17 */18 @font-face {19 font-family: 'NonBreakingSpaceOverride';20 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'),21 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');22 23 }24 25 11 /** === Editor Frame === */ 26 12 … … 32 18 33 19 @include media(mobile) { 34 padding-top: 0; 35 36 :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected. 37 .editor-post-title { 38 padding-left: 0; 39 padding-right: 0; 40 } 20 21 .wp-block[data-align="full"] { 22 width: calc( 100% + 90px ); 23 max-width: calc( 100% + 90px ); 24 } 25 } 26 27 @include media(tablet) { 41 28 42 29 .editor-writing-flow { 43 padding-top: 50px;44 overflow: hidden;45 }46 47 .wp-block[data-align="full"] {48 position: relative;49 left: 45px;50 }51 }52 53 @include media(tablet) {54 55 :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.56 .editor-post-title {57 padding-left: 46px;58 padding-right: 46px;59 }60 61 .editor-block-list__layout,62 .editor-post-title {63 30 max-width: 80%; 64 31 margin: 0 10%; … … 80 47 left: calc( -12.5% - 14px ); 81 48 width: calc( 125% + 116px ); 82 max-width: calc( 125% + 11 6px );49 max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages. 83 50 } 84 51 … … 113 80 body { 114 81 font-size: $font__size_base; 115 font-family: 'NonBreakingSpaceOverride',$font__body;82 font-family: $font__body; 116 83 line-height: $font__line-height-body; 117 84 color: $color__text-main; … … 129 96 h6 { 130 97 font-family: $font__heading; 98 font-weight: 700; 131 99 } 132 100 … … 232 200 /** === Default Appender === */ 233 201 234 .editor-default-block-appender input[type="text"].editor-default-block-appender__content {202 .editor-default-block-appender .editor-default-block-appender__content { 235 203 font-family: $font__body; 236 204 font-size: $font__size_base; … … 255 223 margin: 0 0.25em 0 0; 256 224 } 225 } 226 227 /** === Table === */ 228 229 .wp-block-table { 230 font-family: $font__heading; 257 231 } 258 232 … … 509 483 510 484 .wp-block[data-type="core/pullquote"][data-align="full"] { 511 512 @include media(tablet) { 513 485 486 @include media(tablet) { 487 514 488 .wp-block-pullquote blockquote { 515 489 max-width: calc(80% - 128px); … … 524 498 font-family: $font__heading; 525 499 500 .wp-block-file__textlink { 501 text-decoration: underline; 502 color: $color__link; 503 504 &:hover { 505 color: $color__link-hover; 506 text-decoration: none; 507 } 508 } 509 526 510 .wp-block-file__button { 511 display: table; 527 512 line-height: 1.8; 528 513 font-size: $font__size-sm; … … 531 516 border-radius: 5px; 532 517 } 518 519 .wp-block-file__button-richtext-wrapper { 520 display: block; 521 margin-top: calc(0.75 * #{$size__spacing-unit}); 522 margin-left: 0; 523 } 524 533 525 } 534 526 … … 703 695 } 704 696 } 705 706 /* Add style for galleries in classic-editor block */ 707 .gallery { 708 709 display: flex; 710 711 .gallery-item { 712 padding: ( $size__spacing-unit * .5 ); 713 text-align: center; 714 vertical-align: top; 715 width: 100%; 716 717 .gallery-caption { 718 margin: 0; 719 } 720 } 721 722 // Loops to enumerate the classes for gallery columns. 723 @for $i from 2 through 9 { 724 &.gallery-columns-#{$i} .gallery-item { 725 max-width: calc( ( 12 / #{$i} ) * (100% / 12) ); 726 } 727 } 728 } 729 } 697 }
Note: See TracChangeset
for help on using the changeset viewer.