List of PostCSS plugins for my projects

PostCSS is an awesome thing to make projects’ development more flexible. I use a few plugins and it makes process of my work very easily structured.

The list of plugins:

I use one file for variables and abbreviations and one by one file for each screen resolution. So if I decide to change some color, size of padding or margin, I only need to find it in one file and one place.

Gruntfile.js

module.exports = function(grunt) {

grunt.initConfig({

  postcss: {

   options: {
     processors: [
       require('precss')(),
       require('postcss-cssnext')(),
       require('postcss-alias')(),
       require('postcss-bem')(),
     ]
    },
   dist: {
     src: 'before/*.css',
     dest: 'styles/styles.css'
    },

   }

 });

 grunt.loadNpmTasks('grunt-postcss');
};