| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 | @import '../style/var';@import '../style/mixins/hairline';.van-action-sheet {  display: flex;  flex-direction: column;  max-height: @action-sheet-max-height;  overflow: hidden;  color: @action-sheet-item-text-color;  &__content {    flex: 1 auto;    overflow-y: auto;    -webkit-overflow-scrolling: touch;  }  &__item,  &__cancel {    display: block;    width: 100%;    padding: 14px @padding-md;    font-size: @action-sheet-item-font-size;    background-color: @action-sheet-item-background;    border: none;    cursor: pointer;    &:active {      background-color: @active-color;    }  }  &__item {    line-height: @action-sheet-item-line-height;    &--loading,    &--disabled {      color: @action-sheet-item-disabled-text-color;      &:active {        background-color: @action-sheet-item-background;      }    }    &--disabled {      cursor: not-allowed;    }    &--loading {      cursor: default;    }  }  &__cancel {    flex-shrink: 0;    box-sizing: border-box;    color: @action-sheet-cancel-text-color;  }  &__subname {    margin-top: @padding-xs;    color: @action-sheet-subname-color;    font-size: @action-sheet-subname-font-size;    line-height: @action-sheet-subname-line-height;  }  &__gap {    display: block;    height: @action-sheet-cancel-padding-top;    background-color: @action-sheet-cancel-padding-color;  }  &__header {    flex-shrink: 0;    font-weight: @font-weight-bold;    font-size: @action-sheet-header-font-size;    line-height: @action-sheet-header-height;    text-align: center;  }  &__description {    position: relative;    flex-shrink: 0;    padding: 20px @padding-md;    color: @action-sheet-description-color;    font-size: @action-sheet-description-font-size;    line-height: @action-sheet-description-line-height;    text-align: center;    &::after {      .hairline-bottom(@cell-border-color, @padding-md, @padding-md);    }  }  &__loading-icon .van-loading__spinner {    width: @action-sheet-loading-icon-size;    height: @action-sheet-loading-icon-size;  }  &__close {    position: absolute;    top: 0;    right: 0;    z-index: 1;    padding: @action-sheet-close-icon-padding;    color: @action-sheet-close-icon-color;    font-size: @action-sheet-close-icon-size;    line-height: inherit;    &:active {      color: @action-sheet-close-icon-active-color;    }  }}
 |