Skip to content

juissi999/juicycss

Repository files navigation

juicycss

NPM Version npm bundle size NPM GitHub top language

A Minimalistic CSS library. It's not aiming to be everything for everyone but more like something for someone. It gives you tools to build a nice and simple site.

gallery

https://juissi999.github.io/juicycss

installation

npm install juicycss

use

Import CSS by adding the following line to your index.js file:

import 'juicycss/index.css'

Add classes to your DOM elements.

Features

This library adds CSS classes. Currently it has classes

  • container
  • flex: row, col, wrap, align-center, justify-content-center
  • my-x, ml-x, mr-x (margin)
  • px-x, py-x (padding)
  • color: jred, jbrown, jyellow, jgreen, jblue, jpurple, jwhite, jdark
  • text-color: same as above
  • text-bold, text-italic, text-normal
  • pointer
  • nonselectable
  • inline-block
  • border
  • br (border-radius)
  • text-center, text-left, text-right
  • mw-x (min-width)
  • max-width-100 (div has max width of 100%)
  • styled buttons, btn-large

About

Minimalistic CSS library

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published