{"id":15176772,"url":"https://github.com/wahlemedia/tailwindcss-plugin-multiple-lines","last_synced_at":"2025-10-01T16:30:39.450Z","repository":{"id":65514214,"uuid":"203597717","full_name":"wahlemedia/tailwindcss-plugin-multiple-lines","owner":"wahlemedia","description":"DEPRECATED A Tailwind CSS plugin for adding multiple-line truncation","archived":true,"fork":false,"pushed_at":"2021-12-29T20:52:04.000Z","size":63,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-14T04:26:31.057Z","etag":null,"topics":["archived","deprecated","obselete","tailwindcss","tailwindcss-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wahlemedia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LiCENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-21T14:08:47.000Z","updated_at":"2023-01-28T04:27:19.000Z","dependencies_parsed_at":"2023-01-26T21:00:13.775Z","dependency_job_id":null,"html_url":"https://github.com/wahlemedia/tailwindcss-plugin-multiple-lines","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wahlemedia%2Ftailwindcss-plugin-multiple-lines","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wahlemedia%2Ftailwindcss-plugin-multiple-lines/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wahlemedia%2Ftailwindcss-plugin-multiple-lines/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wahlemedia%2Ftailwindcss-plugin-multiple-lines/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wahlemedia","download_url":"https://codeload.github.com/wahlemedia/tailwindcss-plugin-multiple-lines/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234882559,"owners_count":18901293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["archived","deprecated","obselete","tailwindcss","tailwindcss-plugin"],"created_at":"2024-09-27T13:42:07.675Z","updated_at":"2025-10-01T16:30:34.127Z","avatar_url":"https://github.com/wahlemedia.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DEPRECATED\n\nThis package is deprecated, since tailwind has first-party [line-clamp plugin](https://tailwindcss.com/docs/plugins#line-clamp). Please consider using it insted.\n\n## Tailwindcss Plugin: Multiple Line\n\n[![Actions Status](https://github.com/wahlemedia/tailwindcss-plugin-multiple-lines/workflows/CI/badge.svg)](https://github.com/wahlemedia/tailwindcss-plugin-multiple-lines/actions) [![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/)\n\nThis plugin adds helpers for the css `line-clamp` property that truncates text \nat a specific number of lines within TailwindCSS.\n\n\nThe plugin was inspired by the [CSS-Ticks](https://css-tricks.com/almanac/properties/l/line-clamp/)\nArticle. \n\n\n## Installation \nAdd this plugin to your project\n```\n  npm install tailwindcss-plugin-multiple-lines --save-dev\n```\n\n## Usage\nThis plugin generate styles for the `line-clamp` CSS Property\n\nThis plugin accepts following options:\n* `lineClamp` The Number of lines that should be generated. The default are `[1,...,10]`\n\nHere is an example how to add this plugin to your project\n\n```\n// tailwind.config.js\nconst multipleLinesPlugin = require('tailwindcss-plugin-multiple-lines');\n\nmodule.exports = {\n  theme: {\n    extend: {}\n  },\n  variants: {},\n  plugins: [\n    multipleLinesPlugin()\n  ]\n};\n```\nThe default configuration would create the following classes:\nThe classes `.clamp-0` through `.clamp-9` are also generated with the responsive prefix.\n```\n.clamp-0 {\n    -webkit-line-clamp: unset\n}\n       \n.clamp-1 {\n  -webkit-line-clamp: 1\n}\n\n.clamp-2 {\n  -webkit-line-clamp: 2\n}\n\n.clamp-3 {\n  -webkit-line-clamp: 3\n}\n\n.clamp-4 {\n  -webkit-line-clamp: 4\n}\n\n.clamp-5 {\n  -webkit-line-clamp: 5\n}\n\n.clamp-6 {\n  -webkit-line-clamp: 6\n}\n\n.clamp-7 {\n  -webkit-line-clamp: 7\n}\n\n.clamp-8 {\n  -webkit-line-clamp: 8\n}\n\n.clamp-9 {\n  -webkit-line-clamp: 9\n}\n\n.box {\n  display: -webkit-box;\n}\n\n.orient-vertical {\n  -webkit-box-orient: vertical\n}\n\n.orient-horizontal {\n  -webkit-box-orient: horizontal\n}\n\n.orient-axis-block {\n  -webkit-box-orient: block-axis\n}\n\n.orient-inline-block {\n  -webkit-box-orient: block-inline\n}\n\n.orient-unset {\n  -webkit-box-orient: unset\n}\n``` \n\n## Example\n![Example](./multiple_line_example.png)\n\n```\n\u003cdiv class=\"mx-auto md:max-w-2xl flex bg-white rounded-lg shadow-lg overflow-hidden mt-32 px-8 py-10\"\u003e\n    \u003cp class=\"box clamp-5 sm:clamp-4 md:clamp-3 orient-vertical overflow-hidden leading-relaxed\"\u003e\n       Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n       Consectetur dicta dolores earum exercitationem, in magni optio pariatur \n       repellat sapiente voluptas. Adipisci debitis ducimus ex id, iure maiores \n       nostrum odit, placeat ratione sapiente soluta temporibus voluptatem voluptatibus. \n       Aperiam aut explicabo, iure numquam porro quam quod quos ratione saepe sed?\n    \u003c/p\u003e\n\u003c/div\u003e\n```\n## Testing\nTo run the tests\n```\nnpm run test\n```\n\n\n## Licence\n[MIT](./LICENCE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwahlemedia%2Ftailwindcss-plugin-multiple-lines","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwahlemedia%2Ftailwindcss-plugin-multiple-lines","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwahlemedia%2Ftailwindcss-plugin-multiple-lines/lists"}