mixins.scss 常用mixin变量定义

@mixin  text-overflow(){     text-overflow:ellipsis;     overflow: hidden; } @mixin flexCtn(){     display: -webkit-box;     display: flex;     display: -moz-box;     display: -o-box;     display: -ms-flexbox;     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex; } @mixin flex($n:1){     flex:$n;     box-flex:$n;     -moz-box-flex:$n;     -webkit-box-flex:$n;     -webkit-flex:$n;     -ms-flex: $n; } @mixin flex-align($pos){     -ms-flex-align: $pos;     -webkit-align-items: $pos;     -webkit-box-align: $pos;     align-items: $pos;     align-conten: $pos; } @mixin flex-column(){     -webkit-flex-direction: column;     flex-direction: column;     -webkit-box-orient: vertical;     -moz-box-orient: vertical;     box-orient: vertical; } @mixin  clearFix(){     &:after{         content:””;         display: block;         clear: both;     } }