2. Helpers
Name | Description |
---|---|
.is-clearfix | Adds a clearfix at the end of the element. Used for the "is-clearfix" helper. |
.is-pulled-left, .is-pulled-right | Floats the element to left or right. |
.is-clipped | Clips the content of the element with its original size. |
.is-overlay | Completely covers the first positioned parent. |
.is-rounded | Rounds the element boundary. |
.is-size-1 ... .is-size-9 | Sets text size of the element. It is also possible to use these helpers in conjugation with screen sizes of mobile, tablet, touch, desktop, widescreen, fullhd .Example: .is-size-5-desktop |
.has-text-centered, .has-text-justified, | Sets content alignment inside the element. It is also possible to use these helpers in conjugation with screen sizes of mobile, tablet, tablet-only, touch, desktop, .Example: .has-content-left-tablet |
.is-capitalized, .is-lowercase, | Changes the case of the text and its style. |
.has-color-*, .has-background-color-* | Sets the color or background-color property of the element defined by the color variables. |
.has-text-weight-normal, .has-text-weight-bold | Sets the font-weight property of the element defined by the text weight variables. |
.is-family-sans-serif, .is-family-monospace | Sets the font-family property of the element defined by the font family variables. |
.is-block, .is-flex, .is-inline | Sets the display property of the element. It is also possible to use these helpers in conjugation with screen sizes of mobile, tablet, tablet-only, touch, desktop, .Example: .is-block-mobile |
.is-hidden, .is-invisible | Hides or makes the element invisible. It is also possible to use these helpers in conjugation with screen sizes of mobile, tablet, tablet-only, touch, desktop, .Example: .is-hidden-widescreen |
.is-sr-only | Makes the contents of the element visible only to screen readers. |
.is-fullwidth | Makes the element full width of its container. |
.is-marginless | Removes margins of the element. |
.is-paddingless | Removes paddings of the element. |
.is-radiusless | Removes the border radius of the element. |
.is-shadowless | Removes the box shadow from the element. |
.is-unselectable | Makes the element unselectable. |
.is-relative | Sets the position property of the element to relative . |
spacing | Helpers for margins and padding: https://github.com/jgthms/bulma/issues/451#issuecomment-331758839 |