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.
Basics.Bool
clearfix : Html.Attribute msg
Fixes an element's floating children.
pulledLeft : Html.Attribute msg
Moves an element to the left.
pulledRight : Html.Attribute msg
Moves an element to the right.
overlay : Html.Attribute msg
Completely covers the first-positioned parent.
fullWidth : Html.Attribute msg
Takes up the whole width (100%).
marginless : Html.Attribute msg
Removes all margins.
paddingless : Html.Attribute msg
Removes all paddings.
unselectable : Html.Attribute msg
Prevents text from being selectable.
clipped : Html.Attribute msg
Adds overflow:hidden.
radiusless : Html.Attribute msg
Removes any radius.
shadowless : Html.Attribute msg
Removes any shadow.
invisible : Html.Attribute msg
Makes it disappear.
screenReaderOnly : Html.Attribute msg
Hides element visually, but keeps the element available to be announced by a screen reader.
{ mobile : a
, tablet : a
, desktop : a
, widescreen : a
, fullHD : a
}
display : Display -> Html.Attribute msg
This sets a certain display attributes across all device sizes.
displayByDevice : Devices Display -> Html.Attribute msg
This sets display attributes per-device.
tabletOnly
= displayByDevice
{ mobile = Hidden
, tablet = Block
, desktop = Hidden
, widescreen = Hidden
, fullHD = Hidden
}