_fonts.scss (6474B)
1 /* 2 * Chrome renders extra-wide characters for the Hoefler Text font. 3 * This results in a jumping cursor when typing in both the Classic and block 4 * editors. The following font-face override fixes the issue by manually inserting 5 * a custom font that includes just a Hoefler Text space replacement for that 6 * character instead. 7 */ 8 @font-face { 9 font-family: 'NonBreakingSpaceOverride'; 10 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'), 11 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'); 12 13 } 14 15 // Font and typographic variables 16 17 $font__body: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif; 18 $font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; 19 $font__fallbacks: ( 20 /* Arabic */ 21 ar: 'Tahoma, Arial, sans-serif', 22 ary: 'Tahoma, Arial, sans-serif', 23 azb: 'Tahoma, Arial, sans-serif', 24 ckb: 'Tahoma, Arial, sans-serif', 25 fa-IR: 'Tahoma, Arial, sans-serif', 26 haz: 'Tahoma, Arial, sans-serif', 27 ps: 'Tahoma, Arial, sans-serif', 28 /* Cyrillic */ 29 be: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 30 bg-BG: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 31 kk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 32 mk-MK: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 33 mn: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 34 ru-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 35 sah: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 36 sr-RS: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 37 tt-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 38 uk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif', 39 /* Chinese (Hong Kong) */ 40 zh-HK: '-apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif', 41 /* Chinese (Taiwan) */ 42 zh-TW: '-apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif', 43 /* Chinese (China) */ 44 zh-CN: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif', 45 /* Devanagari */ 46 bn-BD: 'Arial, sans-serif', 47 hi-IN: 'Arial, sans-serif', 48 mr: 'Arial, sans-serif', 49 ne-NP: 'Arial, sans-serif', 50 /* Greek */ 51 el: '"Helvetica Neue", Helvetica, Arial, sans-serif', 52 /* Gujarati */ 53 gu: 'Arial, sans-serif', 54 /* Hebrew */ 55 he-IL: '"Arial Hebrew", Arial, sans-serif', 56 /* Japanese */ 57 ja: '-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif', 58 /* Korean */ 59 ko-KR: '"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif', 60 /* Thai */ 61 th: '"Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif', 62 /* Vietnamese */ 63 vi: '"Libre Franklin", sans-serif', 64 ); 65 $font__code: Menlo, monaco, Consolas, Lucida Console, monospace; 66 $font__pre: "Courier 10 Pitch", Courier, monospace; 67 68 $font__size_base: 22px; 69 $font__size-ratio: 1.125; 70 71 $font__size-xxs: 1em / (1.5 * $font__size-ratio); 72 $font__size-xs: 1em / (1.25 * $font__size-ratio); 73 $font__size-sm: 1em / (1 * $font__size-ratio); 74 $font__size-md: 1em * (1 * $font__size-ratio); 75 $font__size-lg: 1em * (1.5 * $font__size-ratio); 76 $font__size-xl: 1em * (2 * $font__size-ratio); 77 $font__size-xxl: 1em * (2.5 * $font__size-ratio); 78 $font__size-xxxl: 1em * (3 * $font__size-ratio); 79 80 $font__line-height-body: 1.8; 81 $font__line-height-pre: 1.6; 82 $font__line-height-heading: 1.2; 83 $font__line-height-double: 2 * $font__line-height-heading;