Merge pull request #38 from willrowe/hotfix/css-syntax

Fix the CSS syntax
Sublime-Instincts · Oct 18, 2024 · 2c3c11c · 2c3c11c
2 parents 506db5f + c4bfa93
commit 2c3c11c
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/resources/syntax/CSS (Twig).sublime-syntax b/resources/syntax/CSS (Twig).sublime-syntax
@@ -16,6 +16,24 @@ contexts:
  - include: Twig.sublime-syntax#twig_embedded
  - include: Twig.sublime-syntax#comment
 
+ main:
+ - meta_prepend: true
+ - meta_include_prototype: false
+ - include: Twig.sublime-syntax#twig_embedded
+ - include: Twig.sublime-syntax#comment
+
+ block-end:
+ - meta_append: true
+ - include: Twig.sublime-syntax#twig_embedded
+ - include: Twig.sublime-syntax#comment
+
+ at-rule-block-body:
+ # required until ST4173
+ - meta_prepend: true
+ - meta_include_prototype: false
+ - include: Twig.sublime-syntax#twig_embedded
+ - include: Twig.sublime-syntax#comment
+
  string-content:
  - meta_prepend: true
  - include: Twig.sublime-syntax#twig_embedded
diff --git a/resources/syntax/tests/syntax_test_css.css.twig b/resources/syntax/tests/syntax_test_css.css.twig
@@ -0,0 +1,22 @@
+/* SYNTAX TEST "Packages/Twig/resources/syntax/CSS (Twig).sublime-syntax" */
+
+/* Expression */
+ div {
+/* ^^^ meta.selector.css */
+/* ^ punctuation.section.block.begin.css */
+ color: {{ blue|escape }} {# a comment #};
+/* ^^^^^^^^^^^^^^^^^ meta.expression.twig */
+/* ^^^^^^^^^^^^^^^^^ - meta.property-list.css */
+/* ^^^^^^^^^^^^^^^^^ - meta.property-value.css */
+/* ^^^^^^^^^^^^^^^ comment.block.twig */
+ }
+/* ^ punctuation.section.block.end.css */
+
+/* Statement */
+ div {
+ {% block style %}{% endblock %}
+/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.statement.twig */
+
+ font-size: 24px;
+/* ^^^^^^^^^ meta.property-name.css */
+ }