node package manager

cssutilities-options

cssutilities-options

CSS layout utilities with options

npm version Build Status XO code style bitHound Overall Score

How to use ?

npm install -g cssutilities-options
 
cssutilities-options

Options in terminal, Choose based on your requirement


Which sizing element do you need
> px
  em
  rem
  %
 
Range Start 1
 
Range End 5
 
Add margin ? (Y/n) y
 
Add padding ? (Y/n) n
 
Do you need More Utilities like Floats, Display and Overflow (y/N) n
 
minify (Y/n) y
 
Do you want the css to store in a file or output here in console ?
> file
  console
 

The out can be stored in a file/can be printed on console.

Sample Output

.m1x{margin:1px;}.mt1x{margin-top:1px;}.mr1x{margin-right:1px;}.mb1x{margin-bottom:1px;}.ml1x{margin-left:1px;}.m2x{margin:2px;}.mt2x{margin-top:2px;}.mr2x{margin-right:2px;}.mb2x{margin-bottom:2px;}.ml2x{margin-left:2px;}.m3x{margin:3px;}.mt3x{margin-top:3px;}.mr3x{margin-right:3px;}.mb3x{margin-bottom:3px;}.ml3x{margin-left:3px;}.m4x{margin:4px;}.mt4x{margin-top:4px;}.mr4x{margin-right:4px;}.mb4x{margin-bottom:4px;}.ml4x{margin-left:4px;}.m5x{margin:5px;}.mt5x{margin-top:5px;}.mr5x{margin-right:5px;}.mb5x{margin-bottom:5px;}.ml5x{margin-left:5px;}