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