Setting styles with @layer doesn’t work

[knowler]

This works fine:

<style>
@layer elements, page;
</style>

This doesn’t work:

<style>
@layer elements {
  :host {
    /* some styles */
  }
}
</style>

I get this error message: undefined:4:9: missing '}'

If I change the selector inside of the @layer to be something else (like an element):

<style>
@layer elements {
  label {
    /* some styles */
  }
}
</style>

I get this error message: undefined:4:14: property missing ':'

[ryanblock]

Looks like this issue can probably be traced back to this issue in css: reworkcss/css#165

[ryanbethel]

@knowler Thanks for reporting the bug. Like @ryanblock mentioned this is caused by the css parser we use. We are discussing how best to fix it.