[Summary view] [Print] [Text view]

   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;