Add class names to default typography elements for extends

Author: Roni Laukkarinen

css/global.css

@@ -10,7 +10,7 @@
 /**
  * The current version of the theme.
  */
-define( 'AIR_VERSION', '1.9.0' );
+define( 'AIR_VERSION', '1.9.1' );
 
 /**
  * Allow Gravity Forms to hide labels to add placeholders

functions.php

@@ -1,6 +1,6 @@
 {
   "name": "air",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "A minimalist WordPress starter theme.",
   "author": "Digitoimisto Dude Oy ([email protected])",
   "devDependencies": {

package.json

@@ -126,7 +126,8 @@ body {
     th,
     td,
     table,
-    tr {
+    tr,
+    .default {
       @include responsive-font(3vw, $font-min-size, $font-max-size, $font-max-size);
       letter-spacing: -.003em;
       line-height: $font-base-line-height-elements;
@@ -171,88 +172,107 @@ body {
     // Define heading scales
     @if $headings-scale == large {
 
-      h1 {
+      h1,
+      .h1 {
         @include responsive-font(4vw, 38px, 80px);
       }
 
-      h2 {
+      h2,
+      .h2 {
         @include responsive-font(3.2vw, 32px, 68px);
       }
 
       h3,
+      .h3,
       .gform_wrapper h3.gform_title {
         @include responsive-font(2.4vw, 24px, 46px);
       }
 
-      h4 {
+      h4,
+      .h4 {
         @include responsive-font(1.6vw, 21px, 34px);
       }
 
-      h5 {
+      h5,
+      .h5 {
         @include responsive-font(1.4vw, 18px, 21px);
       }
 
-      h6 {
+      h6,
+      .h6 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
     } @else if $headings-scale == medium {
 
-      h1 {
+      h1,
+      .h1 {
         @include responsive-font(3.2vw, 32px, 68px);
       }
 
-      h2 {
+      h2,
+      .h2 {
         @include responsive-font(2.4vw, 24px, 46px);
       }
 
       h3,
+      .h3,
       .gform_wrapper h3.gform_title {
         @include responsive-font(1.6vw, 21px, 34px);
       }
 
-      h4 {
+      h4,
+      .h4 {
         @include responsive-font(1.4vw, 18px, 21px);
       }
 
-      h5 {
+      h5,
+      .h5 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
-      h6 {
+      h6,
+      .h6 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
     } @else if $headings-scale == small {
 
-      h1 {
+      h1,
+      .h1 {
         @include responsive-font(2.4vw, 24px, 46px);
       }
 
-      h2 {
+      h2,
+      .h2 {
         @include responsive-font(1.6vw, 21px, 34px);
       }
 
       h3,
+      .h3,
       .gform_wrapper h3.gform_title {
         @include responsive-font(1.4vw, 18px, 21px);
       }
 
-      h4 {
+      h4,
+      .h4 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
-      h5 {
+      h5,
+      .h5 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
-      h6 {
+      h6,
+      .h6 {
         @include responsive-font(1.2vw, 14px, 18px);
       }
 
     }
 
-    h1 {
+    h1,
+    .h1 {
       letter-spacing: -.02em;
 
       @if $headings-line-height-setup == flexible {
@@ -266,7 +286,8 @@ body {
       }
     }
 
-    h2 {
+    h2,
+    .h2 {
       letter-spacing: -.02em;
 
       @if $headings-line-height-setup == flexible {
@@ -281,6 +302,7 @@ body {
     }
 
     h3,
+    .h3,
     .gform_wrapper h3.gform_title {
       letter-spacing: -.02em;
 
@@ -295,7 +317,8 @@ body {
       }
     }
 
-    h4 {
+    h4,
+    .h4 {
       @if $headings-line-height-setup == flexible {
         line-height: 1.4rem;
       } @else {
@@ -307,7 +330,8 @@ body {
       }
     }
 
-    h5 {
+    h5,
+    .h5 {
       @if $headings-line-height-setup == flexible {
         line-height: 1.2rem;
       } @else {
@@ -319,7 +343,8 @@ body {
       }
     }
 
-    h6 {
+    h6,
+    .h6 {
       @if $headings-line-height-setup == flexible {
         line-height: 1rem;
       } @else {

sass/layout/_typography.scss

@@ -4,7 +4,7 @@ Theme URI: https://github.com/digitoimistodude/air
 Author: Digitoimisto Dude Oy
 Author URI: https://www.dude.fi
 Description: A minimalist WordPress starter theme.
-Version: 1.9.0
+Version: 1.9.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: air