@arcanis-inc/tachyons-generator
v2.0.0
Published
Generate a custom arcanis Tachyons build with a json configuration
Downloads
9
Maintainers
Readme
@arcanis/tachyons-generator
Generate a custom Arcanis Tachyons build with a json configuration.
Originally forked from tachyons-generator.
Usage
This will generate an index.html file with the generated style guide as well as a static css file.
const fs = require('fs')
const tachyonsGenerator = require('@arcanis/tachyons-generator')
const config = require('./config.json')
const generate = async () => {
const tachy = tachyonsGenerator(config)
// Minify CSS
const out1 = await tachy.generate({ minify: true })
fs.writeFileSync('tachyons.min.css', out1)
// Keep colors as CSS variables
const out2 = await tachy.generate({ compileVars: false })
fs.writeFileSync('tachyons-with-vars.css', out2)
// Generate docs website
const docs = await tachy.docs()
fs.writeFileSync('index.html', docs)
}
generate()
Example config
Check config.js
Optional configurations
namespace
You can pass a namespace
property to namespace the CSS generated (including the normalize module).
Example:
"namespace": "my-namespace",
Will generate the following CSS:
.my-namespace .bg-black {
background-color: #000;
}
License
MIT