censa_front_end_library/css/src/components/emptyState.css

React components library project for censa Design System

.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);
}