// 弹框样式
press-popup {
  .press-popup {
    border-radius: .16rem !important;
  }

  .press-hairline {
    &--top {
      &::after {
        content: none !important;
      }
    }
  }

  .press-button {
    &--default {
      background: initial !important;
    }

    &__text {
      color: #feac2d;
      font-size: .28rem;
      font-weight: 700;
    }
  }

  .press-dialog {
    &__header {
      color: #223730;
      font-size: .32rem;
      font-weight: 700;
    }

    &__footer {
      margin: .4rem .72rem;
    }

    &__cancel {
      margin-right: .32rem;
      // 宽高字体
      @include setFontWidthHeightMixin(
        $button-normal-min-width,
        $button-normal-height,
        $button-normal-font-size,
        $button-border-radius
      );
      // 背景色等
      @include borderMixin();
      // 大小设置
      @include setIconMixin();

      &-lg,
      &-nl,
      &-sl,
      &-mi {
        // 背景色等
        @include borderMixin();
      }

      &-lg {
        @include setFontWidthHeightMixin(
          $button-large-min-width,
          $button-large-height,
          $button-large-font-size,
          $button-border-radius
        );
      }

      &-nl {
        @include setFontWidthHeightMixin(
          $button-normal-min-width,
          $button-normal-height,
          $button-normal-font-size,
          $button-border-radius
        );
      }

      &-sl {
        @include setFontWidthHeightMixin(
          $button-small-min-width,
          $button-small-height,
          $button-small-font-size,
          $button-border-radius
        );
      }

      &-mi {
        @include setFontWidthHeightMixin(
          $button-mini-min-width,
          $button-mini-height,
          $button-mini-font-size,
          $button-border-radius-mini
        );
      }
    }

    &__confirm {
      // 宽高字体
      @include setFontWidthHeightMixin(
        $button-normal-min-width,
        $button-normal-height,
        $button-normal-font-size,
        $button-border-radius
      );
      // 背景色等
      @include primaryMixin();
      // 背景图
      @include bgMixin();
      // 大小设置
      @include setIconMixin();

      .press-button__text {
        color: #fff;
        text-shadow: 0px 2px 4px 0px #ff8000;
      }

      &-lg,
      &-nl,
      &-sl,
      &-mi {
        // 背景色等
        @include primaryMixin();
        // 背景图
        @include bgMixin();
      }

      &-lg {
        @include setFontWidthHeightMixin(
          $button-large-min-width,
          $button-large-height,
          $button-large-font-size,
          $button-border-radius
        );
      }

      &-nl {
        @include setFontWidthHeightMixin(
          $button-normal-min-width,
          $button-normal-height,
          $button-normal-font-size,
          $button-border-radius
        );
      }

      &-sl {
        @include setFontWidthHeightMixin(
          $button-small-min-width,
          $button-small-height,
          $button-small-font-size,
          $button-border-radius
        );
      }

      &-mi {
        @include setFontWidthHeightMixin(
          $button-mini-min-width,
          $button-mini-height,
          $button-mini-font-size,
          $button-border-radius-mini
        );
      }
    }
  }
}