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 */
+   }