drip-ui/es/drip-css/card.css

Lightweight Mobile UI Components built on Vue

.drip-card{color:#888;height:1.33333rem;font-size:.16rem;background:#fafafa;position:relative;box-sizing:border-box;padding:.06667rem .2rem .06667rem 1.53333rem}.drip-card:not(:first-child){margin-top:.13333rem}.drip-card--center,.drip-card__thumb{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.drip-card__thumb{top:.06667rem;left:.2rem;width:1.2rem;height:1.2rem;position:absolute}.drip-card__thumb img{border:none;max-width:100%;max-height:100%}.drip-card,.drip-card__content,.drip-card__row,.drip-card__thumb{display:-webkit-box;display:-webkit-flex;display:flex}.drip-card__content{width:100%}.drip-card__content--center{height:1.2rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.drip-card__desc,.drip-card__title{line-height:.26667rem;word-break:break-all}.drip-card__title{max-height:.53333rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.drip-card__desc{color:#666;max-height:.26667rem}.drip-card__left{-webkit-box-flex:1;-webkit-flex:1;flex:1}.drip-card__right{-webkit-flex-shrink:0;flex-shrink:0;line-height:.26667rem;padding-left:.13333rem;text-align:right}.drip-card__origin-price{color:#666;text-decoration:line-through}.drip-card__num{color:#666}.drip-card__tag{position:absolute;top:.02667rem;left:0}.drip-card__footer{right:.2rem;bottom:.10667rem;position:absolute}.drip-card__footer .drip-button{margin-left:.06667rem}