bettercss-preprocessor
CSS preprocessor for BetterCSS built with PostCSS.
Installation
npm i --save bettercss-preprocessor
Usage
CLI
Process via command line
bettercss input.css output.css [options]
PostCSS
var postcss = bettercss = ; ;
Features
Imports
Consume local files, node modules or bower packages.
;; /* == @import "./node_modules/module/index.css"; */
Plugin: postcss-import
Autoprefixer
Parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
Plugin: Autoprefixer
Variables
Transforms CSS Custom Properties(CSS variables) syntax into a static representation.
Plugin: postcss-css-variables
Calc
Reduces calc() references whenever it's possible
Plugin: postcss-calc
Media Queries
Transforms W3C CSS Custom Media Queries syntax to more compatible CSS.
@); { /* styles for small viewport */}
Plugin: postcss-custom-media
Options
CLI
Usage: bettercss [<input>] [<output>]
Options:
-h, --help output usage information
-V, --version output the version number
-s, --sourcemap enable source maps
Examples:
# Pass an input and output file:
$ bettercss input.css output.css
# Enable source maps:
$ bettercss input.css output.css --sourcemap
Node.js
All features in BetterCSS can be toggled on or off by passing options. By default all core features are set to true.
Features
- import
- autoprefixer
- variables
- calc
- media
;