22 lines
400 B
Sass
22 lines
400 B
Sass
@mixin text-ellipsis() {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@mixin text-loading($time:2s) {
|
|
&::after {
|
|
content: '';
|
|
animation: simplyloading $time infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes simplyloading {
|
|
0% { content: '.'; }
|
|
20% { content: '..'; }
|
|
40% { content: '...'; }
|
|
60% { content: '....'; }
|
|
80% { content: '.....'; }
|
|
100% { content: '......'; }
|
|
}
|