CSS tip - Use CSS Nano

It changes


p { padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px; }  

to

p{padding:10px 20px 30px 40px}

Changes colors (e.g. #336699) to it’s shorter forms.


p { margin-top: 10px;
margin-right: 20px;
margin-bottom:  30px;
margin-left: 40px; }

to

p{margin:10px 20px 30px 40px}

and many more.

Playground here: https://cssnano.co/playground/

Plugin: https://www.npmjs.com/package/cssnano

Repo: https://github.com/cssnano/cssnano



Nordible is a digital solutions provider helping organizations achieve their digital goals.

We develop and measure digital solutions, implement impactful brand promotion and SEO strategies and develop software driven by rigorous testing that help your business succeed online and beyond.

You can contact us at info@nordible.com for business inquiries.

Follow us: