@use "mixins/mixins" as *;
@use "common/var" as *;
@use "mixins/function.scss" as *;

@include b(dialog) {
  &.el-dialog {
    .el-dialog__header {
      padding: 0.8em 0;
      text-indent: 1.2em;
      border-bottom: 1px solid getCssVar("border-color", "light");
      margin-right: 0;
      .el-dialog__title {
        font-size: getCssVar("font-size", "base");
      }
      .el-dialog__headerbtn {
        top: 0;
        font-size: getCssVar("icon-font-size", "base");
        right: 1.2em;
        width: auto;
      }
    }
    .el-dialog__body {
      padding: 1.2em;
      font-size: getCssVar("font-size", "base");
    }
  }
}