Skip to content

line-clamp.md

Latest commit

 

History

History
130 lines (104 loc) · 1.64 KB

line-clamp.md

File metadata and controls

130 lines (104 loc) · 1.64 KB

lineClamp

lineClamp.base 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical'
  WebkitLineClamp: null
}
lineClamp[1] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 1
}
lineClamp[2] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 2
}
lineClamp[3] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 3
}
lineClamp[4] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 4
}
lineClamp[5] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 5
}
lineClamp[6] 
{
  overflow: 'hidden',
  display: '-webkit-box',
  WebkitBoxOrient: 'vertical',
  WebkitLineClamp: 6
}
lineClamp.none 
{
  overflow: 'visible',
  display: 'block',
  WebkitBoxOrient: 'horizontal',
  WebkitLineClamp: 'unset',
}
import { lineClamp } from 'solarwindcss'

function Example() {
  return (
    <div
      {...apply(
        lineClamp[3],
        //
      )}
    >
      Lorem Ipsum
    </div>
  )
}