cedricss / elm-css-systems / Css.Systems.Text

Text utilties

textTruncate : Css.Style

Truncate text with an ellipsis (…)

truncate =
    Css.batch
        [ textOverflow ellipsis
        , whiteSpace noWrap
        , overflow hidden
        ]

Font size system

cedricsoulas.com/elm/css/systems#text

textXS : Css.Style

fontSize (rem 0.75)

textSM : Css.Style

fontSize (rem 0.875)

textBase : Css.Style

fontSize rem

textLG : Css.Style

fontSize rem

textXL : Css.Style

fontSize (rem 1.25)

text2XL : Css.Style

fontSize (rem 1.5)

text3XL : Css.Style

fontSize (rem 1.875)

text4XL : Css.Style

fontSize (rem 2.25)

text5XL : Css.Style

fontSize (rem 3)

text6XL : Css.Style

fontSize (rem 4)