Skip to main content

stylecow plugin nested-rules

Stylecow plugin to add support for nested rules.

More info:

You write:

body {
  & p {
    color: blue;
  }
  & > section {
    & h1,
    & h2 {
      color: red;

      &.green {
        color: green;
      }
    }
  }
  & div,
  & span {
    & a {
      color: orange;
    }
  }
}

And stylecow converts to:

body p {
  color: blue;
}
body > section h1,
body > section h2 {
  color: red;
}
body > section h1 .green,
body > section h2.green {
  color: green;
}
body div a,
body span a {
  color: orange;
}