add failing svelte syntax test case

tailwindlabs · Apr 26, 2021 · 8c1df0f · 8c1df0f
1 parent 9b1e843
commit 8c1df0f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/jit/tests/svelte-syntax.test.css b/jit/tests/svelte-syntax.test.css
@@ -7,6 +7,10 @@
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
 }
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
 @media (min-width: 1024px) {
   .lg\:hover\:bg-blue-500:hover {
     --tw-bg-opacity: 1;

diff --git a/jit/tests/svelte-syntax.test.svelte b/jit/tests/svelte-syntax.test.svelte
@@ -3,3 +3,9 @@
 </script>
 
 <button class:lg:hover:bg-blue-500={current === 'foo'}>Click me</button>
+
+<button
+  class:bg-red-500={current === 'foo'}
+>
+  Click me
+</button>