Utilities

Beauter adds some inbuilt CSS utilities to make it easier to use. These utilities can be used independently as class = " _utility" inside their tags and divs with any element. Multiple utilities can be mixed and used to make the element more customized.

_low
_high

A _low paragraph

A _high paragraph

_width100
_width75
_width50
_full-width
_max-full-width
_force-full-width

_width100

_width75

_width50

_full-width

_max-full-width

_force-full-width

_floatLeft
_floatRight

_floatRight

_floatLeft

_wrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim augue, pellentesque id nibh at, laoreet placerat mi. Sed rutrum diam auctor mollis scelerisque. Pellentesque sit amet ultricies ante. Nullam molestie euismod iaculis. Sed pellentesque mauris eleifend mattis tempor. Aenean id tempus urna. Donec rutrum mauris et erat accumsan porttitor.

_alignLeft
_alignRight
_alignCenter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim augue, pellentesque id nibh at, laoreet placerat mi. Sed rutrum diam auctor mollis scelerisque.

_debugmode

_gray
_blur

_clear

div left right

_hidden
_hide-mobile
_hide-phablet
_hide-tablet
_hide-desktop
_hide-widescreen

_hidden

_hide-mobile

_hide-phablet

_hide-tablet

_hide-desktop

_hide-widescreen

_is-clipped
_is-overlay

_is-overlay

_is-clipped

_disabled
_noReaction
_unselectable

_disabled _noReaction

AN unSelectable text

_noMargin
_noPadding

_noMargin

_noPadding

_round
_box
_shadow
_dark
_cream
_purple
_danger
_success
_info
_warning
_active
_disabled
_primary
_xsmall
_small
_large
_xlarge
_ripple

_transparent

_truncate
_expandable-truncate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim augue, pellentesque id nibh at, laoreet placerat mi. Sed rutrum diam auctor mollis scelerisque.

_noDelay

It will turn off any animated stuff..

_bordered

This makes a border.
hello

_posAbs

sets postition:absolute

_posRel

sets postition:relative

_block

_inline

_inline-block

_is-invisible

<h1 class="_is-invisible">hi</h1>

hi

It takes space but is invisiblle..

Thanks ♥ for choosing Beauter

Documentation

Utilities

hi