Merge pull request #4 from calmyournerves/support-css-class-characters

Add support for `:` and `/` in css class names

Author: kolen

grammar.js

@@ -193,8 +193,9 @@ module.exports = grammar({
     _element_rest_text: $ => token(prec(-3, /[^ \t][^\n]*/)),
 
     // From css grammar https://github.com/tree-sitter/tree-sitter-css/blob/master/grammar.js
-    // Originally: /\A(#{keys}+)((?:\p{Word}|-|\/\d+|:(\w|-)+)*)/
-    css_identifier: $ => /(--|-?[a-zA-Z_])[a-zA-Z0-9-_]*/,
+    // Originally from Slim: /\A(#{keys}+)((?:\p{Word}|-|\/\d+|:(\w|-)+)*)/
+    // With added support for `:` and `/`
+    css_identifier: $ => /(--|-?[a-zA-Z_])[a-zA-Z0-9-_:\/]*/,
 
     // From doc, mostly unclear, which means which
     doctype: $ => seq(

src/grammar.json

@@ -28,6 +28,25 @@ span.menu.active
       (attr_shortcut_class
         (css_identifier)))))
 
+================================
+Tag and css classes with : and /
+================================
+
+span.hidden.lg:block.w-1/2
+
+---
+
+(source_file
+  (element
+    (tag_name)
+    (attr_shortcuts
+      (attr_shortcut_class
+        (css_identifier))
+      (attr_shortcut_class
+        (css_identifier))
+      (attr_shortcut_class
+        (css_identifier)))))
+
 ===============================
 Tag with traling space modifier
 ===============================