@tailwindcss/line-clamp
Advanced tools
Comparing version 0.0.0-insiders.ac71ca8 to 0.0.0-insiders.b983084
@@ -10,4 +10,12 @@ # Changelog | ||
- Nothing yet! | ||
## [0.3.1] - 2021-12-09 | ||
### Fixed | ||
- Add LICENSE file ([#13](https://github.com/tailwindlabs/tailwindcss-line-clamp/pull/13)) | ||
### Changed | ||
- Remove `dist` folder and related dependencies ([#11](https://github.com/tailwindlabs/tailwindcss-line-clamp/pull/11)) | ||
## [0.3.0] - 2021-12-09 | ||
@@ -41,3 +49,4 @@ | ||
[unreleased]: https://github.com/tailwindlabs/tailwindcss-line-clamp/compare/v0.3.0...HEAD | ||
[unreleased]: https://github.com/tailwindlabs/tailwindcss-line-clamp/compare/v0.3.1...HEAD | ||
[0.3.1]: https://github.com/tailwindlabs/tailwindcss-line-clamp/compare/v0.3.0...v0.3.1 | ||
[0.3.0]: https://github.com/tailwindlabs/tailwindcss-line-clamp/compare/v0.2.1...v0.3.0 | ||
@@ -44,0 +53,0 @@ [0.2.1]: https://github.com/tailwindlabs/tailwindcss-line-clamp/compare/v0.2.0...v0.2.1 |
{ | ||
"name": "@tailwindcss/line-clamp", | ||
"version": "0.0.0-insiders.ac71ca8", | ||
"version": "0.0.0-insiders.b983084", | ||
"main": "src/index.js", | ||
@@ -17,13 +17,17 @@ "license": "MIT", | ||
"scripts": { | ||
"prepublishOnly": "node scripts/build.js" | ||
"test": "jest" | ||
}, | ||
"devDependencies": { | ||
"jest": "^27.4.4", | ||
"postcss": "^8.2.2", | ||
"prettier": "^2.5.1" | ||
}, | ||
"peerDependencies": { | ||
"tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1" | ||
}, | ||
"devDependencies": { | ||
"autoprefixer": "^10.2.0", | ||
"clean-css": "^4.2.1", | ||
"postcss": "^8.2.2", | ||
"tailwindcss": "^2.0.2" | ||
"jest": { | ||
"setupFilesAfterEnv": [ | ||
"<rootDir>/jest/customMatchers.js" | ||
] | ||
} | ||
} |
@@ -11,7 +11,3 @@ # @tailwindcss/line-clamp | ||
```sh | ||
# Using npm | ||
npm install @tailwindcss/line-clamp | ||
# Using Yarn | ||
yarn add @tailwindcss/line-clamp | ||
npm install -D @tailwindcss/line-clamp | ||
``` | ||
@@ -18,0 +14,0 @@ |
const plugin = require('tailwindcss/plugin') | ||
const baseStyles = { | ||
overflow: 'hidden', | ||
display: '-webkit-box', | ||
'-webkit-box-orient': 'vertical', | ||
} | ||
const lineClamp = plugin( | ||
function ({ addUtilities, theme, variants, e }) { | ||
function ({ matchUtilities, addUtilities, theme, variants, e }) { | ||
const values = theme('lineClamp') | ||
matchUtilities( | ||
{ | ||
'line-clamp': (value) => ({ | ||
...baseStyles, | ||
'-webkit-line-clamp': `${value}`, | ||
}), | ||
}, | ||
{ values } | ||
) | ||
addUtilities( | ||
[ | ||
Object.entries(values).map(([key, value]) => { | ||
return { | ||
[`.${e(`line-clamp-${key}`)}`]: { | ||
overflow: 'hidden', | ||
display: '-webkit-box', | ||
'-webkit-box-orient': 'vertical', | ||
'-webkit-line-clamp': `${value}`, | ||
}, | ||
} | ||
}), | ||
{ | ||
@@ -20,0 +26,0 @@ '.line-clamp-none': { |
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
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
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
3
11
1
17761
229
83
1