Threeish in PostCSS

[marbiano]

I've started using CSS Modules and suddenly, the only reason to keep using Sass is that I love Susy and I don't want to stop using it.

I'm already using PostCSS for doing things (like autoprefix), so in the quest for simplicity, it would be great for my front-end stack to be able to include Susy as a PostCSS plugin, and wish a safe trip to the old and good Sass.

I'm interested into porting threeishto PostCSS, but I don't know what would be the preferred way to do that. Should I just fork this repo and start doing it on my own? Maybe send a PR to this repo once it's done?

[mirisuzanne]

Hi @mbavio — I don't think we'll pull a postCSS port into this repo — but you are welcome to fork and work on it yourself. If you get something working, I'll be happy to mention it on the website, and point people in your direction!

[mabar]

@mbavio If you are using build proccess in NodeJS with grunt, gulp, webback or whatever, so it's pretty easy to use both.

Simplified version of how it can look in Gulp:

let gulp = require('gulp'),
        $ = require('gulp-load-plugins')();

let prefixes = ['last 4 versions'];

let postCssPlugins = [
   require('postcss-input-style'),
   require('postcss-pseudo-class-enter'),
   require('postcss-quantity-queries'),
   require('postcss-fakeid'),
   require('autoprefixer')(prefixes)
];

let sourceFiles = 'src/styles/**/*.+(scss|css)';
let destFolder = 'dest/styles/';

gulp.src(sourceFiles)
   .pipe($.sass())
   .pipe($.postcss(postCssPlugins))
   .pipe(gulp.dest(destFolder))