tu-view-plus
Version:
42 lines (38 loc) • 654 B
CSS
.tu-icon {
height: 1em;
line-height: 1em;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
fill: currentColor;
color: var(--color);
font-size: var(--tu-font-size-icon, 14px);
font-style: normal;
vertical-align: middle;
}
.tu-icon.is-loading {
animation: rotating 1.8s linear infinite;
}
.tu-icon svg {
height: 1em;
width: 1em;
}
.tu-icon__prefix {
margin-right: 6px;
}
.tu-icon__suffix {
margin-left: 6px;
}
.tu-icon > * {
display: inline-block;
line-height: 1em;
}
@keyframes rotating {
0% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
}
}