@tailwindcss/aspect-ratio
Advanced tools
Comparing version 0.1.4 to 0.2.0
{ | ||
"name": "@tailwindcss/aspect-ratio", | ||
"version": "0.1.4", | ||
"version": "0.2.0", | ||
"main": "src/index.js", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
@@ -54,3 +54,3 @@ # @tailwindcss/aspect-ratio | ||
Once the [`aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/aspect-ratio) is supported in modern browsers, we'll add official support to Tailwind CSS itself and deprecate this plugin. | ||
Once the [`aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) is supported in modern browsers, we'll add official support to Tailwind CSS itself and deprecate this plugin. | ||
@@ -97,2 +97,2 @@ Aspect ratio classes up to 16 are generated by default: | ||
} | ||
``` | ||
``` |
@@ -24,3 +24,3 @@ const plugin = require('tailwindcss/plugin') | ||
position: 'relative', | ||
paddingBottom: `calc(var(--aspect-h) / var(--aspect-w) * 100%)`, | ||
paddingBottom: `calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)`, | ||
}, | ||
@@ -53,3 +53,3 @@ [childSelectors]: { | ||
[`.${e(`aspect-w-${key}`)}`]: { | ||
'--aspect-w': value, | ||
'--tw-aspect-w': value, | ||
}, | ||
@@ -61,3 +61,3 @@ } | ||
[`.${e(`aspect-h-${key}`)}`]: { | ||
'--aspect-h': value, | ||
'--tw-aspect-h': value, | ||
}, | ||
@@ -64,0 +64,0 @@ } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
34630
7
97