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

Sense UI components library

@value (borderRadiusXSmall) from '../../styles/variables/_border.css';
@value (colorFillPrimary,
  colorTextPrimary,
  colorSuccess,
  colorInformation,
  colorDanger
) from '../../styles/variables/_color.css';

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

@value (
  size34,
  sizeFluid
) from '../../styles/variables/_size.css';

.baseContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: spaceXSmall;
  width: sizeFluid;
  min-height: size34;
  position: relative;
  padding: spaceXSmall spaceSmall;
  word-break: normal;
  overflow-wrap: anywhere;
}

.baseContainer.dismissable {
  padding-right: spaceLarge;
}

.content {
  display: flex;
}

.success {
  background-color: colorSuccess;
}

.information {
  background-color: colorInformation;
}

.danger {
  background-color: colorDanger;
}

.closeIcon {
  cursor: pointer;
  position: absolute;
  right: spaceSmall;
}