@spaced-out/ui-design-system/lib/components/Banner/Banner.module.css

Sense UI components library

@value (
  colorNeutralLight,
  colorSuccessLight,
  colorInformationLight,
  colorWarningLight,
  colorDangerLight
) from '../../styles/variables/_color.css';

@value (
  spaceMedium,
  spaceSmall
) from '../../styles/variables/_space.css';

@value (
  borderWidthPrimary
) from '../../styles/variables/_border.css';

.bannerContainer {
  border: none;
  border-radius: initial;
  padding: spaceSmall spaceMedium;
}

.neutral {
  border-color: colorNeutralLight;
}

.success {
  border-color: colorSuccessLight;
}

.information {
  border-color: colorInformationLight;
}

.warning {
  border-color: colorWarningLight;
}

.danger {
  border-color: colorDangerLight;
}

.topAligned {
  border-bottom-width: borderWidthPrimary;
  border-bottom-style: solid;
}

.bottomAligned {
  border-top-width: borderWidthPrimary;
  border-top-style: solid;
}

.alertContainer {
  padding-left: calc(spaceSmall * 2);
}