Ticket #47925: 47925.diff

src/wp-content/themes/twentynineteen/sass/_normalize.scss

@@ -1 +1 @@
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 
-/* Document
-         ========================================================================== */
+// Document
+// ==========================================================================
 
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
+// 1. Correct the line height in all browsers.
+// 2. Prevent adjustments of font size after orientation changes in iOS.
 
 html {
-        line-height: 1.15; /* 1 */
-        -webkit-text-size-adjust: 100%; /* 2 */
+        line-height: 1.15; // 1
+        -webkit-text-size-adjust: 100%; // 2
 }
 
-/* Sections
-         ========================================================================== */
+// Sections
+// ==========================================================================
 
-/**
- * Remove the margin in all browsers.
- */
+// Remove the margin in all browsers.
 
 body {
         margin: 0;
 }
 
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
+// Correct the font size and margin on `h1` elements within `section` and
+// `article` contexts in Chrome, Firefox, and Safari.
 
 h1 {
         font-size: 2em;
@@ -34 +28 @@
         margin: 0.67em 0;
 }
 
-/* Grouping content
-         ========================================================================== */
+// Grouping content
+// ==========================================================================
 
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
+// 1. Add the correct box sizing in Firefox.
+// 2. Show the overflow in Edge and IE.
 
 hr {
-        box-sizing: content-box; /* 1 */
-        height: 0; /* 1 */
-        overflow: visible; /* 2 */
+        box-sizing: content-box; // 1
+        height: 0; // 1
+        overflow: visible; // 2
 }
 
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
+// 1. Correct the inheritance and scaling of font size in all browsers.
+// 2. Correct the odd `em` font sizing in all browsers.
 
 pre {
-        font-family: monospace, monospace; /* 1 */
-        font-size: 1em; /* 2 */
+        font-family: monospace, monospace; // 1
+        font-size: 1em; // 2
 }
 
-/* Text-level semantics
-         ========================================================================== */
+// Text-level semantics
+// ==========================================================================
 
-/**
- * Remove the gray background on active links in IE 10.
- */
+// Remove the gray background on active links in IE 10.
 
 a {
         background-color: transparent;
 }
 
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
+// 1. Remove the bottom border in Chrome 57-
+// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 
 abbr[title] {
-        border-bottom: none; /* 1 */
-        text-decoration: underline; /* 2 */
-        text-decoration: underline dotted; /* 2 */
+        border-bottom: none; // 1
+        text-decoration: underline; // 2
+        text-decoration: underline dotted; // 2
 }
 
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
+// Add the correct font weight in Chrome, Edge, and Safari.
 
 b,
 strong {
@@ -89 +73 @@
         font-weight: bolder;
 }
 
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
+// 1. Correct the inheritance and scaling of font size in all browsers.
+// 2. Correct the odd `em` font sizing in all browsers.
 
 code,
 kbd,
 samp {
-        font-family: monospace, monospace; /* 1 */
-        font-size: 1em; /* 2 */
+        font-family: monospace, monospace; // 1
+        font-size: 1em; // 2
 }
 
-/**
- * Add the correct font size in all browsers.
- */
+// Add the correct font size in all browsers.
 
 small {
         font-size: 80%;
 }
 
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
+// Prevent `sub` and `sup` elements from affecting the line height in
+// all browsers.
 
 sub,
 sup {
@@ -130 +108 @@
         top: -0.5em;
 }
 
-/* Embedded content
-         ========================================================================== */
+// Embedded content
+// ==========================================================================
 
-/**
- * Remove the border on images inside links in IE 10.
- */
+// Remove the border on images inside links in IE 10.
 
 img {
         border-style: none;
 }
 
-/* Forms
-         ========================================================================== */
+// Forms
+// ==========================================================================
 
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
+// 1. Change the font styles in all browsers.
+// 2. Remove the margin in Firefox and Safari.
 
 button,
 input,
@@ -154 +128 @@
 optgroup,
 select,
 textarea {
-        font-family: inherit; /* 1 */
-        font-size: 100%; /* 1 */
-        line-height: 1.15; /* 1 */
-        margin: 0; /* 2 */
+        font-family: inherit; // 1
+        font-size: 100%; // 1
+        line-height: 1.15; // 1
+        margin: 0; // 2
 }
 
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
+// Show the overflow in IE.
+// 1. Show the overflow in Edge.
 
 button,
-input { /* 1 */
+input { // 1
         overflow: visible;
 }
 
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
+// Remove the inheritance of text transform in Edge, Firefox, and IE.
+// 1. Remove the inheritance of text transform in Firefox.
 
 button,
-select { /* 1 */
+select { // 1
         text-transform: none;
 }
 
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
+// Correct the inability to style clickable types in iOS and Safari.
 
 button,
 [type="button"],
@@ -191 +159 @@
         -webkit-appearance: button;
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
+// Remove the inner border and padding in Firefox.
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
@@ -203 +169 @@
         padding: 0;
 }
 
-/**
- * Restore the focus styles unset by the previous rule.
- */
+// Restore the focus styles unset by the previous rule.
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
@@ -214 +178 @@
         outline: 1px dotted ButtonText;
 }
 
-/**
- * Correct the padding in Firefox.
- */
+// Correct the padding in Firefox.
 
 fieldset {
         padding: 0.35em 0.75em 0.625em;
 }
 
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *              `fieldset` elements in all browsers.
- */
+// 1. Correct the text wrapping in Edge and IE.
+// 2. Correct the color inheritance from `fieldset` elements in IE.
+// 3. Remove the padding so developers are not caught out when they zero out
+//    `fieldset` elements in all browsers.
 
 legend {
-        box-sizing: border-box; /* 1 */
-        color: inherit; /* 2 */
-        display: table; /* 1 */
-        max-width: 100%; /* 1 */
-        padding: 0; /* 3 */
-        white-space: normal; /* 1 */
+        box-sizing: border-box; // 1
+        color: inherit; // 2
+        display: table; // 1
+        max-width: 100%; // 1
+        padding: 0; // 3
+        white-space: normal; // 1
 }
 
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
+// Add the correct vertical alignment in Chrome, Firefox, and Opera.
 
 progress {
         vertical-align: baseline;
 }
 
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
+// Remove the default vertical scrollbar in IE 10+.
 
 textarea {
         overflow: auto;
 }
 
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
+// 1. Add the correct box sizing in IE 10.
+// 2. Remove the padding in IE 10.
 
 [type="checkbox"],
 [type="radio"] {
-        box-sizing: border-box; /* 1 */
-        padding: 0; /* 2 */
+        box-sizing: border-box; // 1
+        padding: 0; // 2
 }
 
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
+// Correct the cursor style of increment and decrement buttons in Chrome.
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
@@ -274 +226 @@
         height: auto;
 }
 
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
+// 1. Correct the odd appearance in Chrome and Safari.
+// 2. Correct the outline style in Safari.
 
 [type="search"] {
-        -webkit-appearance: textfield; /* 1 */
-        outline-offset: -2px; /* 2 */
+        -webkit-appearance: textfield; // 1
+        outline-offset: -2px; // 2
 }
 
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
+// Remove the inner padding in Chrome and Safari on macOS.
 
 [type="search"]::-webkit-search-decoration {
         -webkit-appearance: none;
 }
 
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
+// 1. Correct the inability to style clickable types in iOS and Safari.
+// 2. Change font properties to `inherit` in Safari.
 
+
 ::-webkit-file-upload-button {
-        -webkit-appearance: button; /* 1 */
-        font: inherit; /* 2 */
+        -webkit-appearance: button; // 1
+        font: inherit; // 2
 }
 
-/* Interactive
-         ========================================================================== */
+// Interactive
+// ==========================================================================
 
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
+// Add the correct display in Edge, IE 10+, and Firefox.
 
 details {
         display: block;
 }
 
-/*
- * Add the correct display in all browsers.
- */
+// Add the correct display in all browsers.
 
 summary {
         display: list-item;
 }
 
-/* Misc
-         ========================================================================== */
+// Misc
+// ==========================================================================
 
-/**
- * Add the correct display in IE 10+.
- */
+// Add the correct display in IE 10+.
 
 template {
         display: none;
 }
 
-/**
- * Add the correct display in IE 10.
- */
+// Add the correct display in IE 10.
 
 [hidden] {
         display: none;

src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -734 +734 @@
                         }
                 }
 
-                /* Remove duplicate rule-line when a separator
-                 * is followed by an H1, or H2 */
                 & + h1,
                 & + h2 {
 
                         &:before {
+                                /* Remove duplicate rule-line when a separator
+                                 * is followed by an H1 or H2 */
                                 display: none;
                         }
                 }

src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

@@ -43 +43 @@
                 opacity: .8;
                 z-index: 3;
 
-                /* Browsers supporting mix-blend-mode don't need opacity < 1 */
                 @supports (mix-blend-mode: multiply) {
+                        /* Browsers supporting mix-blend-mode don't need opacity < 1 */
                         opacity: 1;
                 }
         }
@@ -85 +85 @@
         }
 }
 
-/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
- * since its edges can look jagged due to lack of antialiasing. In this case, we are several
- * layers of box-shadow to add the border visually, which will render the border smoother. */
+// If we add the border using a regular CSS border, it won't look good on non-retina devices,
+// since its edges can look jagged due to lack of antialiasing. In this case, we are several
+// layers of box-shadow to add the border visually, which will render the border smoother.
 
 @mixin box-shadow( $size ) {
         box-shadow:
@@ -96 +96 @@
                 0 0 1px 0 rgba( $color__text-light, 0.7 );      // Antialiasing, outer edge.
 }
 
-/* Calculates maximum width for post content */
+// Calculates maximum width for post content
 @mixin postContentMaxWidth() {
 
         @include media(tablet) {
@@ -108 +108 @@
         }
 }
 
-/* Nested sub-menu padding: 10 levels deep */
+// Nested sub-menu padding: 10 levels deep
 @mixin nestedSubMenuPadding() {
 
         ul {
@@ -129 +129 @@
         @extend %non-latin-fonts;
 }
 
-/* Build our non-latin font styles */
+// Build our non-latin font styles
 %non-latin-fonts {
-        @each $lang, $font__fallback in $font__fallbacks {
-                &:lang(#{$lang}) {
-                        font-family: unquote( $font__fallback );
-                }
+        // Arabic
+        &:is(:lang(ar),:lang(ary),:lang(azb),:lang(ckb),:lang(fa),:lang(haz),:lang(ps)) {
+                font-family: Tahoma, Arial, sans-serif;
         }
+        // Cyrillic
+        &:is(:lang(be),:lang(bg),:lang(kk),:lang(mk),:lang(mn),:lang(ru),:lang(sah),:lang(sr),:lang(tt),:lang(uk)) {
+                font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
+        }
+        // Chinese (Hong Kong)
+        &:lang(zh-HK) {
+                font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
+        }
+        // Chinese (Taiwan)
+        &:lang(zh-TW) {
+                font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
+        }
+        // Chinese (China)
+        &:lang(zh-CN) {
+                font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
+        }
+        // Devanagari
+        &:is(:lang(bn),:lang(hi),:lang(mr),:lang(ne)) {
+                font-family: Arial, sans-serif;
+        }
+        // Greek
+        &:lang(el) {
+                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+        }
+        // Gujarati
+        &:lang(gu) {
+                font-family: Arial, sans-serif;
+        }
+        // Hebrew
+        &:lang(he) {
+                font-family: "Arial Hebrew", Arial, sans-serif;
+        }
+        // Japanese
+        &:lang(ja) {
+                font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
+        }
+        // Korean
+        &:lang(ko) {
+                font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
+        }
+        // Thai
+        &:lang(th) {
+                font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif;
+        }
+        // Vietnamese
+        &:lang(vi) {
+                font-family: "Libre Franklin", sans-serif;
+        }
 }
 
 @import "utilities";

src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

@@ -13 +13 @@
                 display: inline;
         }
 
-        /* Un-style buttons */
+        // Un-style buttons
         button {
                 display: inline-block;
                 border: none;
@@ -102 +102 @@
                                         display: inline-block;
                                         margin-right: #{0.25 * $size__spacing-unit};
 
-                                        /* Priority+ Menu */
+                                        // Priority+ Menu
                                         &.main-menu-more-toggle {
 
                                                 position: relative;
@@ -243 +243 @@
                 }
         }
 
-        /*
-         * Sub-menu styles
-         *
-         * :focus-within needs its own selector so other similar
-         * selectors don’t get ignored if a browser doesn’t recognize it
-         */
+        // Sub-menu styles
+        //
+        // :focus-within needs its own selector so other similar
+        // selectors don’t get ignored if a browser doesn’t recognize it
+
         .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
 
                 display: block;
@@ -259 +258 @@
                 min-width: 100%;
 
 
-                /* Non-mobile position */
+                // Non-mobile position
                 @include media(tablet) {
                         display: block;
                         margin-top: 0;
@@ -302 +301 @@
                         left: 0;
                         opacity: 1;
 
-                        /* Non-mobile position */
+                        // Non-mobile position
                         @include media(tablet) {
                                 float: none;
                                 max-width: 100%;
@@ -309 +308 @@
                         }
                 }
 
-                /* Nested sub-menu dashes */
+                // Nested sub-menu dashes
                 .sub-menu {
                         counter-reset: submenu;
                 }
@@ -334 +333 @@
                 min-width: 100%;
 
 
-                /* Non-mobile position */
+                // Non-mobile position
                 @include media(tablet) {
                         display: block;
                         float: none;
@@ -378 +377 @@
                         left: 0;
                         opacity: 1;
 
-                        /* Non-mobile position */
+                        // Non-mobile position
                         @include media(tablet) {
                                 float: none;
                                 max-width: 100%;
@@ -385 +384 @@
                         }
                 }
 
-                /* Nested sub-menu dashes */
+                // Nested sub-menu dashes
                 .sub-menu {
                         counter-reset: submenu;
                 }
@@ -398 +397 @@
                 }
         }
 
-        /**
-         * Fade-in animation for top-level submenus
-         */
+        // Fade-in animation for top-level submenus
+
         .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
                 animation: fade_in 0.1s forwards;
         }
 
-        /**
-         * Off-canvas touch device styles
-         */
+        // Off-canvas touch device styles
+
         .main-menu .menu-item-has-children.off-canvas .sub-menu {
 
                 .submenu-expand .svg-icon {
@@ -457 +454 @@
                                 display: block;
                         }
 
-                        /* Prevent menu from being blocked by admin bar */
                         .admin-bar & {
+                                /* Prevent menu from being blocked by admin bar */
                                 top: 46px;
                                 height: calc( 100vh - 46px );
 

src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

@@ -11 +11 @@
         /* Add text shadow to text, to increase readability. */
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
 
-        /* Set white text color when featured image is set. */
+        // Set white text color when featured image is set.
         .site-branding .site-title,
         .site-branding .site-description,
         .main-navigation a:after,
@@ -49 +49 @@
                 opacity: inherit;
         }
 
-        /* add focus state to social media icons */
+        // add focus state to social media icons
         .social-navigation a {
                 &:focus {
                         color: $color__background-body;
@@ -65 +65 @@
                                 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
         }
 
-        /* Entry header */
+        // Entry header
         .site-featured-image {
 
                 .post-thumbnail img {
@@ -116 +116 @@
                                 }
                         }
 
-                        /* Entry meta */
+                        // Entry meta
 
                         .entry-meta {
 
@@ -182 +182 @@
                 }
         }
 
-        /* Custom Logo Link */
+        // Custom Logo Link
 
         .custom-logo-link {
 
@@ -196 +196 @@
                 }
         }
 
-        /* Make sure important elements are above pseudo elements used for effects. */
+        // Make sure important elements are above pseudo elements used for effects.
+
         .site-branding {
                 position: relative;
                 z-index: 10;
@@ -207 +208 @@
                 z-index: 9;
         }
 
-        /* Set up image filter layer positioning */
+        // Set up image filter layer positioning
         .site-branding-container:after,
         .site-featured-image:before,
         .site-featured-image:after,
@@ -226 +227 @@
         background-repeat: no-repeat;
         background-size: cover;
 
-        /* The intensity of each blend mode is controlled via layer opacity. */
+        // The intensity of each blend mode is controlled via layer opacity.
 
-        /* Second layer: screen. */
         .image-filters-enabled & .site-featured-image:before {
+                /* Second layer: screen. */
                 background: $color__link;
                 mix-blend-mode: screen;
                 opacity: 0.1;
         }
 
-        /* Third layer: multiply. */
-        /* When image filters are inactive, a black overlay is added. */
         .site-featured-image:after {
+                /* Third layer: multiply. */
+                /* When image filters are inactive, a black overlay is added. */
                 background: #000;
                 mix-blend-mode: multiply;
                 opacity: .7;
 
-                /* When image filters are active, a blue overlay is added. */
                 .image-filters-enabled & {
+                        /* When image filters are active, a blue overlay is added. */
                         background: $color__link;
                         opacity: .8;
                         z-index: 3;
 
-                        /* Browsers supporting mix-blend-mode don't need opacity < 1 */
                         @supports (mix-blend-mode: multiply) {
+                                /* Browsers supporting mix-blend-mode don't need opacity < 1 */
                                 opacity: 1;
                         }
                 }
         }
 
-        /* Fourth layer: overlay. */
         .image-filters-enabled & .site-branding-container:after {
+                /* Fourth layer: overlay. */
                 background: rgba(0, 0, 0, 0.35);
                 mix-blend-mode: overlay;
                 opacity: 0.5;
                 z-index: 4;
 
-                /* Browsers supporting mix-blend-mode can have a light overlay */
                 @supports (mix-blend-mode: overlay) {
+                        /* Browsers supporting mix-blend-mode can have a light overlay */
                         background: rgba($color__background-body, 0.35);
                 }
         }
 
-        /* Fifth layer: readability overlay */
         &:after {
+                /* Fifth layer: readability overlay */
                 background: #000;
                 /**
                  * Add a transition to the readability overlay, to add a subtle
@@ -279 +280 @@
                 opacity: 0.7;
                 z-index: 5;
 
-                /* When image filters are active, a blue overlay is added. */
                 .image-filters-enabled & {
+                        /* When image filters are active, a blue overlay is added. */
                         background: mix($color__link, black, 12%);
                         opacity: 0.38;
 

src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

@@ -113 +113 @@
                 }
         }
 
-        /* When there is no description set, make sure navigation appears below title. */
         + .main-navigation {
+                /* When there is no description set, make sure navigation appears below title. */
                 display: block;
         }
 

src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

@@ -29 +29 @@
                 }
         }
 
-        /* Add extra margin when the comments section is located immediately after the
-         * post itself (this happens on pages).
-         */
         .entry + & {
+                /* Add extra margin when the comments section is located immediately after the
+                 * post itself (this happens on pages).
+                 */
                 margin-top: calc(3 * #{$size__spacing-unit});
         }
 

src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

@@ -5 +5 @@
                 font-size: $font__size-lg;
         }
 
-        /* Make sure select elements fit in widgets. */
         select {
+                /* Make sure select elements fit in widgets. */
                 max-width: 100%;
         }
 

src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss

@@ -7 +7 @@
  */
 @font-face {
         font-family: 'NonBreakingSpaceOverride';
-        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');
-
+        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');
 }
 
 // Font and typographic variables
@@ -16 +14 @@
 
 $font__body: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
 $font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-$font__fallbacks: (
-        /* Arabic */
-        ar: 'Tahoma, Arial, sans-serif',
-        ary: 'Tahoma, Arial, sans-serif',
-        azb: 'Tahoma, Arial, sans-serif',
-        ckb: 'Tahoma, Arial, sans-serif',
-        fa-IR: 'Tahoma, Arial, sans-serif',
-        haz: 'Tahoma, Arial, sans-serif',
-        ps: 'Tahoma, Arial, sans-serif',
-        /* Cyrillic */
-        be: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        bg-BG: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        kk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        mk-MK: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        mn: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        ru-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        sah: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        sr-RS: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        tt-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        uk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
-        /* Chinese (Hong Kong) */
-        zh-HK: '-apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
-        /* Chinese (Taiwan) */
-        zh-TW: '-apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
-        /* Chinese (China) */
-        zh-CN: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
-        /* Devanagari */
-        bn-BD: 'Arial, sans-serif',
-        hi-IN: 'Arial, sans-serif',
-        mr: 'Arial, sans-serif',
-        ne-NP: 'Arial, sans-serif',
-        /* Greek */
-        el: '"Helvetica Neue", Helvetica, Arial, sans-serif',
-        /* Gujarati */
-        gu: 'Arial, sans-serif',
-        /* Hebrew */
-        he-IL: '"Arial Hebrew", Arial, sans-serif',
-        /* Japanese */
-        ja: '-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif',
-        /* Korean */
-        ko-KR: '"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif',
-        /* Thai */
-        th: '"Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif',
-        /* Vietnamese */
-        vi: '"Libre Franklin", sans-serif',
-);
 $font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
 $font__pre: "Courier 10 Pitch", Courier, monospace;