diff --git a/Tailwind CSS.sublime-syntax b/Tailwind CSS.sublime-syntax index 0732d05..69255a9 100644 --- a/Tailwind CSS.sublime-syntax +++ b/Tailwind CSS.sublime-syntax @@ -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 @@ -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: diff --git a/messages/install.txt b/messages/install.txt index d2bad76..36b692d 100644 --- a/messages/install.txt +++ b/messages/install.txt @@ -1,5 +1,6 @@ The CSS syntax extension with support for Tailwind CSS. +- @config - @tailwind - @apply - @layer diff --git a/tests/syntax_test.tailwind.css b/tests/syntax_test.tailwind.css index f02471b..b2748c4 100644 --- a/tests/syntax_test.tailwind.css +++ b/tests/syntax_test.tailwind.css @@ -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 */