123456789101112131415161718192021222324252627282930313233343536 |
- // 混淆函数
- // 处理倍图
- @mixin bg-image ($url) {
- background-image: url($url + "@2x.png");
- //@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
- // background-image: url($url + "@3x.png");
- //}
- }
- // 清除浮动
- @mixin clearfix {
- &:after {
- visibility: hidden;
- display: block;
- font-size: 0;
- content: " ";
- clear: both;
- height: 0;
- }
- }
- // 超出省略号
- @mixin ellipsis {
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- // 多行超出省略号
- @mixin ellipsisLine ($line:2) {
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: $line;
- overflow: hidden;
- }
|