Logo Windi CSS

Line Clamp

Utilities

ClassProperties
line-clamp-${int}overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: ${int};
line-clamp-none-webkit-line-clamp: unset;

Usage

windi.config.js
export default {
  extend: {
    lineClamp: {
      sm: '3',
      lg: '10',
    },
  },
  plugins: [
    require('windicss/plugin/line-clamp'),
    // ...
  ],
}
Windi CSS is Sunsetting We recommend new projects to consider alternatives. Click for more information.