@import '../../scss/variables.scss';
@import '../../scss/functions.scss';
@import '../../scss/mixins.scss';

// #variables
$s-notify-paddding-x:       16px !default;
$s-notify-paddding-y:       8px !default;
$s-notify-font-size:        $s-font-size !default;
$s-notify-color:            $s-white !default;

// #endvariables

.s-notify {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: $s-notify-paddding-y $s-notify-paddding-x;
  font-size: $s-notify-font-size;
}

// 默认类型主题色
@each $color, $value in (
  info:      $s-primary,
  success:   $s-success,
  warning:   $s-warning,
  error:     $s-danger,
) {
  .s-notify-#{$color} {
    @include notify-theme($value);
  }
}