Gulp Css Tailor

✂ gulp-css-tailor

Gulp plugin that automatically generates CSS from your HTML classes

Utility that turns the classes applied upon the **DOM elements to CSS**. So that you don't have to manually write the CSS for those minor UI enhancements like increasing the padding, adding a little margin, changing the font size, applying a border radius, pumping up the line-height a bit etc.

If you are looking for css-tailor, find it at [kamranahmese/css-tailor](https://github.com/kamranahmedse/css-tailor)

Usage

All you have to do is specify the CSS class on any DOM element, CSS will be generated and written to a CSS file of your liking or returned for any programmatical use.

All you have to do is specify any HTML class as follows

[formula][value][unit] # If you donot provide the unit, `px` will be used.

For example; `mt25` translates to `margin-top: 25px`, `fs14px` to `font-size: 14px;` etc.

The list of supported formulae and examples are given below

Supported Formulae

Currently supported styles are as follows.

Formula	CSS Property	Example Usage
p	padding	p10 will translate to padding: 10px
pt	padding-top	pt20 will translate to padding-top: 20px;
pb	padding-bottom	pb10 will translate to padding-bottom: 10px;
pr	padding-right	pr20 will translate to padding-right: 20px;
pl	padding-left	pl23 will translate to padding-left: 23px;
m	margin	m20 will translate to margin: 20px
mt	margin-top	mt20 will translate to margin-top: 20px;
mb	margin-bottom	mb20 will translate to margin-bottom: 20px;
ml	margin-left	ml50 will translate to margin-left: 50px;
mr	margin-right	mr30 will translate