CSS Utils

Powerful set of CSS Utility classes for Colors, Typography, Spacings, Flex and CSS Grid.

Showcase

• Browse the Showcase here
• Stackblitz Demo here

Setup

Install npm package

npm i @oardi/css-utils

Import SCSS files

Import the theme with all utility classes and their responsive classes as well as predefined components.

@use '@oardi/css-utilss/scss/index.scss';

Use Utility classes

<div class="text-center">some text</div>

This will render a centered text:

Use predefined component classes

<button class="btn btn-solid btn-primary">some button text</button>

will render as:

some button text

Maintainer

Developed and maintained by Ardian Shala

Credits and Inspiration

The main Frameworks which inspired me to create this set of CSS Utility Classes:

• Twitter Bootstrap
• TailwindCSS
• FontAwesome
• Nuxt