mixin.stylus

// 背景图片

bg-image($url)

background-image: url($url + "@2x.png")

background-position: center center

background-repeat: no-repeat

background-size: 100%

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)

background-image: url($url + "@3x.png")

background-position: center center

background-repeat: no-repeat

background-size: 100%

// 不换行

no-wrap()

text-overflow: ellipsis

overflow: hidden

white-space: nowrap

// 省略号显示

ellipsis($num)

overflow hidden

text-overflow ellipsis

display -webkit-box

-webkit-box-orient vertical

-webkit-line-clamp $num

 

// 扩展点击区域

extend-click()

position: relative

&:before

content: ''

position: absolute

top: -10px

left: -10px

right: -10px

bottom: -10px