Bug with brackets ( } { ) in content

[BTMPL]

Using } in a content property breaks the parsing:

.someSelector:after { content: '} broken :) @media (screen) { lol }'; }

[kemaldaggen]

Hey BTMPL, thanks for reporting the issue. Since we are parsing CSS with a regex, this is expected behavior given the nature of solution. I will look into this problem that haunts this project for a long time.

[pygy]

This can be generalized to all strings, basically. I don't think you can solve this, short of using a traditional lexer/parser. The current approach won't cut it.

Likewise for nested media queries:

@media foo {
  @media bar {
    .someSelector 
    { 
      margin:40px 10px; 
      padding:5px;
    }
  }
}

becomes

[
  {
    "selector": "@media foo",
    "type": "media",
    "subStyles": [
      {
        "selector": "@media bar",
        "type": "media",
        "subStyles": []
      }
    ]
  }
]

Nesting can be arbitrarily deep.