清浮动
@mixin clearfix {
$selector: &;
@at-root {
#{$selector}::before,
#{$selector}::after {
display: table;
content: "";
}
#{$selector}::after {
clear: both;
}
}
}
.row {
@include clearfix;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
文字超出一行...显示
@mixin ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.one-line {
@include ellipsis;
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
行内多个相同元素设置间距
.item {
& + & {
margin-left: 10px;
}
}
1
2
3
4
5
2
3
4
5
user-select
设置@mixin user-select($value) {
-moz-user-select: $value;
-webkit-user-select: $value;
-ms-user-select: $value;
}
.no-user-select {
@include user-select(none);
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9