diff --git a/Tailwind CSS.sublime-syntax b/Tailwind CSS.sublime-syntax index 11c6e17..0732d05 100644 --- a/Tailwind CSS.sublime-syntax +++ b/Tailwind CSS.sublime-syntax @@ -24,6 +24,7 @@ contexts: rule-list-body: - meta_prepend: true - include: tailwind-at-apply + - include: postcss-nested-selectors ###[ TAILWIND INLINE AT RULES ]################################################ @@ -109,3 +110,18 @@ contexts: - include: at-rule-end - match: '{{ident}}' scope: entity.other.variant-name.css.tailwind + +###[ POSTCSS NESTED SELECTORS ]################################################ + + postcss-nested-selectors: + - match: \& + scope: keyword.operator.selector.css + push: + - postcss-nested-property-list + - selector-content + + postcss-nested-property-list: + - match: \{ + scope: punctuation.section.block.begin.css + set: property-list-content + - include: else-pop diff --git a/tests/syntax_test.tailwind.css b/tests/syntax_test.tailwind.css index a753c24..f02471b 100644 --- a/tests/syntax_test.tailwind.css +++ b/tests/syntax_test.tailwind.css @@ -83,6 +83,16 @@ .bg { @apply font-bold py-2 px-4 rounded !important; /* ^^^^^^ meta.at-rule.apply.css.tailwind keyword.control.directive.apply.css.tailwind */ + + & tr:hover { +/* ^^^^^^^^^^ meta.at-rule.screen.css.tailwind meta.block.css meta.property-list.css meta.block.css meta.selector.css */ +/* ^ meta.at-rule.screen.css.tailwind meta.block.css meta.property-list.css meta.block.css - meta.selector - meta.property-list meta.property-list */ +/* ^^ meta.at-rule.screen.css.tailwind meta.block.css meta.property-list.css meta.block.css meta.property-list.css meta.block.css */ + + @apply font-bold py-2 px-4 rounded !important; +/* ^^^^^^ meta.at-rule.apply.css.tailwind keyword.control.directive.apply.css.tailwind */ + } +/* ^ punctuation.section.block.end.css */ } /* ^ punctuation.section.block.end.css */ }