eddiesigner

p {
  margin: 0;
}

@media only screen and ( min-width: 42em ) {
  p {
    margin: 25px 0;
  }
}

eddiesigner

p {
  margin: 0;
  @media (mq('medium')) {
    margin: 25px 0;
  }
}

eddiesigner

var gulp = require('gulp');
var postcss = require('gulp-postcss'); // Load PostCSS
var postcss_nested = require('postcss-nested'); // Load the postcss-nested plugin
var simple_media_queries = require('postcss-simple-media-queries'); // Load the postcss-simple-media-queries plugin

gulp.task('css', function () {
  var processors = [ // The order is important because this plugin depends on nesting capabilities
    simple_media_queries,
    postcss_nested
  ];

eddiesigner

var fs = require('fs');
var postcss = require('postcss'); // Load PostCSS
var postcss_nested = require('postcss-nested'); // Load the postcss-nested plugin
var simple_media_queries = require('postcss-simple-media-queries'); // Load the postcss-simple-media-queries
var css = fs.readFileSync('input.css', 'utf8'); // Your stylesheet

var output = postcss([simple_media_queries, postcss_nested]) // The order is important because this plugin depends on nesting capabilities
  .process(css)
  .css;