Typography

1 files changed, 25 insertions, 0 deletions

diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 6f5e5b0..5d84e61 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -2,6 +2,7 @@
 @use '../functions' as fn;
 @use '../mixins' as mx;
 @use '../config';
+@use 'include-media/dist/include-media' as media;
 
 @include iro.props-namespace('heading') {
     @include iro.props-store((
@@ -58,26 +59,50 @@
 
             @include iro.bem-modifier('xxl') {
                 @include mx.heading-strong(--display --xxl);
+
+                @include media.media('<=md') {
+                    @include mx.heading-strong(--display-sm --xxl);
+                }
             }
     
             @include iro.bem-modifier('xl') {
                 @include mx.heading-strong(--display --xl);
+
+                @include media.media('<=md') {
+                    @include mx.heading-strong(--display-sm --xl);
+                }
             }
     
             @include iro.bem-modifier('lg') {
                 @include mx.heading-strong(--display --lg);
+
+                @include media.media('<=md') {
+                    @include mx.heading-strong(--display-sm --lg);
+                }
             }
     
             @include iro.bem-modifier('md') {
                 @include mx.heading-strong(--display --md);
+
+                @include media.media('<=md') {
+                    @include mx.heading-strong(--display-sm --md);
+                }
             }
     
             @include iro.bem-modifier('sm') {
                 @include mx.heading-medium(--display --sm);
+
+                @include media.media('<=md') {
+                    @include mx.heading-medium(--display-sm --sm);
+                }
             }
     
             @include iro.bem-modifier('xs') {
                 @include mx.heading-faint(--display --xs);
+
+                @include media.media('<=md') {
+                    @include mx.heading-faint(--display-sm --xs);
+                }
             }
         }
     }