Changeset 44650 for trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

Timestamp:

01/18/2019 06:37:26 PM (7 years ago)

Author:

laurelfulford

Message:

Twenty Nineteen: Use a less aggressive approach for non-latin font fallbacks.

The theme's original approach to its non-latin font fallbacks required !important, which overrode fonts that shouldn't have been changed, like the icon fonts used for editor buttons.

Props kjellr, mako09, allancole.
Fixes #45731.

File:

• trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (modified) (10 diffs)

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

@@ -161 +161 @@
             border: none;
             font-size: $font__size-sm;
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             line-height: $font__line-height-heading;
             box-sizing: border-box;
@@ -231 +231 @@
         li {
             color: $color__text-light;
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             font-size: calc(#{$font__size_base} * #{$font__size-ratio});
             font-weight: bold;
@@ -300 +300 @@
     //! Verse
     .wp-block-verse {
-        font-family: $font__body;
+        @include font-family( $font__body );
         font-size: $font__size_base;
         line-height: 1.8;
@@ -308 +308 @@
     .has-drop-cap {
         &:not(:focus):first-letter {
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             font-size: $font__size-xxxl;
             line-height: 1;
@@ -349 +349 @@
         cite {
             display: inline-block;
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             line-height: 1.6;
             text-transform: none;
@@ -560 +560 @@
         .wp-block-cover-text,
         h2 {
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             font-size: $font__size-lg;
             font-weight: bold;
@@ -625 +625 @@
     .wp-block-gallery .blocks-gallery-item figcaption {
         font-size: $font__size-xs;
-        font-family: $font__heading;
+        @include font-family( $font__heading );
         line-height: $font__line-height-pre;
         margin: 0;
@@ -691 +691 @@
     //! File
     .wp-block-file {
-        font-family: $font__heading;
+        @include font-family( $font__heading );
 
         .wp-block-file__button {
@@ -700 +700 @@
             background: $color__background-button;
             font-size: $font__size-base;
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             line-height: $font__line-height-heading;
             text-decoration: none;
@@ -782 +782 @@
 
         .wp-block-latest-comments__comment-meta {
-            font-family: $font__heading;
+            @include font-family( $font__heading );
             font-weight: bold;