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;
    }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM