杂项类 misc


# 杂项类 misc

源码 (opens new window)

# 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

# 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
上次编辑于: 2021年3月17日 16:45