Empty lines between @media rules

[juwain]

I have such config (… means large array of ordered properties):

{
  "empty-lines-between-children-rules": 1,
  "sort-order": [
    [
      "@mixin"
    ],
    [
      …
    ],
    [
      "@media"
    ],
    [
      ">child"
    ]
  ]
}

This config in action:

.color {
  @mixin coloring;

  color: white;

  @media (--viewport-md) {
    color: green;
  }
  @media (--viewport-lg) {
    color: red;
  }

  span {
    color: black;
  }

  span {
    color: pink;
  }
}

Is it possible to add an empty line between @media constructions too, like between spans?

[hudochenkov]

Currently there is no ability to do this, but I'll add this soon.

[juwain]

Thanks, that'll be great!

[hudochenkov]

New option empty-lines-between-media-rules added in 1.3.0.

[juwain]

wohoo, great! 🎉