first
This commit is contained in:
41
src/styles/mixin.scss
Normal file
41
src/styles/mixin.scss
Normal file
@ -0,0 +1,41 @@
|
||||
@mixin fontWeightSize($weight,$size){
|
||||
font-size: $size;
|
||||
font-weight: $weight;
|
||||
}
|
||||
@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 flexColumn{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@mixin flexBetween(){
|
||||
@include flexColumn;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@mixin flexColBet(){
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@mixin flexCenter(){
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user