storybookdesignpack
Version:
React components library project for censa Design System
35 lines (28 loc) • 572 B
CSS
.EmptyState {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: transparent;
}
.EmptyState-title {
text-align: center;
max-width: 480px;
}
.EmptyState-description {
text-align: center;
margin-top: var(--spacing-m);
max-width: 360px;
}
.EmptyState-title--large {
margin-top: var(--spacing-4);
}
.EmptyState-title--small {
margin-top: var(--spacing-xl);
}
.EmptyState-description--large {
margin-bottom: var(--spacing-xl);
}
.EmptyState-description--small {
margin-bottom: var(--spacing-2);
}