// ================================== taro-ui组件的默认样式 ==================================
// AlFloatLayout浮动弹层组件的默认样式
.at-float-layout {
  z-index: 1000;

  .at-float-layout__container {
    min-height: auto;

    .layout-body {
      min-height: auto;

      .layout-body__content {
        min-height: auto;
      }
    }
  }
}

// ActionSheet动作面板组件的默认样式
.at-action-sheet {
  .at-action-sheet__container{
    background-color: $color-bg;
  }
  at-action-sheet-item {
    // &:last-child {
    //   .at-action-sheet__item {
    //     margin-top: 10px;
    //   }
    // }

    .at-action-sheet__item {
      font-size: $font-size-30;
      height: 90px;
      line-height: 90px;
      padding: 0 $interval-horizontal;
      color: $theme;
      background-color: $color-white;

      &.action-sheet-title {
        color: $color-font-main;
      }

      &.action-sheet-main {
        margin-top: 10px;
      }
    }
  }
}

// AtRadio组件的默认样式
.at-radio {
  .at-radio__icon {
    .at-icon {
      color: $theme;
    }
  }
}

// AtCheckbox组件的默认样式
.at-checkbox {
  .at-checkbox__option--selected {
    .at-checkbox__icon-cnt {
      background-color: $theme;
    }
  }
}

// AtProgress组件默认样式
.at-progress {
  .at-progress__content {
    font-size: $font-size-30;
    color: $theme;
  }
}

// AtSwitch开关的默认样式
.at-switch {
  background-color: $color-white;
  padding: 0;
  margin: 0;

  &::after {
    border-bottom: none;
  }

  .wx-switch-input {
    width: 90px !important;
    height: 50px !important;
    background: $theme !important;
    border: $theme !important;

    // 白色样式(false的样式)
    &::before {
      width: 100px !important;
      height: 50px !important;
    }

    // 绿色样式(true的样式)
    &::after {
      width: 50px !important;
      height: 50px !important;
    }
  }
}