107 lines
2.1 KiB
SCSS
107 lines
2.1 KiB
SCSS
@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;
|
|
} |