How to use PostCSS in Meteor JS? - meteor

I want to use PostCSS in my Meteor App but I can't found any package to do this, so does anybody know how to integrate PostCSS in Meteor JS?

I just leave it here. This is a PostCSS package for Meteor, maybe someone will be interested in helping with this: https://atmospherejs.com/juliancwirko/postcss

I haven't tried it yet, but I've been looking for an option on this and have found the following that may be of use to you:
https://github.com/stolinski/meteor-stylus-multi
Hope that helps you get going!

Related

Strip meteor build of javascript comments

Is there a way to remove all comments (inline and block) when running meteor build? I know blaze handle bars get stripped of comments ({{!-- --}}) when compiling to html. Is there a similar way to handle it for all the JS files?
Thanks

How to use atomizer (automatic css generator for atomic css) extension on VSCode?

can someone help me. I really want to use atomic css in my project. I see in vscode that there's atomizer extension that generates atomic css classes but I'm had a hard time using it. I don't know how to use it. I read the guide but still can't. Please help.
Are you talking about the "vscode-atomizer" extension?
If yes, then you need to have a config file (atomizer.json) in the root of your project for this extension to work.

is there a way to use postcss with styled-components?

is there a way to use postcss with styled-components when styling React.js components?
I'm using postcss plugins like px-to-rem and rucksack css responsive fonts which are amazing and I would hate to give those up. Is there a way to combine the two?
At the moment no as in this issue.
Max Stoiber from stytled components said on more than one occasion that these tools should be JS functions and not more tooling. On this talk if I'm not mistaken. The good news is that they are trying to port it already.
We're working on a "standard library" that'll contain all sorts of useful functions like px2rem. This will be released soon, it's almost done
So in a nutshell if you need something like that right now you probably should find the function that does that on postCss and use it yourself.
Another option would be to have a mixed approach for the moment with postCss for these stuff and passing the styled-component class as well as the postCss class.

Libraries for Stylus on Meteor.js

Searching on libraries for Stylus I've only found Nib.
I was wondering HOW TO install and use Nib on Meteor. The docs for Nib specify how to use it on pure Node.js; what is the procedure on Meteor?
Also: are there any other libraries for Stylus on Meteor? This info has been really hard to find since the meteor docs don't say anything.
The docs don't say this, but nib is automatically installed when you meteor add stylus. Note that you will still need to #import 'nib' at the top of any .styl files where you want the nib extensions.
As for the last part of your question, I'm not aware of other libraries for stylus. If you have something specific in mind, please update the question.
check out flexbox based grid system with autoprefixer: http://s-grid.meteor.com
You can also use it with Grunt scaffold: https://github.com/juliancwirko/s-grid-grunt and as a standalone npm package: https://www.npmjs.com/package/s-grid
There is also some other packages which uses nib, autoprefixer etc.: https://atmospherejs.com/?q=stylus

KSS styleguides generator for Rails - alternatives to NKSS

What KSS style generator do you guys use for Rails? I tried with NKSS but I don't quite like it (maybe because I'm not used to document CSS yet).
Anyone of you knows what Github uses?
I have found https://github.com/dewski/kss-rails also. I never documented my CSS but you can give a try.

Resources