杂项类 misc
# 杂项类 misc
# opacity
类名 | 样式 |
---|---|
.opacity-0 | opacity: 0; |
.opacity-25 | opacity: 0.25; |
.opacity-50 | opacity: 0.5; |
.opacity-75 | opacity: 0.75; |
.opacity-100 | opacity: 1; |
// 生成 .opacity-{0|25|50|75|100}
$m-opacity: (
"-0": 0,
"-25": 0.25,
"-50": 0.5,
"-75": 0.75,
"-100": 1
);
@import "~@modyqyw/mp-scss";
// @import "~@modyqyw/mp-scss/classes";
// @import "~@modyqyw/mp-scss/classes/misc";
// @import "~@modyqyw/mp-scss/classes/misc/opacity";
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# transition
类名 | 样式 |
---|---|
.transition | transition: all 0.48s cubic-bezier(.25, .8, .5, 1); |
// 生成 .transition
$transition-default: all 0.48s cubic-bezier(.25, .8, .5, 1);
$m-opacity: (
"": $transition-default
);
@import "~@modyqyw/mp-scss";
// @import "~@modyqyw/mp-scss/classes";
// @import "~@modyqyw/mp-scss/classes/misc";
// @import "~@modyqyw/mp-scss/classes/misc/transition";
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10