• tool.less
  • Artiely
  • #less#css
  • 2018-03-12
  • 72
  • 1 min read
  • loading...

tool.less

一个自己常用的less工具集,内置reset.css

安装

npm i tool.less
复制成功
1

使用

@import 'tool.less'

复制成功
1
2

注意只支持在less的上下文中使用

常见方法

左右浮动及清浮动

.fl 
.fr
.clearfix
复制成功
1
2
3

扩大点击范围 (使用时注意伪类冲突)

.tap-area
复制成功
1

文字强制换行

.break-word
复制成功
1

文本超出隐藏

.text-ellipsis
.text-ellipsis2
.text-ellipsis(<line>) // line 为任意行数
复制成功
1
2
3
.select-none // 禁止用户选择
复制成功
1

......