Skip to content

Empty lines between @media and child rules  #19

@juwain

Description

@juwain

Thanks for fixing #16! There is one more issue I think.

OK, there is an empty line between media-rules now, but there is also an additional line between media-rule and between child rule. I think there should be 1 empty line too.

.color {
  @mixin coloring;

  color: white;

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

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


  span {
    color: black;
  }

  span {
    color: pink;
  }
}

Config is such:

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions