| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 | @import '../style/var';.van-card {  position: relative;  box-sizing: border-box;  padding: @card-padding;  color: @card-text-color;  font-size: @card-font-size;  background-color: @card-background-color;  &:not(:first-child) {    margin-top: @padding-xs;  }  &__header {    display: flex;  }  &__thumb {    position: relative;    flex: none;    width: @card-thumb-size;    height: @card-thumb-size;    margin-right: @padding-xs;    img {      border-radius: @card-thumb-border-radius;    }  }  &__content {    position: relative;    display: flex;    flex: 1;    flex-direction: column;    justify-content: space-between;    min-width: 0; /* hack for flex box ellipsis */    min-height: @card-thumb-size;    &--centered {      justify-content: center;    }  }  &__title,  &__desc {    word-wrap: break-word;  }  &__title {    max-height: 32px;    font-weight: @font-weight-bold;    line-height: @card-title-line-height;  }  &__desc {    max-height: @card-desc-line-height;    color: @card-desc-color;    line-height: @card-desc-line-height;  }  &__bottom {    line-height: @line-height-md;  }  &__price {    display: inline-block;    color: @card-price-color;    font-weight: @font-weight-bold;    font-size: @card-price-font-size;  }  &__price-integer {    font-size: @card-price-integer-font-size;    font-family: @card-price-font-family;  }  &__price-decimal {    font-family: @card-price-font-family;  }  &__origin-price {    display: inline-block;    margin-left: 5px;    color: @card-origin-price-color;    font-size: @card-origin-price-font-size;    text-decoration: line-through;  }  &__num {    float: right;    color: @card-num-color;  }  &__tag {    position: absolute;    top: 2px;    left: 0;  }  &__footer {    flex: none;    text-align: right;    .van-button {      margin-left: 5px;    }  }}
 |