aliases:
  line-height-0: "0" # 0
  line-height-05: "0.75rem" # 8px * 1.4 = 12px / 16 = 0.75
  line-height-10: "1rem" # 10px * 1.4 = 16px / 16 = 1
  line-height-20: "1.25rem" # 12px * 1.4 = 20px / 16 = 1.25
  line-height-30: "1.25rem" # 14px * 1.4 = 20px / 16 = 1.25
  line-height-40: "1.5rem" # 16px * 1.4 = 24px / 16 = 1.5
  line-height-50: "1.75rem" # 18px * 1.4 = 28px / 16 = 1.75
  line-height-60: "1.75rem" # 20px * 1.3 = 28px / 16 = 1.75
  line-height-70: "2rem" # 24px * 1.3 = 32px / 16 = 2
  line-height-80: "2.5rem" # 28px * 1.3 = 40px / 16 = 2.5
  line-height-90: "2.5rem" # 28px * 1.3 = 40px / 16 = 2.5
  line-height-100: "3.25rem" # 40px * 1.3 = 52px / 16 = 3.25
  line-height-110: "4rem" # 48px * 1.3 = 64px / 16 = 4

  line-height-display-10: "2.5rem" # 32px * 1.25 = 40px / 16 = 2.5
  line-height-display-20: "3.75rem" # 48px * 1.25 = 60px / 16 = 3.75
  line-height-display-30: "5rem" # 64px * 1.25 = 80px / 16 = 5


  # How to do the typography mathematics:
  # Font size in pixels * scale multiple = line height in pixels
  # Line height in pixels / base font size = line height in rem