Prefix custom properties with tw-

tailwindlabs · Nov 17, 2020 · 6802588 · 6802588
1 parent 987bb20
commit 6802588
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/index.js b/src/index.js
@@ -21,7 +21,7 @@ const aspectRatio = plugin(
         {
           [baseSelectors]: {
             position: 'relative',
-            paddingBottom: `calc(var(--aspect-h) / var(--aspect-w) * 100%)`,
+            paddingBottom: `calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)`,
           },
           [childSelectors]: {
             position: 'absolute',
@@ -49,14 +49,14 @@ const aspectRatio = plugin(
         Object.entries(values).map(([key, value]) => {
           return {
             [`.${e(`aspect-w-${key}`)}`]: {
-              '--aspect-w': value,
+              '--tw-aspect-w': value,
             },
           }
         }),
         Object.entries(values).map(([key, value]) => {
           return {
             [`.${e(`aspect-h-${key}`)}`]: {
-              '--aspect-h': value,
+              '--tw-aspect-h': value,
             },
           }
         }),