diff --git a/src/index.js b/src/index.js index 22404f0..611315e 100644 --- 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 {