Skip to content

Commit a8567c6

Browse files
thecrypticacethecrypticace
committed
wip
wip wip
1 parent ca4c371 commit a8567c6

File tree

2 files changed

+40
-27
lines changed

2 files changed

+40
-27
lines changed

‎packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap

Lines changed: 35 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@ exports[`@custom-variant 1`] = `
3131
^^^^ 1: variable.parameter.variant.tailwind
3232
^^^^^^^^^^^^^^^^^^^^^^ 15: meta.selector.tailwind
3333
^ 1: punctuation.section.variant.begin.bracket.paren.tailwind
34+
^ 1: entity.name.tag.nesting.selector.css
3435
^^^ 2: entity.other.attribute-name.pseudo-class.css
3536
^ ^ ^ 3: punctuation.definition.entity.css
3637
^ 1: punctuation.section.function.begin.bracket.round.css
@@ -48,7 +49,8 @@ exports[`@custom-variant 1`] = `
4849
^ 1: meta.at-rule.variant.body.tailwind punctuation.section.variant.begin.bracket.curly.tailwind
4950
5051
&:is(.dark, .dark *) {
51-
^^^^^^^^^^^^^^^^^^^^^^^^ 15: source.css.tailwind meta.at-rule.variant.body.tailwind
52+
^^^^^^^^^^^^^^^^^^^^^^^^ 16: source.css.tailwind meta.at-rule.variant.body.tailwind
53+
^ 1: entity.name.tag.nesting.selector.css
5254
^^^^^^^^^^^^^^^^^^^ 12: meta.selector.css
5355
^^^ 2: entity.other.attribute-name.pseudo-class.css
5456
^ ^ ^ 3: punctuation.definition.entity.css
@@ -60,8 +62,10 @@ exports[`@custom-variant 1`] = `
6062
^ 1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
6163
6264
@slot;
63-
^^^^^^^^^^ 3: source.css.tailwind meta.at-rule.variant.body.tailwind meta.property-list.css
64-
^^^^ 1: meta.property-name.css
65+
^^^^^^^^^^ 4: source.css.tailwind meta.at-rule.variant.body.tailwind meta.property-list.css
66+
^^^^^^ 3: meta.at-rule.header.css
67+
^^^^^ 2: keyword.control.at-rule.css
68+
^ 1: punctuation.definition.keyword.css
6569
^ 1: punctuation.terminator.rule.css
6670
6771
}
@@ -83,21 +87,25 @@ exports[`@custom-variant 1`] = `
8387
^^^^^^^^^^^ 1: meta.selector.css
8488
8589
&::before,
86-
^^^^^^^^^^^^ 4: source.css.tailwind meta.at-rule.variant.body.tailwind meta.selector.css
90+
^^^^^^^^^^^^ 5: source.css.tailwind meta.at-rule.variant.body.tailwind meta.selector.css
91+
^ 1: entity.name.tag.nesting.selector.css
8792
^^^^^^^^ 2: entity.other.attribute-name.pseudo-element.css
8893
^^ 1: punctuation.definition.entity.css
8994
^ 1: punctuation.separator.list.comma.css
9095
9196
&::after {
92-
^^^^^^^^^^^^ 5: source.css.tailwind meta.at-rule.variant.body.tailwind
93-
^^^^^^^^^^ 3: meta.selector.css
97+
^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.variant.body.tailwind
98+
^^^^^^^^^^ 4: meta.selector.css
99+
^ 1: entity.name.tag.nesting.selector.css
94100
^^^^^^^ 2: entity.other.attribute-name.pseudo-element.css
95101
^^ 1: punctuation.definition.entity.css
96102
^ 1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
97103
98104
@slot;
99-
^^^^^^^^^^ 3: source.css.tailwind meta.at-rule.variant.body.tailwind meta.property-list.css
100-
^^^^ 1: meta.property-name.css
105+
^^^^^^^^^^ 4: source.css.tailwind meta.at-rule.variant.body.tailwind meta.property-list.css
106+
^^^^^^ 3: meta.at-rule.header.css
107+
^^^^^ 2: keyword.control.at-rule.css
108+
^ 1: punctuation.definition.keyword.css
101109
^ 1: punctuation.terminator.rule.css
102110
103111
}
@@ -447,7 +455,7 @@ exports[`@layer 1`] = `
447455
448456
width: 12px;
449457
^^^^^^^^^^^^^^^^ 7: source.css.tailwind meta.at-rule.layer.body.tailwind meta.property-list.css
450-
^^^^^ 1: meta.property-name.css support.type.property-name.css
458+
^^^^^ 1: support.type.property-name.css
451459
^ 1: punctuation.separator.key-value.css
452460
^^^^ 2: meta.property-value.css constant.numeric.css
453461
^^ 1: keyword.other.unit.px.css
@@ -506,7 +514,7 @@ exports[`@plugin with options 1`] = `
506514
507515
color: red;
508516
^^^^^^^^^^^^^ 6: source.css.tailwind meta.property-list.css
509-
^^^^^ 1: meta.property-name.css support.type.property-name.css
517+
^^^^^ 1: support.type.property-name.css
510518
^ 1: punctuation.separator.key-value.css
511519
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
512520
^ 1: punctuation.terminator.rule.css
@@ -529,7 +537,7 @@ body {
529537
530538
color: red;
531539
^^^^^^^^^^^^^ 6: source.css.tailwind meta.property-list.css
532-
^^^^^ 1: meta.property-name.css support.type.property-name.css
540+
^^^^^ 1: support.type.property-name.css
533541
^ 1: punctuation.separator.key-value.css
534542
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
535543
^ 1: punctuation.terminator.rule.css
@@ -733,7 +741,7 @@ exports[`@theme 1`] = `
733741
734742
--color: red;
735743
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
736-
^^^^^^^ 1: meta.property-name.css
744+
^^^^^^^ 1: variable.css
737745
^ 1: punctuation.separator.key-value.css
738746
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
739747
^ 1: punctuation.terminator.rule.css
@@ -750,7 +758,7 @@ exports[`@theme 1`] = `
750758
751759
--color: red;
752760
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
753-
^^^^^^^ 1: meta.property-name.css
761+
^^^^^^^ 1: variable.css
754762
^ 1: punctuation.separator.key-value.css
755763
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
756764
^ 1: punctuation.terminator.rule.css
@@ -767,7 +775,7 @@ exports[`@theme 1`] = `
767775
768776
--color: red;
769777
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
770-
^^^^^^^ 1: meta.property-name.css
778+
^^^^^^^ 1: variable.css
771779
^ 1: punctuation.separator.key-value.css
772780
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
773781
^ 1: punctuation.terminator.rule.css
@@ -788,7 +796,7 @@ exports[`@theme 1`] = `
788796
789797
--color: red;
790798
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
791-
^^^^^^^ 1: meta.property-name.css
799+
^^^^^^^ 1: variable.css
792800
^ 1: punctuation.separator.key-value.css
793801
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
794802
^ 1: punctuation.terminator.rule.css
@@ -807,21 +815,22 @@ exports[`@theme 1`] = `
807815
808816
--spacing: initial;
809817
^^^^^^^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
810-
^^^^^^^^^ 1: meta.property-name.css
818+
^^^^^^^^^ 1: variable.css
811819
^ 1: punctuation.separator.key-value.css
812820
^^^^^^^ 1: meta.property-value.css support.constant.property-value.css
813821
^ 1: punctuation.terminator.rule.css
814822
815823
--color-*: initial;
816824
^^^^^^^^^^^^^^^^^^^^^ 7: source.css.tailwind meta.at-rule.theme.body.tailwind
817-
^^^^^^^^ 1: meta.property-name.css
825+
^^^^^^^^ 1: variable.css
826+
^ 1: entity.name.tag.wildcard.css
818827
^ 1: punctuation.separator.key-value.css
819828
^^^^^^^ 1: meta.property-value.css support.constant.property-value.css
820829
^ 1: punctuation.terminator.rule.css
821830
822831
--animate-pulse: 1s pulse infinite;
823832
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 9: source.css.tailwind meta.at-rule.theme.body.tailwind
824-
^^^^^^^^^^^^^^^ 1: meta.property-name.css
833+
^^^^^^^^^^^^^^^ 1: variable.css
825834
^ 1: punctuation.separator.key-value.css
826835
^^^^^^^^^^^^^^^^^ 4: meta.property-value.css
827836
^^ 2: constant.numeric.css
@@ -837,14 +846,15 @@ exports[`@theme 1`] = `
837846
^^^^^^^^^ ^^^^^ 2: meta.property-name.css
838847
839848
0%,
840-
^^^^^^^^ 1: source.css.tailwind meta.at-rule.theme.body.tailwind
849+
^^^^^^^ 2: source.css.tailwind meta.at-rule.theme.body.tailwind
850+
^ 1: punctuation.separator.list.comma.css
841851
842852
100% {
843853
^^^^^^^^^^^ 1: source.css.tailwind meta.at-rule.theme.body.tailwind
844854
845855
opacity: 0;
846856
^^^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.theme.body.tailwind
847-
^^^^^^^ 1: meta.property-name.css support.type.property-name.css
857+
^^^^^^^ 1: support.type.property-name.css
848858
^ 1: punctuation.separator.key-value.css
849859
^ 1: meta.property-value.css constant.numeric.css
850860
^ 1: punctuation.terminator.rule.css
@@ -859,7 +869,7 @@ exports[`@theme 1`] = `
859869
860870
opacity: 1;
861871
^^^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.property-list.css
862-
^^^^^^^ 1: meta.property-name.css support.type.property-name.css
872+
^^^^^^^ 1: support.type.property-name.css
863873
^ 1: punctuation.separator.key-value.css
864874
^ 1: meta.property-value.css constant.numeric.css
865875
^ 1: punctuation.terminator.rule.css
@@ -943,7 +953,7 @@ exports[`@variant 1`] = `
943953
944954
color: white;
945955
^^^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.variant.body.tailwind meta.property-list.css
946-
^^^^^ 1: meta.property-name.css support.type.property-name.css
956+
^^^^^ 1: support.type.property-name.css
947957
^ 1: punctuation.separator.key-value.css
948958
^^^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
949959
^ 1: punctuation.terminator.rule.css
@@ -1181,7 +1191,7 @@ exports[`legacy: @responsive 1`] = `
11811191
11821192
color: red;
11831193
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.responsive.body.tailwind meta.property-list.css
1184-
^^^^^ 1: meta.property-name.css support.type.property-name.css
1194+
^^^^^ 1: support.type.property-name.css
11851195
^ 1: punctuation.separator.key-value.css
11861196
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
11871197
^ 1: punctuation.terminator.rule.css
@@ -1212,7 +1222,7 @@ exports[`legacy: @screen 1`] = `
12121222
12131223
color: red;
12141224
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.screen.body.tailwind meta.property-list.css
1215-
^^^^^ 1: meta.property-name.css support.type.property-name.css
1225+
^^^^^ 1: support.type.property-name.css
12161226
^ 1: punctuation.separator.key-value.css
12171227
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
12181228
^ 1: punctuation.terminator.rule.css
@@ -1244,7 +1254,7 @@ exports[`legacy: @variants 1`] = `
12441254
12451255
color: red;
12461256
^^^^^^^^^^^^^^^ 6: source.css.tailwind meta.at-rule.variants.body.tailwind meta.property-list.css
1247-
^^^^^ 1: meta.property-name.css support.type.property-name.css
1257+
^^^^^ 1: support.type.property-name.css
12481258
^ 1: punctuation.separator.key-value.css
12491259
^^^ 1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
12501260
^ 1: punctuation.terminator.rule.css

‎packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
{
22
"scopeName": "tailwindcss.at-rules.injection",
33
"fileTypes": [],
4-
"injectionSelector": "L:source.css -comment -source.css.scss",
4+
"injectionSelector": [
5+
"L:source.css -comment -source.css.scss",
6+
"L:source.css.tailwind -comment -source.css.scss"
7+
],
58
"name": "TailwindCSS",
69
"patterns": [
710
{
@@ -210,7 +213,7 @@
210213
"name": "meta.at-rule.theme.body.tailwind",
211214
"patterns": [
212215
{
213-
"include": "#property-list"
216+
"include": "source.css.tailwind#nesting-at-rules"
214217
}
215218
]
216219
}

0 commit comments

Comments
 (0)