# tachyons-build-css

> Transpile Tachyons PostCSS to vanilla CSS

Latest version **1.8.1** (published 2018-07-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install tachyons-build-css
pnpm add tachyons-build-css
yarn add tachyons-build-css
bun add tachyons-build-css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.8.1 |
| Published | 2018-07-20 |
| First published | 2016-07-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 14 |
| Unpacked size | 6 KB |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 27 |
| Author | John Otander |
| Maintainers | johno |

## Links

- npm: https://www.npmjs.com/package/tachyons-build-css
- Repository: https://github.com/tachyons-css/tachyons-build-css
- Homepage: https://github.com/tachyons-css/tachyons-build-css#readme
- Issues: https://github.com/tachyons-css/tachyons-build-css/issues
- npm.io page: https://npm.io/package/tachyons-build-css

## Dependencies (14)

- [cssnano](https://npm.io/package/cssnano.md) ^3.10.0
- [postcss](https://npm.io/package/postcss.md) ^6.0.19
- [postcss-rtl](https://npm.io/package/postcss-rtl.md) ^1.2.3
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^8.1.0
- [css-mqpacker](https://npm.io/package/css-mqpacker.md) ^6.0.2
- [postcss-calc](https://npm.io/package/postcss-calc.md) ^6.0.1
- [perfectionist](https://npm.io/package/perfectionist.md) ^2.4.0
- [postcss-import](https://npm.io/package/postcss-import.md) ^11.1.0
- [postcss-extend-rule](https://npm.io/package/postcss-extend-rule.md) ^1.1.0
- [postcss-class-repeat](https://npm.io/package/postcss-class-repeat.md) ^0.1.1
- [postcss-conditionals](https://npm.io/package/postcss-conditionals.md) ^2.1.0
- [postcss-custom-media](https://npm.io/package/postcss-custom-media.md) ^6.0.0
- [postcss-css-variables](https://npm.io/package/postcss-css-variables.md) ^0.8.0
- [postcss-discard-comments](https://npm.io/package/postcss-discard-comments.md) ^2.0.4

## Recent versions

- 1.8.1 (latest) — 2018-07-20
- 1.8.0 — 2018-07-20
- 1.7.0 — 2018-03-04
- 1.6.0 — 2017-11-04
- 1.5.1 — 2017-08-13
- 1.5.0 — 2017-07-20
- 1.4.0 — 2017-07-19
- 1.3.0 — 2017-05-24
- 1.2.0 — 2017-05-10
- 1.1.5 — 2017-04-14
- 1.1.2 — 2016-09-20
- 1.1.1 — 2016-09-19
- 1.1.0 — 2016-08-25
- 1.0.0 — 2016-07-07

## README

# tachyons-build-css [![Build Status](https://secure.travis-ci.org/tachyons-css/tachyons-build-css.svg?branch=master)](https://travis-ci.org/tachyons-css/tachyons-build-css) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

Transpile Tachyons PostCSS to vanilla CSS.
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

```bash
npm install --save-dev tachyons-build-css
```

## Usage

```javascript
const fs = require('fs')
const tachyonsBuildCss = require('tachyons-build-css')

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

tachyonsBuildCss(input, {
  from: 'input.css',
  to: 'output.css',
  minify: true,
  plugins: [my(), other(), plugins()]
}).then(result => {
  fs.writeFileSync('output.css', result.css)
})
```

If you want more control, but want the plugins used here, you can get them with the `getPlugins` function
```javascript
const { getPlugins } = require('tachyons-build-css')

const plugins = getPlugins({
  from: 'input.css',
  to: 'output.css',
  minify: true
})
```

#### 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 | `true`, `false` |
| `repeat` | `false` | Whether to repeat classes in selectors | `false`, `1..10` |
| `plugins` | `false` | Additional postcss plugins | [my(), other(), plugins()] |
| `atImport` | `{}` | Options for `postcss-import` | `postcss-import` options |

## License

MIT

## Contributing

1. Fork it
2. Create your feature branch (`git checkout -b my-new-feature`)
3. Commit your changes (`git commit -am 'Add some feature'`)
4. Push to the branch (`git push origin my-new-feature`)
5. Create new Pull Request

Crafted with <3 by John Otander ([@4lpine](https://twitter.com/4lpine)).

***

> This package was initially generated with [yeoman](http://yeoman.io) and the [p generator](https://github.com/johnotander/generator-p.git).

---
_Source: https://npm.io/package/tachyons-build-css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._