t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 916 B
CSS
.f-skeleton{background-color:#f4f4f4;height:20px;margin-bottom:12px}.f-skeleton__rounded.f-skeleton__default{border-radius:20px}.f-skeleton__rounded.f-skeleton__small{border-radius:15px}.f-skeleton__rounded.f-skeleton__large{border-radius:25px}.f-skeleton__animated{background:linear-gradient(90deg,#f4f4f4 25%,#ebebeb 37%,#f4f4f4 63%);background-size:400% 100%;animation:f-skeleton-animated 1.2s ease infinite}.f-skeleton__circled,.f-skeleton__circled.f-skeleton__default{width:20px}.f-skeleton__circled.f-skeleton__small{width:15px}.f-skeleton__circled.f-skeleton__large{width:25px}.f-skeleton__circled.f-skeleton__default{border-radius:20px}.f-skeleton__circled.f-skeleton__small{border-radius:15px}.f-skeleton__circled.f-skeleton__large{border-radius:25px}.f-skeleton__small{height:15px}.f-skeleton__large{height:25px}@keyframes f-skeleton-animated{0%{background-position:100% 50%}to{background-position:0 50%}}