Fixed: snippets work in css scope and remove dot in front of classes

james2doyle · Apr 15, 2021 · 420cfbe · 420cfbe
1 parent a84e7c8
commit 420cfbe
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 12 deletions.
diff --git a/at-apply.sublime-snippet b/at-apply.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
   <content><![CDATA[
-@apply .${1:uppercase}${0};
+@apply ${1:uppercase}${0};
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
   <tabTrigger>apply</tabTrigger>
   <description>tailwindcss: @apply snippet</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>
diff --git a/at-responsive.sublime-snippet b/at-responsive.sublime-snippet
@@ -1,14 +1,14 @@
 <snippet>
   <content><![CDATA[
 @responsive {
-  .${1:classname} {
-    ${2:@apply .${3:bg-white}};${0}
+  ${1:classname} {
+    ${2:@apply ${3:bg-white}};${0}
   }
 }
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
   <tabTrigger>responsive</tabTrigger>
   <description>@responsive snippet for tailwindcss</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>
diff --git a/at-screen.sublime-snippet b/at-screen.sublime-snippet
@@ -1,12 +1,12 @@
 <snippet>
   <content><![CDATA[
 @screen ${1:md} {
-  ${2:@apply .${3:bg-white}};${0}
+  ${2:@apply ${3:bg-white}};${0}
 }
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
   <tabTrigger>screen</tabTrigger>
   <description>tailwindcss: @screen snippet</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>
diff --git a/at-tailwind.sublime-snippet b/at-tailwind.sublime-snippet
@@ -6,5 +6,5 @@
   <tabTrigger>tailwind</tabTrigger>
   <description>tailwindcss: @tailwind snippet</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>
diff --git a/at-variants.sublime-snippet b/at-variants.sublime-snippet
@@ -1,14 +1,14 @@
 <snippet>
   <content><![CDATA[
 @variants ${1:focus, hover} {
-  .${2:classname} {
-    ${3:@apply .${4:bg-white}};${0}
+  ${2:classname} {
+    ${3:@apply ${4:bg-white}};${0}
   }
 }
 ]]></content>
   <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
   <tabTrigger>variants</tabTrigger>
   <description>tailwindcss: @variants snippet</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>
diff --git a/theme-function.sublime-snippet b/theme-function.sublime-snippet
@@ -6,5 +6,5 @@ theme('${1:spacing.12}');${0}
   <tabTrigger>theme</tabTrigger>
   <description>tailwindcss: theme function snippet</description>
   <!-- Optional: Set a scope to limit where the snippet will trigger -->
-  <scope>source.pcss, source.postcss</scope>
+  <scope>source.pcss, source.postcss, source.css</scope>
 </snippet>