https://github.com/jessestuart/js-tachyons

A hand-tweaked build of the popular Functional CSS library Tachyons.
https://github.com/jessestuart/js-tachyons

functional-css tachyons tachyons-css tachyons-custom

Last synced: about 1 month ago
JSON representation

A hand-tweaked build of the popular Functional CSS library Tachyons.

• Host: GitHub
• URL: https://github.com/jessestuart/js-tachyons
• Owner: jessestuart
• Created: 2018-02-09T18:27:37.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T06:39:41.000Z (almost 2 years ago)
• Last Synced: 2024-10-10T11:42:23.970Z (about 1 month ago)
• Topics: functional-css, tachyons, tachyons-css, tachyons-custom
• Language: TypeScript
• Homepage: https://js-tachyons.now.sh
• Size: 2.79 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 31
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# js-tachyons

A hand-tweaked build of the popular Functional CSS library

[Tachyons](https://github.com/tachyons-css/tachyons). Built in order to

facilitate code reuse between front-end projects. Intended for personal use, but

feel free to

[fork](https://github.com/jessestuart/js-tachyons#fork-destination-box) and

adapt to your own needs.

### Usage

To customize, tweak the files in `src/config/` to your liking, then run:

```bash

# Install dependencies.

$ yarn -s

# Output generated CSS to `dist`.

$ yarn generate

```

You could then publish to NPM or a private registry (after editing

`package.json` to specify your own package name) with `yarn publish`.

Alternatively, if you want to avoid having to re-publish every time you make a

change while developing locally, you can make use of `yarn`'s `link`

functionality:

```bash

# In the root of your custom `tachyons` package:

cd ~/my-custom-tachyons

yarn link

# In the root of your project that depends on said package:

cd ~/my-web-app

yarn link my-custom-tachyons

```

This will create a symbolic link in your app's `node_modules` folder that

resolves to the local installation of your custom Tachyons package. Be sure to

run `yarn unlink my-custom-tachyons` when you're done testing.