Most Bulma elements have alternative styles. These types will come in handy for various modifiers records throughout this library. Also included are a set of helpers for style, layout.
Internal.Size
small : Size
standard : Size
medium : Size
large : Size
Internal.Width
auto : Width
width1 : Width
width2 : Width
width3 : Width
width4 : Width
width5 : Width
width6 : Width
width7 : Width
width8 : Width
width9 : Width
width10 : Width
width11 : Width
Internal.State
blur : State
hover : State
focus : State
active : State
loading : State
Internal.IsActive
Internal.Color
default : Color
white : Color
light : Color
dark : Color
black : Color
primary : Color
link : Color
info : Color
success : Color
warning : Color
danger : Color
Internal.HorizontalAlignment
left : HorizontalAlignment
centered : HorizontalAlignment
right : HorizontalAlignment
Internal.VerticalAlignment
top : VerticalAlignment
bottom : VerticalAlignment
verticallyCentered : VerticalAlignment
Internal.VerticalDirection
up : VerticalDirection
down : VerticalDirection
clearfix : Html.Styled.Attribute msg
Fixes an element's floating children.
pulledLeft : Html.Styled.Attribute msg
Moves an element to the left.
pulledRight : Html.Styled.Attribute msg
Moves an element to the right.
overlay : Html.Styled.Attribute msg
Completely covers the first-positioned parent.
fullWidth : Html.Styled.Attribute msg
Takes up the whole width (100%).
marginless : Html.Styled.Attribute msg
Removes all margins.
paddingless : Html.Styled.Attribute msg
Removes all paddings.
unselectable : Html.Styled.Attribute msg
Prevents text from being selectable.
clipped : Html.Styled.Attribute msg
Adds overflow:hidden.
radiusless : Html.Styled.Attribute msg
Removes any radius.
shadowless : Html.Styled.Attribute msg
Removes any shadow.
invisible : Html.Styled.Attribute msg
Makes it disappear.
screenReaderOnly : Html.Styled.Attribute msg
Hides element visually, but keeps the element available to be announced by a screen reader.
Internal.Devices a
Internal.Display
block : Display
flex : Display
hidden : Display
inline : Display
inlineBlock : Display
inlineFlex : Display
display : Display -> Html.Styled.Attribute msg
This sets a certain display attributes across all device sizes.
displayByDevice : Devices Display -> Html.Styled.Attribute msg
This sets display attributes per-device.
tabletOnly =
displayByDevice
{ mobile = Hidden
, tablet = Block
, desktop = Hidden
, widescreen = Hidden
, fullHD = Hidden
}