Line Heights Responsive

Name Class Generated Value
Level 1 .lh1 line-height: 1
Level 1.1 .lh1-1 line-height: 1.1
Level 1.2 .lh1-2 line-height: 1.2
Level 1.3 .lh1-3 line-height: 1.3
Level 1.4 .lh1-4 line-height: 1.4
Level 1.5 .lh1-5 line-height: 1.5
Level 1.6 .lh1-6 line-height: 1.6
Level 1.7 .lh1-7 line-height: 1.7
Level 1.8 .lh1-8 line-height: 1.8
Level 1.9 .lh1-9 line-height: 1.9
Level 2 .lh2 line-height: 2

Example:

<p class="lh1 lg-lh1-5">Text with responsive line-height.</p>

The text's line-height would have a value of '1' by default and a value of 1.5, starting on the large breakpoint.