storybookdesignpack/css/src/components/overlay.css

React components library project for censa Design System

.OverlayHeader {
  box-sizing: border-box;
  margin-left: var(--spacing-xl);
}

.OverlayHeader--withBackButton {
  margin-left: var(--spacing-2);
}

.OverlayHeader-headerWrapper {
  display: flex;
  align-items: center;
}

.OverlayHeader-subheading {
  margin-top: var(--spacing-s);
}

.OverlayHeader-subheading--withBackButton {
  margin-left: var(--spacing);
}

.OverlayBody {
  overflow-y: auto;
}

.Overlay-body--stickFooter {
  margin-bottom: 80px;
}

.OverlayFooter {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}