tailwindcss-content-visibility
Advanced tools
Comparing version
{ | ||
"name": "tailwindcss-content-visibility", | ||
"version": "0.1.0", | ||
"version": "0.2.0", | ||
"repository": "https://github.com/Cherry/tailwindcss-content-visibility", | ||
@@ -17,14 +17,14 @@ "license": "MIT", | ||
"devDependencies": { | ||
"@nodecraft/eslint-config": "^16.0.0", | ||
"eslint": "^8.10.0", | ||
"eslint-plugin-jest": "^26.1.1", | ||
"@nodecraft/eslint-config": "^38.0.0", | ||
"eslint": "^8.57.0", | ||
"eslint-plugin-jest": "^28.5.0", | ||
"eslint-plugin-json": "^3.1.0", | ||
"eslint-plugin-node": "^11.1.0", | ||
"eslint-plugin-unicorn": "^41.0.0", | ||
"jest": "^27.5.1", | ||
"postcss": "^8.4.7", | ||
"tailwindcss": "^3.0.23" | ||
"eslint-plugin-unicorn": "^53.0.0", | ||
"jest": "^29.7.0", | ||
"postcss": "^8.4.38", | ||
"tailwindcss": "^3.4.3" | ||
}, | ||
"peerDependencies": { | ||
"tailwindcss": ">=3.0.0" | ||
"tailwindcss": "^3.0.0" | ||
}, | ||
@@ -31,0 +31,0 @@ "publishConfig": { |
@@ -39,3 +39,3 @@ # tailwindcss-content-visibility | ||
```html | ||
<div class="content-visibility-auto contain-intrinsic-size-[0px_1000px]"> | ||
<div class="content-visibility-auto contain-intrinsic-size-[auto_1000px]"> | ||
... | ||
@@ -49,4 +49,4 @@ </div> | ||
} | ||
.contain-intrinsic-size-\[0px_1000px\] { | ||
contain-intrinsic-size: 0px 1000px; | ||
.contain-intrinsic-size-\[auto_1000px\] { | ||
contain-intrinsic-size: auto 1000px; | ||
} | ||
@@ -74,3 +74,3 @@ ``` | ||
'foo': 'bar', | ||
} | ||
}, | ||
containIntrinsicSize: { | ||
@@ -77,0 +77,0 @@ example: '1px 20px', |
'use strict'; | ||
const plugin = require('tailwindcss/plugin'); | ||
const contentVisibility = plugin(function({matchUtilities, theme}){ | ||
const contentVisibility = plugin(function({ matchUtilities, theme }) { | ||
matchUtilities( | ||
@@ -6,0 +6,0 @@ { |
4703
0.13%