You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
746 B
46 lines
746 B
3 months ago
|
@mixin flex {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
@mixin flexCenter {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
@mixin circle($w, $h, $s) {
|
||
|
|
width: $w;
|
||
|
|
height: $h;
|
||
|
|
border-radius: $s;
|
||
|
|
}
|
||
|
|
@mixin mg($w, $h) {
|
||
|
|
width: $w + $unit;
|
||
|
|
height: $h + $unit;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
@mixin rel($l, $t, $ty) {
|
||
|
|
position: absolute;
|
||
|
|
left: $l;
|
||
|
|
top: $t;
|
||
|
|
transform: translate(-$ty);
|
||
|
|
content: " ";
|
||
|
|
}
|
||
|
|
@mixin size($w, $h) {
|
||
|
|
width: $w+$unit;
|
||
|
|
height: $h+$unit;
|
||
|
|
}
|
||
|
|
@mixin page() {
|
||
|
|
min-height: 100vh;
|
||
|
|
background: $bg;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
@mixin wrap() {
|
||
|
|
width: 684rpx;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
@mixin icon($url, $w, $h) {
|
||
|
|
background: url($url) no-repeat;
|
||
|
|
width: $w + $unit;
|
||
|
|
height: $h + $unit;
|
||
|
|
background-size: $w + $unit;
|
||
|
|
}
|