@mixin fontWeightSize($weight,$size){
    font-size: $size;
    font-weight: $weight;
}
@mixin sizeWeightCol($size,$weight,$col){
    font-size: $size;
    font-weight: $weight;
    color: $col;
}
@mixin bgFontColor($color,$bgcolor){
    color:$color;
    background: $bgcolor;
}
@mixin all-height($height) {
    height: $height;
    line-height: $height;
}
@mixin whLin($width,$height){
    width: $width;
    @include all-height($height)
}
@mixin widHeiMar($width,$height,$marin){
    width: $width;
    height: $height;
    margin-right: $marin;
}
@mixin wh($w,$h){
    width: $w;
    height: $h;
}
@mixin whMarLe($w,$h,$l){
    @include wh($w,$h);
    margin-left: $l;
}
@mixin whBg($w,$h,$bg){
    @include wh($w,$h);
    background: $bg;
}
@mixin flexColumn{
    display: flex;
    flex-direction: column;
}
@mixin flexBetween(){
    @include flexColumn;
    justify-content: space-between;
}
@mixin flexAround(){
    @include flexColumn;
    justify-content: space-around;
}
@mixin flexColCen(){
    @include flexColumn;
    align-items: center;
}
@mixin flexColBet(){
    display: flex;
    justify-content: space-between;
}
@mixin flexColAround(){
    display: flex;
    justify-content: space-around;
}
@mixin flexCenter(){
    display: flex;
    align-items: center;
}
@mixin flexBetCen{
    @include flexColBet;
    align-items: center;
}
@mixin flexTwoCenter(){
    @include flexCenter;
    justify-content: center;
}
@mixin colorOpa($col,$alpha){
    color: $col;
    opacity: $alpha;
}
@mixin bgcolorOpa($col,$alpha){
    background: $col;
    opacity: $alpha;
}
@mixin radiusSizing($rad){
    border-radius: $rad;
    box-sizing: border-box;
}
@mixin sizingPadding($tb,$lr){
    box-sizing: border-box;
    padding: $tb $lr;
}
@mixin sizingPadRadius( $tb,$lr,$rad){
    box-sizing: border-box;
    padding: $tb $lr;
    border-radius: $rad;
}
@mixin sizing4Padding($t,$r,$b,$l){
    box-sizing: border-box;
    padding: $t $r $b $l;
}
@mixin sizing4Radius($t,$r,$b,$l,$radius){
    @include sizing4Padding($t,$r,$b,$l);
    border-radius: $radius;
}
@mixin colHeight($col,$hei){
    color: $col;
    line-height: $hei;
}
@mixin width_height($width,$height){
    width: $width;
    height: $height;
}
@mixin  flex($row,$colum){
    display: flex;
    justify-content: $row;
    align-items: $colum;
}
@mixin center(){
    display: flex;
    align-items: center;
}
@mixin direction($justify-content){
    display: flex;
    flex-direction: column;
    justify-content: $justify-content;
}
@mixin iconImg($width,$height,$marginRight){
    width: $width;
    height: $height;
    margin-right: $marginRight;
}

@mixin iconImgLeft($width,$height,$marginRight){
    width: $width;
    height: $height;
    margin-left: $marginRight;
}