Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is an easy solution for #16. Any selector prefixed with
$
is passed through to the generated CSS unchanged, and omitted in the resulting JS object.This allows for comma-separated lists of selectors as well, such as
{ '$html, body, .button': {} }
, which is pretty useful when defining global stylesheets.An alternative solution would be to allow comma separated selectors everywhere, and requiring the prefixing of every selector individually (
{ foo: {}, bar: {}, '$html, $body, $.button, foo, bar': {} }
), but that would be a bigger change. Would love to hear thoughts on this.