liguigong
b91b273686
- 创建代码忽略文件列表 (.gitignore) - 设置代码格式化规则 (.prettierrc)- 添加各种样式文件，包括背景、边框、按钮、卡片等组件样式 - 创建暗黑主题样式文件 - 添加表单和代码样式文件
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});
|
|
}
|
|
}
|