https://github.com/ratson/tachyons-in-js

Use tachyons with your favorite CSS-in-JS composition solution.
https://github.com/ratson/tachyons-in-js

atomic-css css-in-js functional-css tachyons tachyons-css

Last synced: about 1 month ago
JSON representation

Use tachyons with your favorite CSS-in-JS composition solution.

• Host: GitHub
• URL: https://github.com/ratson/tachyons-in-js
• Owner: ratson
• License: mit
• Created: 2018-01-04T12:59:50.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-05T15:26:17.000Z (almost 8 years ago)
• Last Synced: 2025-08-05T18:33:12.160Z (2 months ago)
• Topics: atomic-css, css-in-js, functional-css, tachyons, tachyons-css
• Language: JavaScript
• Size: 85.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

          
# tachyons-in-js

Use [tachyons](http://tachyons.io) with your favorite CSS-in-JS composition solution.

## Differences

- `snake_cased` rather than `kebab-cased`

## Usage

Works great with [aphrodite](https://github.com/Khan/aphrodite):

```css

:root {

  // fill in all of the tachyons default variables,

  // or import 'tachyons-in-js/variables.css';

}

```

```javascript

import { StyleSheet } from 'aphrodite';

import t from 'tachyons-in-js';

const styles = StyleSheet.create({

  foo: {

    ...t.ma2,

    ...t.ma2_ns,

    ...t.bg_black,

    ...t.ph2,

    ...t.ph3_m,

    ...t.ph3_l,

  },

});

```

## Credit

Fork of [tachyons-js](https://github.com/jongold/tachyons-js), thanks @jongold for creating it.