Bulma.Styled.Modifiers.Typography

This module includes all the modifiers that apply exclusively to text! It's really handy have attributes like textCentered and Text.danger to throw at all your Html elements.

Transformations

capitalize : Attribute msg

Transforms the first character to each word to uppercase.

uppercase : Attribute msg

Transforms all characters to uppercase.

lowercase : Attribute msg

Transforms all characters to lowercase.

italicize : Attribute msg

Italicizes text.

Size

type Size

= Largest

| EvenLarger

| Larger

| Large

| Medium

| Standard

| Small

largest : Size

evenLarger : Size

larger : Size

large : Size

medium : Size

standard : Size

small : Size

textSize : Size -> Attribute msg

There are 7 font sizes to choose from:

textSize Largest: 3.00rem
textSize EvenLarger: 2.50rem
textSize Larger: 2.00rem
textSize Large: 1.50rem
textSize Medium: 1.25rem
textSize Standard: 1.00rem
textSize Small: 0.75rem

textSizeByDevice : Devices Size -> Attribute msg

You can choose a font specific size for each viewport width.

Weight

type Weight

= Light

| Normal

| Semibold

| Bold

light : Weight

normal : Weight

semibold : Weight

bold : Weight

textWeight : Weight -> Attribute msg

You can set any text to one of four font-weights.

Colors

type Color

= Black

| BlackLight

| BlackLighter

| GreyDarker

| GreyDark

| Grey

| GreyLight

| GreyLighter

| WhiteDarker

| WhiteDark

| White

| Primary

| Info

| Success

| Warning

| Danger

black : Color

grey : Color

white : Color

info : Color

danger : Color

textColor : Color -> Attribute msg

You can set any text to one of the 5 colors or 11 shades of grey.

Alignment

textLeft : Attribute msg

Aligns text to the left.

textCentered : Attribute msg

Centers text.

textRight : Attribute msg

Aligns text to the right.

textJustified : Attribute msg

Justifies text.

textAlignment : HorizontalAlignment -> Attribute msg

Aligns text.

textAlignmentByDevice : Devices HorizontalAlignment -> Attribute msg

Aligns text based on a device's viewport width.

MichaelCombs28/elm-css-bulma/1.0.0