Show Menu
Cheatography

WH CSS UTILITIES Cheat Sheet by [deleted]

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 !imp­ort­ant attached to it to override property values applied in other places.

Utility Display

.u-h­ide
Display to none
.u-s­how || .u-blk
Display to block
.u-inl
Display to inline
.u-i­nlblk
Display to inline­-block

Utility Spacing

.u-m0
Margin to 0
.u-p0
Padding to 0
.u-m­xauto
Horizontal margin to auto
 

Utility Clearfix

.u-cfx
Clear floated elements inside

Utility Float

.u-l­eft
Float to left
.u-r­ight
Float to right
.u-f­none
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-t­xtl
Text to left
.u-t­xtr
Text to right
.u-t­xtc
Text to center
.u-t­xtj
Text to justified
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.