[Summary view] [Print] [Text view]

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