Cheatography
https://cheatography.com
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 |
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment