Utility Classes
The following utility classes are available in the Framework.
Display
An elements display style can be set with the following classes.
inline sets display to inline-block
block sets display to block
hide sets display to none
Position
An elements position can be set with the following classes.
relative sets position to relative
absolute sets position to absolute
fixed sets position to fixed
Width
An elements width can be set with the following classes.
w100 sets the elements width to 100%.
w100a sets the elements width to 100% and the height to auto
w75 sets the elements width to 75%.
w75a sets the elements width to 75% and the height to auto
w50 sets the elements width to 50%.
w50a sets the elements width to 50% and the height to auto
w25 sets the elements width to 25%.
w25a sets the elements width to 25% and the height to auto
Height
An elements height can be set with the following classes.
h100 sets the elements height to 100%
h100a sets the elements height to 100% and the width to auto
h75 sets the elements height to 75%.
h75a sets the elements height to 75% and the width to auto
h50 sets the elements height to 50%.
h50a sets the elements height to 50% and the width to auto
h25 sets the elements height to 25%.
h25a sets the elements height to 25% and the width to auto
Order
An elements order within the parent can be set with the following classes.
order-1 sets the elements order to 1
order-2 sets the elements order to 2
order-3 sets the elements order to 3
order-4 sets the elements order to 4
order-5 sets the elements order to 5
order-first sets the elements order to -9999
order-last sets the elements order to 9999