Merge branch 'st4149'

Author: deathaxe

Symbol List - Utility.tmPreferences

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>scope</key>
+	<string>entity.other.utility-name.css.tailwind</string>
+	<key>settings</key>
+	<dict>
+		<key>showInSymbolList</key>
+		<string>1</string>
+		<key>showInIndexedSymbolList</key>
+		<integer>1</integer>
+	</dict>
+</dict>
+</plist>

Symbol List - Variants.tmPreferences

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>scope</key>
+	<string>entity.other.variant-name.css.tailwind</string>
+	<key>settings</key>
+	<dict>
+		<key>showInSymbolList</key>
+		<string>1</string>
+	</dict>
+</dict>
+</plist>

Tailwind CSS.sublime-syntax

@@ -17,12 +17,13 @@ contexts:
     - meta_prepend: true
     - include: tailwind-at-apply
     - include: tailwind-at-config
+    - include: tailwind-at-plugin
     - include: tailwind-at-responsive
-    - include: tailwind-at-tailwind
-    - include: tailwind-at-variants
     - include: tailwind-at-screen
-    - include: tailwind-at-plugin
     - include: tailwind-at-source
+    - include: tailwind-at-tailwind
+    - include: tailwind-at-utility
+    - include: tailwind-at-variants
 
 ###[ TAILWIND INLINE AT RULES ]################################################
 
@@ -44,6 +45,32 @@ contexts:
 
 ###[ TAILWIND TOPLEVEL AT RULES ]##############################################
 
+  tailwind-at-utility:
+    - match: (@)utility{{break}}
+      captures:
+        0: keyword.control.directive.css.tailwind
+        1: punctuation.definition.keyword.css.tailwind
+      push:
+        - tailwind-at-utility-meta
+        - maybe-stylesheet-block
+        - tailwind-at-utility-name
+
+  tailwind-at-utility-meta:
+    - meta_include_prototype: false
+    - meta_scope: meta.at-rule.utility.css.tailwind
+    - include: immediately-pop
+
+  tailwind-at-utility-name:
+    - meta_include_prototype: false
+    - match: '{{ident_begin}}'
+      set: tailwind-at-utility-name-content
+    - include: comments
+    - include: else-pop
+
+  tailwind-at-utility-name-content:
+    - meta_scope: entity.other.utility-name.css.tailwind
+    - include: identifier-content
+
   # @config "./tailwind.config.js"
   tailwind-at-config:
     - match: (@)(?i:config){{break}}

tests/syntax_test.tailwind.css

@@ -151,6 +151,21 @@
 /*  ^ punctuation.section.block.end.css */
 }
 
+@utility utility {
+/*^^^^^^^^^^^^^^^^ meta.at-rule.utility.css.tailwind */
+/*^^^^^^ keyword.control.directive.css.tailwind */
+/*       ^^^^^^^ entity.other.utility-name.css.tailwind */
+/*               ^ meta.block.css punctuation.section.block.begin.css */
+    @apply mb-4 font-extrabold;
+/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.utility.css.tailwind meta.block.css */
+/*  ^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.at-rule.apply.css.tailwind */
+/*  ^^^^^^ keyword.control.directive.apply.css.tailwind */
+/*  ^ punctuation.definition.keyword.css.tailwind */
+/*         ^^^^^^^^^^^^^^^^^^^ entity.other.attribute-name.class.css */
+/*                            ^ punctuation.terminator.rule.css */
+}
+/* <- meta.at-rule.utility.css.tailwind meta.block.css punctuation.section.block.end.css */
+
 @variants variant {
 /* <- meta.at-rule.variants.css.tailwind keyword.control.directive.css.tailwind punctuation.definition.keyword.css.tailwind */
 /*^^^^^^^^^^^^^^^^ meta.at-rule.variants.css.tailwind - meta.block */