UNPKG

@arco-design/web-react

Version:

Arco Design React UI Library.

1 lines 1.4 kB
.arco-skeleton{display:flex}.arco-skeleton-header{display:flex}.arco-skeleton-header .arco-skeleton-image{background-color:var(--color-fill-2);width:48px;height:48px;border-radius:var(--border-radius-small)}.arco-skeleton-header .arco-skeleton-image-circle{border-radius:50%}.arco-skeleton-header .arco-skeleton-image-small{width:36px;height:36px}.arco-skeleton-header .arco-skeleton-image-large{width:60px;height:60px}.arco-skeleton-header .arco-skeleton-image-left{margin-right:16px}.arco-skeleton-header .arco-skeleton-image-right{margin-left:16px}.arco-skeleton-content{flex-grow:1;overflow:hidden}.arco-skeleton-content .arco-skeleton-text{list-style:none;padding:0;margin:0}.arco-skeleton-content .arco-skeleton-text-row{background-color:var(--color-fill-2);height:16px}.arco-skeleton-content .arco-skeleton-text-row:not(:last-child){margin-bottom:16px}.arco-skeleton-animate .arco-skeleton-image,.arco-skeleton-animate .arco-skeleton-text>li{background:linear-gradient(90deg,var(--color-fill-2) 25%,var(--color-fill-3) 37%,var(--color-fill-2) 63%);background-size:400% 100%;animation:arco-skeleton-circle 1.5s cubic-bezier(0,0,1,1) infinite}@keyframes arco-skeleton-circle{0%{background-position:100% 50%}100%{background-position:0 50%}}.arco-skeleton-rtl .arco-skeleton-image-left{margin-right:0;margin-left:16px}.arco-skeleton-rtl .arco-skeleton-image-right{margin-left:0;margin-right:16px}