Allow users to customize default variant placement #657
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 PR makes it possible for users to customize where the
default
(unaltered) variant for a utility is placed in the final CSS relative to other variants generated for that utility.This is done by explicitly specifying
default
in the variant list if you want the default variant to be placed anywhere other than first in the list.For example, this CSS:
...will generate this output:
If the
default
variant is not specified in the list, the default variant will be invisibly prepended to the variants list, ensuring that the default variant is always rendered first.This feature is useful in situations where you want to create a custom variant that should still be overridable by a default variant when necessary, like outlined by @benface here:
#496 (comment)