umΩ UI Kit


Index Utilities Helpers Layout Elements Components Form Mailing

2. Helpers


Name Description
.is-clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
.is-pulled-left, .is-pulled-rightFloats the element to left or right.
.is-clippedClips the content of the element with its original size.
.is-overlayCompletely covers the first positioned parent.
.is-roundedRounds the element boundary.
.is-size-1 ... .is-size-9Sets 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,
.has-text-left, .has-text-right
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,
desktop-only, widescreen, widescreen-only, fullhd
.
Example: .has-content-left-tablet
.is-capitalized, .is-lowercase,
.is-uppercase, .is-italic
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-boldSets the font-weight property of the element defined by the text weight variables.
.is-family-sans-serif, .is-family-monospaceSets the font-family property of the element defined by the font family variables.
.is-block, .is-flex, .is-inline
.is-inline-block, .is-inline-flex
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,
desktop-only, widescreen, widescreen-only, fullhd
.
Example: .is-block-mobile
.is-hidden, .is-invisibleHides 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,
desktop-only, widescreen, widescreen-only, fullhd
.
Example: .is-hidden-widescreen
.is-sr-onlyMakes the contents of the element visible only to screen readers.
.is-fullwidthMakes the element full width of its container.
.is-marginlessRemoves margins of the element.
.is-paddinglessRemoves paddings of the element.
.is-radiuslessRemoves the border radius of the element.
.is-shadowlessRemoves the box shadow from the element.
.is-unselectableMakes the element unselectable.
.is-relativeSets the position property of the element to relative.
spacingHelpers for margins and padding: https://github.com/jgthms/bulma/issues/451#issuecomment-331758839