[code]
:root {
–font-size-h1: clamp(24px, 3.2vw, 32px);
–font-size-h2: clamp(22px, 2.5vw, 28px);
–font-size-h3: clamp(20px, 2.5vw, 22px);
–font-size-h4: clamp(18px, 2.5vw, 20px);
–font-size-h5: clamp(16px, 2.5vw, 18px);
–font-size-h6: clamp(14px, 2.5vw, 16px);
}
[/code]
H1 - font-size clamp(24px, 3.2vw, 32px)
H2 - font-size clamp(22px, 2.5vw, 28px)
H3 - font-size clamp(20px, 2.5vw, 22px)
H4 - font-size clamp(18px, 2.5vw, 20px)
H5 - font-size clamp(16px, 2.5vw, 18px)
H6 - font-size clamp(14px, 2.5vw, 16px)
[code]
// HTML example H1
<h1 class="u-text-color-1 u-text-bold">H1 font-weight 700 –color-1 (40px)</h1>
[/code]