diff --git a/Tailwind CSS.sublime-syntax b/Tailwind CSS.sublime-syntax index 0128438..5336426 100644 --- a/Tailwind CSS.sublime-syntax +++ b/Tailwind CSS.sublime-syntax @@ -21,6 +21,8 @@ contexts: - include: tailwind-at-tailwind - include: tailwind-at-variants - include: tailwind-at-screen + - include: tailwind-at-plugin + - include: tailwind-at-source ###[ TAILWIND INLINE AT RULES ]################################################ @@ -56,6 +58,28 @@ contexts: - include: url-functions - include: at-rule-end + tailwind-at-plugin: + - match: (@)plugin{{break}} + captures: + 0: keyword.control.directive.css.tailwind + 1: punctuation.definition.keyword.css.tailwind + push: + - tailwind-at-plugin-meta + - maybe-stylesheet-block + - tailwind-at-plugin-path + + tailwind-at-plugin-meta: + - meta_include_prototype: false + - meta_scope: meta.at-rule.plugin.css.tailwind + - include: immediately-pop + + tailwind-at-plugin-path: + - meta_include_prototype: false + - include: quoted-strings + - include: url-functions + - include: comments + - include: else-pop + tailwind-at-responsive: - match: (@)responsive{{break}} captures: @@ -93,6 +117,27 @@ contexts: - include: comments - include: else-pop + tailwind-at-source: + - match: (@)source{{break}} + captures: + 0: keyword.control.directive.css.tailwind + 1: punctuation.definition.keyword.css.tailwind + push: + - tailwind-at-source-meta + - tailwind-at-source-path + + tailwind-at-source-meta: + - meta_include_prototype: false + - meta_scope: meta.at-rule.source.css.tailwind + - include: immediately-pop + + tailwind-at-source-path: + - meta_include_prototype: false + - include: quoted-strings + - include: url-functions + - include: comments + - include: else-pop + tailwind-at-tailwind: - match: (@)tailwind{{break}} captures: diff --git a/tests/syntax_test.tailwind.css b/tests/syntax_test.tailwind.css index 22eda3a..a13bac0 100644 --- a/tests/syntax_test.tailwind.css +++ b/tests/syntax_test.tailwind.css @@ -21,6 +21,48 @@ /*^^^^^ keyword.control.directive.css */ /* ^^^^^^^^^^^^^^^^^^^^^^ string.quoted.double.css */ +@plugin "daisyui"; +/*^^^^^^^^^^^^^^^ meta.at-rule.plugin.css.tailwind */ +/*^^^^^ keyword.control.directive.css.tailwind */ +/* ^^^^^^^^^ meta.string.css string.quoted.double.css */ +/* ^ punctuation.definition.string.begin.css */ +/* ^ punctuation.definition.string.end.css */ +/* ^ punctuation.terminator.rule.css */ + +@plugin "daisyui/theme" { +/*^^^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.plugin.css.tailwind */ +/*^^^^^ keyword.control.directive.css.tailwind */ +/* ^^^^^^^^^^^^^^^ meta.string.css string.quoted.double.css */ +/* ^ punctuation.definition.string.begin.css */ +/* ^ punctuation.definition.string.end.css */ +/* ^ meta.block.css punctuation.section.block.begin.css */ + name: "light"; +/*^^^^^^^^^^^^^^ meta.at-rule.plugin.css.tailwind meta.block.css */ +/*^^^^ meta.property-name.css support.type.property-name.css */ +/* ^ punctuation.separator.key-value.css */ +/* ^^^^^^^^ meta.property-value.css */ +/* ^^^^^^^ meta.string.css string.quoted.double.css */ +/* ^ punctuation.definition.string.begin.css */ +/* ^ punctuation.definition.string.end.css */ +/* ^ punctuation.terminator.rule.css */ + --color-primary: red; +/*^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.plugin.css.tailwind meta.block.css */ +/*^^^^^^^^^^^^^^^ meta.property-name.css entity.other.custom-property.css */ +/* ^ punctuation.separator.key-value.css */ +/* ^^^^ meta.property-value.css */ +/* ^^^ support.constant.color.w3c.standard.css */ +/* ^ punctuation.terminator.rule.css */ +} +/* <- meta.at-rule.plugin.css.tailwind meta.block.css punctuation.section.block.end.css */ + +@source "./app/views/**/*.rb"; +/*^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.source.css.tailwind */ +/*^^^^^ keyword.control.directive.css.tailwind */ +/* ^^^^^^^^^^^^^^^^^^^^^ meta.string.css string.quoted.double.css */ +/* ^ punctuation.definition.string.begin.css */ +/* ^ punctuation.definition.string.end.css */ +/* ^ punctuation.terminator.rule.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 */