Add .aspect-none

tailwindlabs · Nov 6, 2020 · 73b57ef · 73b57ef
1 parent 4645e7b
commit 73b57ef
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/index.js b/src/index.js
@@ -23,8 +23,6 @@ const aspectRatio = plugin(
             position: 'relative',
             paddingBottom: `calc(var(--aspect-h) / var(--aspect-w) * 100%)`,
           },
-        },
-        {
           [childSelectors]: {
             position: 'absolute',
             height: '100%',
@@ -34,6 +32,19 @@ const aspectRatio = plugin(
             bottom: '0',
             left: '0',
           },
+          '.aspect-none': {
+            position: 'static',
+            paddingBottom: '0',
+          },
+          '.aspect-none > *': {
+            position: 'static',
+            height: 'auto',
+            width: 'auto',
+            top: 'auto',
+            right: 'auto',
+            bottom: 'auto',
+            left: 'auto',
+          },
         },
         Object.entries(values).map(([key, value]) => {
           return {