CSS Utility Helpers

What are CSS utility helpers?

CSS utility helpers are simply a pre-compiled set of CSS classes for common style fixes which you could use inline on html elements. the library includes the SCSS mixins for the same as-well, if you prefer to compile them directly on your project.

Available Utilities

• Margin [1px ... 40px, auto]
• Padding [1px ... 40px, auto]
• Display [none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex, grid]
• Font Weight [regular: 400, medium: 500, semi-bold: 600, bold: 700, black: 800]
• More to be added...

Installation

NPM

npm i css-helper-utils --save

Yarn

yarn add css-helper-utils

 CDN

<link rel="stylesheet" href="http://unpkg.com/[email protected]/css/css-utility-helpers.css">