//清除浮动
@mixin clearfix
zoom : 1
&:after
content: ''
display: block
clear: both
//弹性盒子
@mixin flex
display: block
display: -webkit-box
display: flex
display: -webkit-flex
//弹性盒子元素
@mixin flex-item($i : 1)
display: block
-webkit-box-flex: $i
box-flex: $i
flex: $i
-webkit-flex: $i
//绝对定位全居中
@mixin auto_center
position: absolute
top: 50%
left: 50%
-webkit-transform: translate(-50%, -50%)
transform: translate(-50%, -50%)
//单行文本溢出省略
@mixin font-over
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
//多行文本超出省略
@mixin text-over($i : 2)
overflow : hidden
text-overflow: ellipsis
-webkit-text-overflow: ellipsis
display: -webkit-box
-webkit-line-clamp: $i
-webkit-box-orient: vertical
//全屏显示
@mixin all-screen
position: absolute
left: 0px
right: 0px
top: 0px
bottom: 0px
