MotuCloud/IconPark
1
0
Fork 0
mirror of https://hk.gh-proxy.com/https://github.com/bytedance/IconPark.git synced 2025-11-13 18:23:47 +08:00
Code Issues Projects Packages Wiki Activity Actions

fix: 🐛 增加 less modifyVars prefix 功能

Browse source 
配置 IconProvider 的 prefix 时，less 无法自动添加 prefix
This commit is contained in:
李健夫 2022-07-16 17:37:43 +08:00
parent 994225c538
commit 7041961f7a
3 changed files with 111 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

71
packages/react/src/runtime/index.less
View file

@ -3,38 +3,41 @@
* @author Auto Generated by IconPark
*/

.i-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

&-spin svg {
animation: i-icon-spin 1s infinite linear;
}

&-rtl {
transform: scaleX(-1);
}
}

@keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

@-webkit-keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@prefix: i;

.@{prefix}-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&-spin svg {
animation: i-icon-spin 1s infinite linear;
}
&-rtl {
transform: scaleX(-1);
}
}
@keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

71
packages/vue-next/src/runtime/index.less
View file

@ -3,38 +3,41 @@
* @author Auto Generated by IconPark
*/

.i-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

&-spin svg {
animation: i-icon-spin 1s infinite linear;
}

&-rtl {
transform: scaleX(-1);
}
}

@keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

@-webkit-keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@prefix: i;

.@{prefix}-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&-spin svg {
animation: i-icon-spin 1s infinite linear;
}
&-rtl {
transform: scaleX(-1);
}
}
@keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

71
packages/vue/src/runtime/index.less
View file

@ -3,38 +3,41 @@
* @author Auto Generated by IconPark
*/

.i-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

&-spin svg {
animation: i-icon-spin 1s infinite linear;
}

&-rtl {
transform: scaleX(-1);
}
}

@keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

@-webkit-keyframes i-icon-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@prefix: i;

.@{prefix}-icon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
&-spin svg {
animation: i-icon-spin 1s infinite linear;
}
&-rtl {
transform: scaleX(-1);
}
}
@keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes ~'@{prefix}-icon-spin' {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}