{$class-notification}
  @extend $block-xs
  border: $var-notification-border-width $var-notification-border-style transparent unless $var-notification-border-width is false or is-ident($var-notification-border-width)
  padding: $var-notification-padding unless $var-notification-padding is false or is-ident($var-notification-padding)
  + {$class-notification}
    margin-top: $var-notification-sibling-margin unless $var-notification-sibling-margin is false or is-ident($var-notification-sibling-margin)

{$class-notification--rounded}
  border-radius: $var-notification-border-radius unless $var-notification-border-radius is false or is-ident($var-notification-border-radius)

{$class-notification--hidden}
  @extend $none-xs

{$class-notification--black}
  @extend $scheme--black
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--black-hollow

{$class-notification--blue}
  @extend $scheme--blue
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--blue-hollow

{$class-notification--gray}
  @extend $scheme--gray
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--gray-hollow

{$class-notification--green}
  @extend $scheme--green
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--green-hollow

{$class-notification--orange}
  @extend $scheme--orange
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--orange-hollow

{$class-notification--purple}
  @extend $scheme--purple
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--purple-hollow

{$class-notification--red}
  @extend $scheme--red
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--red-hollow

{$class-notification--yellow}
  @extend $scheme--yellow
  &{$class-notification--hollow}
    @extend $scheme--transparent-background, $scheme--yellow-hollow