@aplus-frontend/ui/theme/ap-expand-alert/ap-expand-alert.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

@ai: ~'@{ns}-action-item';

.b('ap-expand-alert', {
  .@{ai} {
    font-size: @font-size-base;
  }

  &__expandText {
    font-size: @font-size-base;
    margin-inline-end: 4px;
    margin-inline-start: 4px;
  }

  &__expandIcon {
    transition: all 0.3s;
    transform: rotateZ(180deg);

  }

  &__collapseIcon {
    transition: all 0.3s;
    transform: rotateZ(0deg);

  }

  // 此处颜色不写死，根据UIMode自动切换
  // &__alertContent {
  //   color: #182948;
  // }

  // 此处颜色不写死，根据UIMode自动切换
  &__prefix {
    // color: #182948;
    display: inline-block;
  }
  &__text {
  }

  // 考虑多端样式
  &__showItem {
    color: #0070ff;
    cursor: pointer;
    white-space: nowrap;

    &:hover {
      color: #66a9ff;
    }
  }

  &__spliter {
    color: #dee4ed;
    padding: 0 8px;
  }


  &__antAlert.ant-alert {
    align-items: flex-start;
    line-height: @line-height-base;

    .ant-alert-icon {
      font-size: @font-size-lg;
      transform: translateY(2px);
      display: block;
    }
  }

  // C端样式
  &--aplus {
    // &__antAlert.ant-alert
    .card-alert {
      background-color: transparent !important;
      border: none ;
    }
  }

  // B端样式
  &--admin {
    .card-alert{
      background-color: transparent !important;
      border: none;
    }
  }
});