Socket
Socket
Sign inDemoInstall

@tailwindcss/line-clamp

Package Overview
Dependencies
Maintainers
5
Versions
38
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tailwindcss/line-clamp - npm Package Compare versions

Comparing version 0.0.0-insiders.ac71ca8 to 0.0.0-insiders.b983084

.github/workflows/nodejs.yml

13

CHANGELOG.md

@@ -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

18

package.json
{
"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': {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc