Implement support for parsing custom at rules in JS bindings#395
Merged
devongovett merged 14 commits intomasterfrom Feb 11, 2023
Merged
Implement support for parsing custom at rules in JS bindings#395devongovett merged 14 commits intomasterfrom
devongovett merged 14 commits intomasterfrom
Conversation
…css into custom-at-rule-js # Conflicts: # examples/custom_at_rule.rs # node/index.d.ts # node/src/at_rule_parser.rs # node/src/lib.rs # node/src/transformer.rs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Closes #391
This adds a new configuration option to the Lightning CSS JavaScript API which enables basic parsing of custom at-rules into a more structured AST rather than storing raw tokens. You can configure how the prelude and block should be parsed, and then use the value to transform the rule if needed. The syntax for the prelude is defined using a syntax string (as used in the
@propertyrule), and the block can be a "declaration-list", "rule-list", or "style-block" as defined in the css spec.In this example,
@breakpointsaccepts a rule list as a body, and@testaccepts a style block, i.e. either a declaration list (in nested style rules) or a rule list.@testalso expects a comma separated list of identifiers as a prelude.To do