Skip to content

Add support for CSS Nesting #524

@jonaskohl

Description

@jonaskohl

Current browsers support the CSS Nesting Module (see spec). This package currently does not support it.

Given the input

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

the current output is

.nesting {
        color: hotpink;
        color: rebeccapurple;
        color: deeppink;
}

whereas it should remain unchanged or at least be transformed to something like this:

.nesting {
  color: hotpink;
}

.nesting > .is {
  color: rebeccapurple;
}

.nesting > .is > .awesome {
  color: deeppink;
}

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions