44 lines
691 B
SCSS
44 lines
691 B
SCSS
|
@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});
|
||
|
|
}
|
||
|
|
}
|