SCSSと付き合う上でやって(知って)よかったこと8選 ref: http://qiita.com/inuscript/items/e996c42798bbb17add13

file0.css

div {
    -webkit-box-shadow: 0px 0px 10px rgba(255,0,0,.5);
    -moz-box-shadow: 0px 0px 10px rgba(255,0,0,.5);
    box-shadow: 0px 0px 10px rgba(255,0,0,.5);
}

file1.txt

sass -> css -> css (postcss後)

file2.js

gulp.task('autoprefixer', function () {
    return gulp.src('./src/*.css')
        .pipe(postcss([ autoprefixer({ browsers: ['last 2 version'] }) ]))
        .pipe(gulp.dest('./dest'));
});

file4.txt

body.foo-controller.baz-action{
    @import "path/to/component"
}

body.boo-controller.brr-action{
    @import "path/to/component2"
}

file5.txt

*.css binary

こんな感じ.scss

div {
    box-shadow: 0px 0px 10px rgba(255,0,0,.5);
}