46 lines
716 B
SCSS
46 lines
716 B
SCSS
|
@use 'mixins/mixins' as *;
|
||
|
|
@use 'common/var' as *;
|
||
|
|
|
||
|
|
.#{$namespace}-icon-loading {
|
||
|
|
animation: rotating 2s linear infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
.#{$namespace}-icon--right {
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
.#{$namespace}-icon--left {
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes rotating {
|
||
|
|
0% {
|
||
|
|
transform: rotateZ(0deg);
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
transform: rotateZ(360deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@include b(icon) {
|
||
|
|
--color: inherit;
|
||
|
|
height: 1em;
|
||
|
|
width: 1em;
|
||
|
|
line-height: 1em;
|
||
|
|
display: inline-flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
position: relative;
|
||
|
|
fill: currentColor;
|
||
|
|
color: var(--color);
|
||
|
|
font-size: inherit;
|
||
|
|
|
||
|
|
@include when(loading) {
|
||
|
|
animation: rotating 2s linear infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
svg {
|
||
|
|
height: 1em;
|
||
|
|
width: 1em;
|
||
|
|
}
|
||
|
|
}
|