Skip to content

Commit

Permalink
Add @config at-rule
Browse files Browse the repository at this point in the history
This commit adds support for @config introduced with Tailwind 3.2

see: tailwindlabs/tailwindcss#9405
  • Loading branch information
deathaxe committed Oct 22, 2022
1 parent 5d6b429 commit eb95b02
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 0 deletions.
15 changes: 15 additions & 0 deletions Tailwind CSS.sublime-syntax
Expand Up @@ -15,6 +15,7 @@ contexts:

at-other:
- meta_prepend: true
- include: tailwind-at-config
- include: tailwind-at-layer
- include: tailwind-at-responsive
- include: tailwind-at-tailwind
Expand Down Expand Up @@ -44,6 +45,20 @@ contexts:

###[ TAILWIND TOPLEVEL AT RULES ]##############################################

# @config "./tailwind.config.js"
tailwind-at-config:
- match: (@)(?i:config){{break}}
captures:
0: keyword.control.directive.css
1: punctuation.definition.keyword.css
push: tailwind-at-config-content

tailwind-at-config-content:
- meta_scope: meta.at-rule.config.css.tailwind
- include: quoted-strings
- include: url-functions
- include: at-rule-end

tailwind-at-layer:
- match: (@)layer{{break}}
captures:
Expand Down
6 changes: 6 additions & 0 deletions tests/syntax_test.tailwind.css
Expand Up @@ -15,6 +15,12 @@

/* Tailwind CSS */

@config "./tailwind.config.js";
/* <- meta.at-rule.config.css.tailwind keyword.control.directive.css punctuation.definition.keyword.css */
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.config.css.tailwind */
/*^^^^^ keyword.control.directive.css */
/* ^^^^^^^^^^^^^^^^^^^^^^ string.quoted.double.css */

@tailwind base;
/* <- meta.at-rule.tailwind.css.tailwind keyword.control.directive.css.tailwind punctuation.definition.keyword.css.tailwind */
/*^^^^^^^^^^^^ meta.at-rule.tailwind.css.tailwind */
Expand Down

0 comments on commit eb95b02

Please sign in to comment.