cssutils
npm install --save-dev @peter554/cssutils
A CSS utility class generator. User friendly, simple, powerful. Inspired by tailwindcss and gordon.
Usage
cssutils --help
(CLI)const cssutils = require("@peter554/cssutils")
(API)- Check out the tests for the full features.
CSS variables
cssutils variables --config ./config.yml
cssutils.variables({configPath: "./config.yml"})
variables: color: red: '#f00' green: '#0f0' grey: light: '#eee' mid: '#999'
SASS/SCSS variables
cssutils sassvariables --config ./config.yml
cssutils.sassVariables({configPath: "./config.yml"})
variables: color: red: '#f00' green: '#0f0' grey: light: '#eee' mid: '#999'
;;;;
Utility classes
cssutils utilities --config ./config.yml
cssutils.utilities({configPath: "./config.yml"})
variables: color: red: '#f00' green: '#0f0'utilities: background-color: alias: bgclr from: color padding: alias: p from: 0: 0 1: 0.25rem
Responsive utility classes
utilities: background-color: alias: bgclr from: red: '#f00' breakpoints: [md, lg]breakpoints: md: 800px lg: 1200px xl: 1600px
{ }{ }
Pseudo utility classes
utilities: background-color: alias: bgclr from: red: '#f00' pseudo: [hcs]pseudo: hcs: [hover, focus] act: [active]
Rotations
utilities: padding: alias: pad from: 1: 0.25rem rotations: true