| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 | @import '../style/var';@import '../style/mixins/ellipsis';.van-coupon {  margin: @coupon-margin;  overflow: hidden;  background-color: @coupon-background-color;  border-radius: @coupon-border-radius;  box-shadow: @coupon-box-shadow;  &:active {    background-color: @coupon-active-background-color;  }  &__content {    display: flex;    align-items: center;    box-sizing: border-box;    min-height: @coupon-content-height;    padding: @coupon-content-padding;    color: @gray-8;  }  &__head {    position: relative;    min-width: @coupon-head-width;    padding: 0 @padding-xs;    color: @coupon-amount-color;    text-align: center;  }  &__amount,  &__condition,  &__name,  &__valid {    .ellipsis();  }  &__amount {    margin-bottom: 6px;    font-weight: @font-weight-bold;    font-size: @coupon-amount-font-size;    .ellipsis();    span {      font-weight: normal;      font-size: @coupon-currency-font-size;      &:not(:empty) {        margin-left: 2px;      }    }  }  &__condition {    font-size: @font-size-sm;    line-height: 16px;    white-space: pre-wrap;  }  &__body {    position: relative;    flex: 1;    border-radius: 0 @coupon-border-radius @coupon-border-radius 0;  }  &__name {    margin-bottom: 10px;    font-weight: bold;    font-size: @coupon-name-font-size;    line-height: @line-height-md;  }  &__valid {    font-size: @font-size-sm;  }  &__corner {    position: absolute;    top: 0;    right: @padding-md;    bottom: 0;  }  &__description {    padding: @coupon-description-padding;    font-size: @font-size-sm;    border-top: 1px dashed @coupon-description-border-color;  }  &--disabled {    &:active {      background-color: @coupon-background-color;    }    .van-coupon-item__content {      height: @coupon-content-height - 10px;    }    .van-coupon__head {      color: inherit;    }  }}
 |