src/scss/components/_markdown.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

// Set markdown headings font size on large screen and up
@media #{$large-and-up} {
    .markdown {
        @each $key, $value in $markdown-headings-font-size {
            #{$key} {
                font-size: $value;
            }
        }
    }
}

// Reduce global font-size base and headings font size on small screen and down
@media #{$small-and-down} {
    .markdown {
        @each $key, $value in $markdown-headings-font-size {
            #{$key} {
                font-size: $value - $markdown-headings-font-size-sm-screen-reduction-factor;
            }
        }
    }
}

// Reduce global font-size base and headings font size on medium screen only
@media #{$medium-only} {
    .markdown {
        @each $key, $value in $markdown-headings-font-size {
            #{$key} {
                font-size: $value - $markdown-headings-font-size-md-screen-reduction-factor;
            }
        }
    }
}