Vue tachyons

Small wrapper to use tachyons as css-in-js solutions for Vue components

Demo here

Why?

• Stateful classes
• Style reuse
• Easy variables customization

Tachyons is a functional css framework, that I love using since it allows you to code so much css in a matter of minutes. It speed up the whole workflow, especially when working with component based framework (like Vue.js)

Installation

npm install vue-tachyons
 
//or
 
yarn install vue-tachyons

Usage

See source

Variables

import '~vue-tachyons/dist/src/index.css' to import tachyon default variables

Thanks to

• https://github.com/tachyons-css/tachyons
• @jongold for coding tachyons-js
• @jxnblk for coding cxs