tachyons-to-css
Convert a tachyons class declaration to its CSS (or JavaScript) equivalent.
Last updated 3 years ago by hugozap .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install tachyons-to-css 
SYNC missed versions from official npm registry.

Reverse Tachyons

Convert a tachyons class declaration to its CSS (or JavaScript) equivalent.

Usage

Command line

If you install globally (npm install -g reverse-tachyons) then a cli tool will be available:

reverse-tachyons  "w-100 h-100" --js

Output

->Defaults:
{ height: '100%',
  width: '100%',
  backgroundColor: '#000',
  padding: '0' }

->Not small:
{ width: '100%' }

Flags

--js Return a JavaScript Object (useful for inline styles in React

If you omit the flag, a CSS formatted declaration will be returned

Api

TODO: please see tests.js

Why?

Tachyons is a great tool. It can be used for prototyping and production websites. However sometimes you need to migrate to other CSS systems like inline styles in React or something like Radium.

Current Tags

  • 1.0.0                                ...           latest (3 years ago)

1 Versions

  • 1.0.0                                ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (7)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |