@anoki/fse-ui/dist/components/ui/CommunicationContentsSkeleton/CommunicationContentsSkeleton.css

FSE UI components library

.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.communication-contents-skeleton{display:flex;flex-direction:column;gap:24px;width:100%;background-color:#fff;padding:8px 0}.communication-contents-skeleton-title{height:28px;width:220px;background-color:#e0e0e0;border-radius:6px}.communication-contents-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.communication-contents-skeleton-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.communication-contents-skeleton-image{height:140px;background-color:#e0e0e0}.communication-contents-skeleton-body{display:flex;flex-direction:column;gap:10px;padding:16px}.communication-contents-skeleton-line{height:14px;background-color:#e0e0e0;border-radius:6px}.communication-contents-skeleton-line-sm{width:40%}.communication-contents-skeleton-line-md{width:75%}.communication-contents-skeleton-tags{display:flex;gap:8px;margin-top:4px}.communication-contents-skeleton-chip{height:20px;width:70px;background-color:#e0e0e0;border-radius:999px}@media(max-width:992px){.communication-contents-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.communication-contents-skeleton-grid{grid-template-columns:1fr}}