https://github.com/tableflip/meteor-tachyons
How to make the web look nice with Tachyons from the comfort of a Meteor.
https://github.com/tableflip/meteor-tachyons
Last synced: 5 months ago
JSON representation
How to make the web look nice with Tachyons from the comfort of a Meteor.
- Host: GitHub
- URL: https://github.com/tableflip/meteor-tachyons
- Owner: tableflip
- Created: 2016-06-28T09:40:35.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-06-28T09:41:50.000Z (almost 10 years ago)
- Last Synced: 2025-04-09T20:46:17.109Z (about 1 year ago)
- Language: HTML
- Size: 2.93 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meteor and Tachyons
How to make the web look nice with [Tachyons CSS], from the comfort of a Meteor.
Create a meteor project
```sh
meteor create meteor-tachyons
cd meteor-tachyons
```
Add postcss. This entails dropping meteors default css minifier, which works fine, but we want autoprefixer and inlined css imports and and all that good stuff. See: http://guide.meteor.com/build-tool.html#postcss for more info.
```sh
meteor remove standard-minifier-css
meteor add juliancwirko:postcss
```
```sh
npm install --save-dev postcss-easy-import autoprefixer
```
Add config to tell autoprefixer what browsers to add vendor prefixes for:
```json
"postcss": {
"plugins": {
"postcss-easy-import": {},
"autoprefixer": {
"browsers": [
"last 2 versions"
]
}
}
}
```
Install tachyons and import it from your `main.css`
```sh
npm install --save tachyons
```
```css
@import 'tachyons'
```
And start using the [subatomic helpers] it offers in your html
```html
Welcome to Meteor!
{{> hello}}
{{> info}}
```
---
[Tachyons CSS]: http://tachyons.io/
[subatomic helpers]: http://tachyons.io/docs/