From d01fbe45ff32a6186a197f03693af346eb629ff1 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Mon, 18 Dec 2023 14:52:50 +0100
Subject: Typography

---
 src/objects/_heading.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'src/objects/_heading.scss')

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);
+                }
             }
         }
     }
-- 
cgit v1.2.3-70-g09d2