index.js

module.exports = function addLineClampUtilities({ addUtilities, variants }) {
  addUtilities({
    '.line-clamp-1': { 'display': '-webkit-box', '-webkit-line-clamp': '1', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-2': { 'display': '-webkit-box', '-webkit-line-clamp': '2', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-3': { 'display': '-webkit-box', '-webkit-line-clamp': '3', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-4': { 'display': '-webkit-box', '-webkit-line-clamp': '4', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-5': { 'display': '-webkit-box', '-webkit-line-clamp': '5', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-6': { 'display': '-webkit-box', '-webkit-line-clamp': '6', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-7': { 'display': '-webkit-box', '-webkit-line-clamp': '7', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-8': { 'display': '-webkit-box', '-webkit-line-clamp': '8', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-9': { 'display': '-webkit-box', '-webkit-line-clamp': '9', '-webkit-box-orient': 'vertical', overflow: 'hidden' },
    '.line-clamp-10': { 'display': '-webkit-box', '-webkit-line-clamp': '10', '-webkit-box-orient': 'vertical', overflow: 'hidden' }
  }, variants('lineClamp'));
};