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

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

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.