Utilities

Gralig provides few utility classes for help you a little bit faster development.

Class NameContains
.u-center-texttext-align: center
.u-right-texttext-align: right
.u-left-texttext-align: left
.u-bold-texttext-weight: 600
.u-normal-texttext-weight: 400
.u-thin-texttext-weight: 300
.u-width-100width: 100%
.u-height-100height: 100%
.u-nonedisplay: none
.u-blockdisplay: block
.u-inlinedisplay: inline
.u-inline-blockdisplay: inline-block
.u-flexdisplay: flex
.u-flex-colflex-direction: column
.u-flex-rowflex-direction: row
.u-flex-ai-calign-items: center
.u-flex-ai-startalign-items: flex-start
.u-flex-ai-endalign-items: flex-end
.u-flex-ai-sbalign-items: space-between
.u-flex-jc-cjustify-content: center
.u-flex-jc-startjustify-content: flex-start
.u-flex-jc-endjustify-content: flex-end
.u-bg-coverbackground-size: cover
.u-bg-containbackground-size: contain
.u-bg-norepeatbackground-repeat: no-repeat
.u-absoluteposition: absolute
.u-relativeposition: relative
.u-blue-bgbackground-color: $color-blue
.u-green-bgbackground-color: $color-green
.u-yellow-bgbackground-color: $color-yellow
.u-red-bgbackground-color: $color-red
.u-blue-colorcolor: $color-blue
.u-green-colorcolor: $color-green
.u-yellow-colorcolor: $color-yellow
.u-red-colorcolor: $color-red
© 2019, Built with  🎧☕️❤️& Gralig.