tachyons-for-js v0.3.3
Tachyons-For-JS
Tachyons for various CSS-in-JS solutions.
There few Tachyons
modules, that's difficult to include in this library. I'm still working on proper solution for those.
Those modules are:
debug.css
images.css
nested.css
skins-psuedo.css
v0.3.0 Breaking API change
Object properties chaining API is now replaced with functional API for speed. Now we export a function that accepts a string of tachyons classes and returns an Object with styles for those classes.
Important note: we use snake_case
instead of kebab-case
.
In future releases you will be able to use both cases.
Like: w_100
instead of w-100
, b__black
instead of b--black
.
...tc('ma0 pa0 ttu')
/**
{
margin: 0,
padding: 0,
textTransform: 'uppercase'
}
*/
Quick Example (Fela.js)
import tc from 'tachyons-for-js'
import { createComponent } from 'react-fela'
const style = () => ({
...tc('ma0 pa0 ttu')
})
export default createComponent(style)
TODO
Add missing tachyons modules
- border-colors.css
- border-style.css
- border-widths.css
- debug-children.css
- debug-grid.css
- debug.css
- hovers.css
- images.css
- skins.css
- skins-psuedo.css
Add documentation
Add examples for different CSS-in-JS solutions
- fela.js
- csx
- styled-components
- css modules
- styled-jsx
- glamourous
- ...any other css-in-js engine out there
Add the ability to import individual modules only
- Make it possible to chain modules
- Add utils module to provide various helpers
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago