cssutilities

cssutilities is lightweight CSS layout utilities ~ 1KB

| easy to use & short naming convention

Using CDN

Copy this below line of code and paste it in the head of the html file(s) you want to include cssutilities in.

<link rel="stylesheet" href="https://npmcdn.com/[email protected]/css/cssutilities.min.css">

Quick Install

npm install -g cssutilities   |   bower install cssutilities

How to use

Add the downloaded css file path to the of your document:

<link rel="stylesheet" href="path/to/cssutilities.min.css">

and just use the short naming conventions, voila it's so easy.

SAMPLE STYLES

.m0 {
	margin: 0;
}

.m4x {
	margin: 4px;
}

.p0 {
	padding: 0;
}

.pt5x {
	padding-top: 5px;
}

.di {
	display: inline;
}

.fl {
	float: left;
}

.cb {
  clear: both;
}

Compatibility

Currently, cssutilities supports Google Chrome (tested v48+), Mozilla Firefox (tested 44+), and Internet Explorer (tested 11+). Mobile browsers are not currently tested but they may work.

License

MIT License