Nest media queries in block

[jacobp100]

Suggestion,

@define-placeholder gigantic {
  font-size: 40em;

  @media (max-width: 600px) {
    font-size: 20em;
  }
}

Or,

@define-placeholder gigantic {
  font-size: 40em;
}

@extend-placeholder (max-width: 600px) gigantic {
  font-size: 20em;
}

[davidtheclark]

The nesting resolution should be relegated to a plugin like postcss-nested. But I'm open to a PR making changes that ensure it works this way with postcss-nested.

[jacobp100]

Added behind an option. Can confirm this worked when using in combination with the plugin you suggested! https://github.com/davidtheclark/postcss-simple-extend/pull/12