WH CSS UTILITIES Cheat Sheet

A cheat sheet in English by [deleted]

4,956 views 2,087 downloads 19 Feb 2016 History

PRs

3.7 avg · 0 ratings

WH Current CSS utilities

These utilities can be used everywhere in order to apply simple rules which are not likely to change. Note that every rules has !important attached to it to override property values applied in other places.

Utility Display

.u-hide	Display to none
.u-show \|\| .u-blk	Display to block
.u-inl	Display to inline
.u-inlblk	Display to inline-block

Utility Spacing

.u-m0	Margin to 0
.u-p0	Padding to 0
.u-mxauto	Horizontal margin to auto

Utility Clearfix

.u-cfx

Clear floated elements inside

Utility Float

.u-left	Float to left
.u-right	Float to right
.u-fnone	Float to none

Utility Position

.u-rel	Position relative
.u-abs	Position absolute
.u-fix	Position fixed
.u-sta	Position static

Utility Opacity

.u-op0	Opacity to 0
.u-op2	Opacity to 30%
.u-op4	Opacity to 40%
.u-op6	Opacity to 60%
.u-op8	Opacity to 80%
.u-op1	Opacity to 100%

Utility Textalign

.u-txtl	Text to left
.u-txtr	Text to right
.u-txtc	Text to center
.u-txtj	Text to justified

Badges

Good Cheat Sheet Nice Cheat Sheet

Comments

No comments yet.