A minimal CSS library that consists of small classes to make modern components of your website.
It started with a plan to make a CSS library that is highly reusable and immutable at the core. Instead of looking for the fancy features like modals and dropdowns. We tried to make something is easy to integrate into projects. It is so small that you can learn the whole library in minutes (look at Cheatsheet).
CDN: https://gitcdn.xyz/repo/itsjzt/utility-CSS/master/build/utility.css
At the core our library is just bunch of classes for simple CSS properties like padding, margin, font size etc. We compose them together to form a component like this button below:
<button class="-px-lg -py-sm -bg-info -txt-white -no-bd -h-shadow">Button</button>
looking at the classes you will get that they are short names of common CSS properties like -px-lg for padding large on the X axis and -bg-info for background denoting info message (Colors inspired from Bootstrap).
Try our library in codepen Pen.
We still have a lot to get done now and we will genuinely appreciate if someone can give their valuable time to our project. We will try to be as helpful as possible for beginners. be sure to read our contribute.md.You can read our todo.md and try out hands on the code or docs.
Read how can you add it to your project
Read about our conventions and Contribute Guide