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.
capitalize : Html.Styled.Attribute msg
Transforms the first character to each word to uppercase.
uppercase : Html.Styled.Attribute msg
Transforms all characters to uppercase.
lowercase : Html.Styled.Attribute msg
Transforms all characters to lowercase.
italicize : Html.Styled.Attribute msg
Italicizes text.
largest : Size
evenLarger : Size
larger : Size
large : Size
medium : Size
standard : Size
small : Size
textSize : Size -> Html.Styled.Attribute msg
There are 7 font sizes to choose from:
textSize Largest
: 3.00remtextSize EvenLarger
: 2.50remtextSize Larger
: 2.00remtextSize Large
: 1.50remtextSize Medium
: 1.25remtextSize Standard
: 1.00remtextSize Small
: 0.75remtextSizeByDevice : Bulma.Styled.Modifiers.Internal.Devices Size -> Html.Styled.Attribute msg
You can choose a font specific size for each viewport width.
light : Weight
normal : Weight
semibold : Weight
bold : Weight
textWeight : Weight -> Html.Styled.Attribute msg
You can set any text to one of four font-weights.
black : Color
blackLight : Color
blackLighter : Color
greyDarker : Color
greyDark : Color
grey : Color
greyLight : Color
greyLighter : Color
whiteDarker : Color
whiteDark : Color
white : Color
primary : Color
info : Color
success : Color
warning : Color
danger : Color
textColor : Color -> Html.Styled.Attribute msg
You can set any text to one of the 5 colors or 11 shades of grey.
textLeft : Html.Styled.Attribute msg
Aligns text to the left.
textCentered : Html.Styled.Attribute msg
Centers text.
textRight : Html.Styled.Attribute msg
Aligns text to the right.
textJustified : Html.Styled.Attribute msg
Justifies text.
textAlignment : Bulma.Styled.Modifiers.Internal.HorizontalAlignment -> Html.Styled.Attribute msg
Aligns text.
textAlignmentByDevice : Bulma.Styled.Modifiers.Internal.Devices Bulma.Styled.Modifiers.Internal.HorizontalAlignment -> Html.Styled.Attribute msg
Aligns text based on a device's viewport width.