How to make the web look nice with Tachyons CSS, from the comfort of a Meteor.
Create a meteor project
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.
meteor remove standard-minifier-css
meteor add juliancwirko:postcss
npm install --save-dev postcss-easy-import autoprefixer
Add config to tell autoprefixer what browsers to add vendor prefixes for:
"postcss": {
"plugins": {
"postcss-easy-import": {},
"autoprefixer": {
"browsers": [
"last 2 versions"
]
}
}
}
Install tachyons and import it from your main.css
npm install --save tachyons
@import 'tachyons'
And start using the subatomic helpers it offers in your html
<body class="sans-serif measure pa6">
<h1 class="f-6">Welcome to Meteor!</h1>
{{> hello}}
{{> info}}
</body>