@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/common/var";

@include b(card) {
  border-radius: 6px;
  margin-bottom: $margin;
  box-shadow: none;
  border: $panel-border;
  @include e(header) {
    padding: 0 10px;
    height: $header-height;
    line-height: $header-height;
    background-color: $card-header-color;
    border-bottom: $panel-border;
    color: #000;
    & > span:before {
      content: "";
      width: 2px;
      height: 12px;
      display: inline-block;
      background-color: #20a0ff;
      transform: translateY(2px);
      margin-right: $margin;
    }
  }
  @include e(body) {
    padding: $margin * 2;
  }
}