@svelte-thing/tailwind-radix-colors 0.0.0 → 0.0.1

package/dist/black-alpha.css

@@ -39,52 +39,19 @@
   --black-a12: var(--black-a12-light-p3, var(--black-a12-light));
 }
 
-@utility bg-black-a1 {
-  background-color: var(--black-a1);
-}
-
-@utility text-black-a1 {
-  color: var(--black-a1);
-}
-
-@utility border-black-a1 {
-  border-color: var(--black-a1);
-}
-
-@utility divide-black-a1 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a1);
-  }
-}
-
-@utility ring-black-a1 {
-  --tw-ring-color: var(--black-a1);
-}
-
-@utility stroke-black-a1 {
-  stroke: var(--black-a1);
-}
-
-@utility fill-black-a1 {
-  fill: var(--black-a1);
-}
-
-@utility placeholder-black-a1 {
-  &::placeholder {
-    color: var(--black-a1);
-  }
-}
-
-@utility caret-black-a1 {
-  caret-color: var(--black-a1);
-}
-
-@utility outline-black-a1 {
-  outline-color: var(--black-a1);
-}
-
-@utility decoration-black-a1 {
-  text-decoration-color: var(--black-a1);
+@theme inline {
+  --color-black-a1: var(--black-a1);
+  --color-black-a2: var(--black-a2);
+  --color-black-a3: var(--black-a3);
+  --color-black-a4: var(--black-a4);
+  --color-black-a5: var(--black-a5);
+  --color-black-a6: var(--black-a6);
+  --color-black-a7: var(--black-a7);
+  --color-black-a8: var(--black-a8);
+  --color-black-a9: var(--black-a9);
+  --color-black-a10: var(--black-a10);
+  --color-black-a11: var(--black-a11);
+  --color-black-a12: var(--black-a12);
 }
 
 @utility brand-black-alpha {
@@ -116,531 +83,3 @@
   --neutral-a11: var(--black-a11);
   --neutral-a12: var(--black-a12);
 }
-
-@utility bg-black-a2 {
-  background-color: var(--black-a2);
-}
-
-@utility text-black-a2 {
-  color: var(--black-a2);
-}
-
-@utility border-black-a2 {
-  border-color: var(--black-a2);
-}
-
-@utility divide-black-a2 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a2);
-  }
-}
-
-@utility ring-black-a2 {
-  --tw-ring-color: var(--black-a2);
-}
-
-@utility stroke-black-a2 {
-  stroke: var(--black-a2);
-}
-
-@utility fill-black-a2 {
-  fill: var(--black-a2);
-}
-
-@utility placeholder-black-a2 {
-  &::placeholder {
-    color: var(--black-a2);
-  }
-}
-
-@utility caret-black-a2 {
-  caret-color: var(--black-a2);
-}
-
-@utility outline-black-a2 {
-  outline-color: var(--black-a2);
-}
-
-@utility decoration-black-a2 {
-  text-decoration-color: var(--black-a2);
-}
-
-@utility bg-black-a3 {
-  background-color: var(--black-a3);
-}
-
-@utility text-black-a3 {
-  color: var(--black-a3);
-}
-
-@utility border-black-a3 {
-  border-color: var(--black-a3);
-}
-
-@utility divide-black-a3 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a3);
-  }
-}
-
-@utility ring-black-a3 {
-  --tw-ring-color: var(--black-a3);
-}
-
-@utility stroke-black-a3 {
-  stroke: var(--black-a3);
-}
-
-@utility fill-black-a3 {
-  fill: var(--black-a3);
-}
-
-@utility placeholder-black-a3 {
-  &::placeholder {
-    color: var(--black-a3);
-  }
-}
-
-@utility caret-black-a3 {
-  caret-color: var(--black-a3);
-}
-
-@utility outline-black-a3 {
-  outline-color: var(--black-a3);
-}
-
-@utility decoration-black-a3 {
-  text-decoration-color: var(--black-a3);
-}
-
-@utility bg-black-a4 {
-  background-color: var(--black-a4);
-}
-
-@utility text-black-a4 {
-  color: var(--black-a4);
-}
-
-@utility border-black-a4 {
-  border-color: var(--black-a4);
-}
-
-@utility divide-black-a4 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a4);
-  }
-}
-
-@utility ring-black-a4 {
-  --tw-ring-color: var(--black-a4);
-}
-
-@utility stroke-black-a4 {
-  stroke: var(--black-a4);
-}
-
-@utility fill-black-a4 {
-  fill: var(--black-a4);
-}
-
-@utility placeholder-black-a4 {
-  &::placeholder {
-    color: var(--black-a4);
-  }
-}
-
-@utility caret-black-a4 {
-  caret-color: var(--black-a4);
-}
-
-@utility outline-black-a4 {
-  outline-color: var(--black-a4);
-}
-
-@utility decoration-black-a4 {
-  text-decoration-color: var(--black-a4);
-}
-
-@utility bg-black-a5 {
-  background-color: var(--black-a5);
-}
-
-@utility text-black-a5 {
-  color: var(--black-a5);
-}
-
-@utility border-black-a5 {
-  border-color: var(--black-a5);
-}
-
-@utility divide-black-a5 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a5);
-  }
-}
-
-@utility ring-black-a5 {
-  --tw-ring-color: var(--black-a5);
-}
-
-@utility stroke-black-a5 {
-  stroke: var(--black-a5);
-}
-
-@utility fill-black-a5 {
-  fill: var(--black-a5);
-}
-
-@utility placeholder-black-a5 {
-  &::placeholder {
-    color: var(--black-a5);
-  }
-}
-
-@utility caret-black-a5 {
-  caret-color: var(--black-a5);
-}
-
-@utility outline-black-a5 {
-  outline-color: var(--black-a5);
-}
-
-@utility decoration-black-a5 {
-  text-decoration-color: var(--black-a5);
-}
-
-@utility bg-black-a6 {
-  background-color: var(--black-a6);
-}
-
-@utility text-black-a6 {
-  color: var(--black-a6);
-}
-
-@utility border-black-a6 {
-  border-color: var(--black-a6);
-}
-
-@utility divide-black-a6 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a6);
-  }
-}
-
-@utility ring-black-a6 {
-  --tw-ring-color: var(--black-a6);
-}
-
-@utility stroke-black-a6 {
-  stroke: var(--black-a6);
-}
-
-@utility fill-black-a6 {
-  fill: var(--black-a6);
-}
-
-@utility placeholder-black-a6 {
-  &::placeholder {
-    color: var(--black-a6);
-  }
-}
-
-@utility caret-black-a6 {
-  caret-color: var(--black-a6);
-}
-
-@utility outline-black-a6 {
-  outline-color: var(--black-a6);
-}
-
-@utility decoration-black-a6 {
-  text-decoration-color: var(--black-a6);
-}
-
-@utility bg-black-a7 {
-  background-color: var(--black-a7);
-}
-
-@utility text-black-a7 {
-  color: var(--black-a7);
-}
-
-@utility border-black-a7 {
-  border-color: var(--black-a7);
-}
-
-@utility divide-black-a7 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a7);
-  }
-}
-
-@utility ring-black-a7 {
-  --tw-ring-color: var(--black-a7);
-}
-
-@utility stroke-black-a7 {
-  stroke: var(--black-a7);
-}
-
-@utility fill-black-a7 {
-  fill: var(--black-a7);
-}
-
-@utility placeholder-black-a7 {
-  &::placeholder {
-    color: var(--black-a7);
-  }
-}
-
-@utility caret-black-a7 {
-  caret-color: var(--black-a7);
-}
-
-@utility outline-black-a7 {
-  outline-color: var(--black-a7);
-}
-
-@utility decoration-black-a7 {
-  text-decoration-color: var(--black-a7);
-}
-
-@utility bg-black-a8 {
-  background-color: var(--black-a8);
-}
-
-@utility text-black-a8 {
-  color: var(--black-a8);
-}
-
-@utility border-black-a8 {
-  border-color: var(--black-a8);
-}
-
-@utility divide-black-a8 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a8);
-  }
-}
-
-@utility ring-black-a8 {
-  --tw-ring-color: var(--black-a8);
-}
-
-@utility stroke-black-a8 {
-  stroke: var(--black-a8);
-}
-
-@utility fill-black-a8 {
-  fill: var(--black-a8);
-}
-
-@utility placeholder-black-a8 {
-  &::placeholder {
-    color: var(--black-a8);
-  }
-}
-
-@utility caret-black-a8 {
-  caret-color: var(--black-a8);
-}
-
-@utility outline-black-a8 {
-  outline-color: var(--black-a8);
-}
-
-@utility decoration-black-a8 {
-  text-decoration-color: var(--black-a8);
-}
-
-@utility bg-black-a9 {
-  background-color: var(--black-a9);
-}
-
-@utility text-black-a9 {
-  color: var(--black-a9);
-}
-
-@utility border-black-a9 {
-  border-color: var(--black-a9);
-}
-
-@utility divide-black-a9 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a9);
-  }
-}
-
-@utility ring-black-a9 {
-  --tw-ring-color: var(--black-a9);
-}
-
-@utility stroke-black-a9 {
-  stroke: var(--black-a9);
-}
-
-@utility fill-black-a9 {
-  fill: var(--black-a9);
-}
-
-@utility placeholder-black-a9 {
-  &::placeholder {
-    color: var(--black-a9);
-  }
-}
-
-@utility caret-black-a9 {
-  caret-color: var(--black-a9);
-}
-
-@utility outline-black-a9 {
-  outline-color: var(--black-a9);
-}
-
-@utility decoration-black-a9 {
-  text-decoration-color: var(--black-a9);
-}
-
-@utility bg-black-a10 {
-  background-color: var(--black-a10);
-}
-
-@utility text-black-a10 {
-  color: var(--black-a10);
-}
-
-@utility border-black-a10 {
-  border-color: var(--black-a10);
-}
-
-@utility divide-black-a10 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a10);
-  }
-}
-
-@utility ring-black-a10 {
-  --tw-ring-color: var(--black-a10);
-}
-
-@utility stroke-black-a10 {
-  stroke: var(--black-a10);
-}
-
-@utility fill-black-a10 {
-  fill: var(--black-a10);
-}
-
-@utility placeholder-black-a10 {
-  &::placeholder {
-    color: var(--black-a10);
-  }
-}
-
-@utility caret-black-a10 {
-  caret-color: var(--black-a10);
-}
-
-@utility outline-black-a10 {
-  outline-color: var(--black-a10);
-}
-
-@utility decoration-black-a10 {
-  text-decoration-color: var(--black-a10);
-}
-
-@utility bg-black-a11 {
-  background-color: var(--black-a11);
-}
-
-@utility text-black-a11 {
-  color: var(--black-a11);
-}
-
-@utility border-black-a11 {
-  border-color: var(--black-a11);
-}
-
-@utility divide-black-a11 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a11);
-  }
-}
-
-@utility ring-black-a11 {
-  --tw-ring-color: var(--black-a11);
-}
-
-@utility stroke-black-a11 {
-  stroke: var(--black-a11);
-}
-
-@utility fill-black-a11 {
-  fill: var(--black-a11);
-}
-
-@utility placeholder-black-a11 {
-  &::placeholder {
-    color: var(--black-a11);
-  }
-}
-
-@utility caret-black-a11 {
-  caret-color: var(--black-a11);
-}
-
-@utility outline-black-a11 {
-  outline-color: var(--black-a11);
-}
-
-@utility decoration-black-a11 {
-  text-decoration-color: var(--black-a11);
-}
-
-@utility bg-black-a12 {
-  background-color: var(--black-a12);
-}
-
-@utility text-black-a12 {
-  color: var(--black-a12);
-}
-
-@utility border-black-a12 {
-  border-color: var(--black-a12);
-}
-
-@utility divide-black-a12 {
-  :where(& > :not(:last-child)) {
-    border-color: var(--black-a12);
-  }
-}
-
-@utility ring-black-a12 {
-  --tw-ring-color: var(--black-a12);
-}
-
-@utility stroke-black-a12 {
-  stroke: var(--black-a12);
-}
-
-@utility fill-black-a12 {
-  fill: var(--black-a12);
-}
-
-@utility placeholder-black-a12 {
-  &::placeholder {
-    color: var(--black-a12);
-  }
-}
-
-@utility caret-black-a12 {
-  caret-color: var(--black-a12);
-}
-
-@utility outline-black-a12 {
-  outline-color: var(--black-a12);
-}
-
-@utility decoration-black-a12 {
-  text-decoration-color: var(--black-a12);
-}