|
11 | 11 | font-feature-settings: "salt" 2; |
12 | 12 | } |
13 | 13 |
|
14 | | -.h0-mktg { |
15 | | - font-size: $mktg-h0-size-sm !important; |
16 | | - line-height: $mktg-h0-lh-sm !important; |
17 | | - |
18 | | - @include breakpoint(md) { |
19 | | - font-size: $mktg-h0-size-md !important; |
20 | | - line-height: $mktg-h0-lh-md !important; |
21 | | - } |
22 | | - |
23 | | - @include breakpoint(lg) { |
24 | | - font-size: $mktg-h0-size !important; |
25 | | - line-height: $mktg-h0-lh !important; |
26 | | - } |
27 | | -} |
28 | | - |
29 | 14 | @each $header, $sizes in $mktg-headers { |
30 | 15 | .h#{$header}-mktg { |
31 | 16 | $pairing-sm: map-get($mktg-header-pairings, nth($sizes, 3)); |
32 | 17 | font-size: map-get($pairing-sm, "size") !important; |
33 | 18 | line-height: map-get($pairing-sm, "lh") !important; |
| 19 | + /* Todo: Add letter-spacing here with variables */ |
34 | 20 |
|
35 | 21 | @include breakpoint(md) { |
36 | 22 | $pairing-md: map-get($mktg-header-pairings, nth($sizes, 2)); |
|
46 | 32 | } |
47 | 33 | } |
48 | 34 |
|
49 | | -.h1-mktg { |
50 | | - font-size: $h1-size-mobile !important; |
51 | | - |
52 | | - @include breakpoint(md) { |
53 | | - font-size: $h1-size !important; |
54 | | - } |
55 | | -} |
56 | | - |
57 | | -@mixin h2-mktg { |
58 | | - font-size: $h2-size-mobile !important; |
59 | | - @include breakpoint(md) { font-size: $h2-size !important; } |
60 | | -} |
61 | | - |
62 | | -.h2-mktg { @include h2-mktg; } |
63 | | - |
64 | | -@mixin h3-mktg { |
65 | | - font-size: $h3-size-mobile !important; |
66 | | - @include breakpoint(md) { font-size: $h3-size !important; } |
67 | | -} |
68 | | - |
69 | | -.h3-mktg { @include h3-mktg; } |
70 | | - |
71 | | -.h4-mktg { |
72 | | - font-size: $h4-size !important; |
73 | | -} |
74 | | - |
75 | | -.h5-mktg { |
76 | | - font-size: $h5-size !important; |
77 | | -} |
78 | | - |
79 | | -.h6-mktg { |
80 | | - font-size: $h6-size !important; |
81 | | -} |
82 | | - |
83 | 35 | // Pullquote |
84 | 36 |
|
85 | 37 | @mixin pullquote { |
|
0 commit comments