npm

npm’s 2019 JavaScript ecosystem survey analysis is now available! Get your copy here »

@arcanis-inc/tachyons-generator

0.0.1 • Public • Published

@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

install

npm i @arcanis-inc/tachyons-generator

Downloadsweekly downloads

1

version

0.0.1

license

MIT

last publish

collaborators

  • avatar
Report a vulnerability