The line-height
is calculated dynamically: larger text sizes have a more condensed line-height
.
--grn-text-s
--grn-text-m
--grn-text-l
--grn-text-xl
--grn-text-xxl
--grn-weight-normal
--grn-weight-medium
The body text size is m
, use it by default to maintain the UI consistency.
Use xl
for the main title in a view. Use l
for subsections titles.
s
can be used to deemphasize text but use it sparingly as it compromises legibility.