_style.scss
691 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
@import './icon'; //核心图标库
@import './coloricon'; //扩展图标库
@import './sheepicon';
.icon-spin {
animation: icon-spin 2s infinite linear;
}
.icon-pulse {
animation: icon-spin 1s infinite steps(8);
}
@keyframes icon-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.icon-90 {
transform: rotate(90deg);
}
.icon-180 {
transform: rotate(180deg);
}
.icon-270 {
transform: rotate(270deg);
}
.icon-x {
transform: scale(-1, 1);
}
.icon-y {
transform: scale(1, -1);
}
.icon-fw {
width: calc(18em / 14);
text-align: center;
}
@each $class, $value in $iconsize {
.icon-#{$class} {
transform: scale(#{$value});
}
}