tachyons-build-optimal-css

Transpile Tachyons PostCSS to vanilla CSS, optionally supply a whitelist for optimal CSS output.

This build process also removes comments, autoprefixes, and has options for minifying the output or repeating class selectors (to play nice with overly specific CSS frameworks).

Installation

npm install --save-dev tachyons-build-optimal-css

Usage

const fs = require('fs')
const build = require('tachyons-build-optimal-css')

const input = fs.readFileSync('input.css', 'utf8')

build(input, {
  from: 'input.css',
  to: 'output.css',
  minify: false,
  whitelist: ['w4', 'w2', 'mw4'],
  stripComments: true
}).then(result => {
  fs.writeFileSync('output.css', result.css)
})

Options

Option	Default	Description	Values
from	undefined	The input file name	file name
to	undefined	The output file name	file name
minify	false	Minify the output CSS, infers stripComments	true, false
repeat	false	Whether to repeat classes in selectors	1..10
whitelist	[]	Restrict output CSS to whitelist	tachyons classes
stripComments	false	strip comments	true, false

License

MIT