@charset "UTF-8";

@import "variables";
@import "mixin";
@import "icon";

//alert提示
//非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。
//成功 alert-success、警告alert-warning、错误提示alert-error、消息提示alert-info
//客户关系管理的alert的提示alert-default
//浮层显示添加alert-tips-position  位置js动态添加

@mixin alertTips {
  .alert-tips {
    padding: 10px;
    text-align: left;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 6px hsla(0, 0%, 39%, 0.2);
    position: relative;
    border: 1px #e5e5e5 solid;
    @include setIconPos(i-success, -1px -180px);
    font-size: $font-size-small;
    color: $gray;
    .description {
      color: $lightGray;
      display: block;
    }
  }
  .alert-tips-position {
    position: absolute;
  }
}

//设置alert的背景颜色
@mixin setAlertType($type: default, $bgColor: #000, $txtColor: #fff) {
  .alert-tips-#{$type} {
    background-color: $bgColor;
    border: none;
    color: $txtColor;
  }
  @if $type == default {
    .alert-tips-default {
      text-align: center;
    }
  }
}

//用辅助信息+icon
@mixin alertDescription($iconHeight: 48px) {
  .alert-description {
    @include setIconPos(i-success, 0 -74, l);
    // @include setIconPos(i-wraning, -2px 0);
    // @include setIconPos(i-error, -2px 0);
    padding: 10px 10px 10px 68px;
    text-align: left;
    .icon {
      position: absolute;
      top: 50%;
      margin-top: -$iconHeight / 2;
      left: 10px;
    }
  }
}