drip-ui/packages/drip-css/lib/sku.css

Lightweight Mobile UI Components built on Vue

.drip-sku-container{font-size:.18667rem;background:#fff;overflow-y:visible}.drip-sku-body{max-height:4.66667rem;overflow-y:scroll;-webkit-overflow-scrolling:touch}.drip-sku-body::-webkit-scrollbar{display:none}.drip-sku-group-container{margin-left:.2rem;padding:.16rem 0 .02667rem}.drip-sku-header{margin-left:.2rem}.drip-sku-header__img-wrap{position:relative;float:left;margin-top:-.13333rem;width:1.06667rem;height:1.06667rem;background:#f8f8f8;border-radius:.02667rem}.drip-sku-header__img-wrap img{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%}.drip-sku-header__goods-info{padding:.13333rem .8rem .13333rem .13333rem;min-height:1.09333rem;overflow:hidden;box-sizing:border-box}.drip-sku__goods-name{font-size:.16rem}.drip-sku__price-symbol{vertical-align:middle}.drip-sku__price-num{font-size:.21333rem;vertical-align:middle}.drip-sku__goods-price{color:#d05602;margin-top:.13333rem;vertical-align:middle}.drip-sku__close-icon{top:.13333rem;right:.2rem;font-size:.26667rem;color:#999;position:absolute;text-align:center}.drip-sku-row{margin:0 .2rem .13333rem 0}.drip-sku-row:last-child{margin-bottom:0}.drip-sku-row__title{padding-bottom:.13333rem}.drip-sku-row__item{display:inline-block;padding:.06667rem .12rem;margin:0 .13333rem .13333rem 0;height:.37333rem;min-width:.69333rem;line-height:.21333rem;font-size:.16rem;color:#888;text-align:center;border:1px solid #999;border-radius:.04rem;box-sizing:border-box}.drip-sku-row__item--active{color:#fff;border-color:#d05602;background:#d05602}.drip-sku-row__item--disabled{background:#e8e8e8;border-color:#dadada;color:#c9c9c9}.drip-sku-stepper-stock{padding:.16rem 0;margin-left:.2rem}.drip-sku-stepper-container{height:.4rem;margin-right:.26667rem}.drip-sku__stepper{float:right}.drip-sku__stepper-title{float:left;line-height:.4rem}.drip-sku__stock{display:inline-block;margin-right:.13333rem;color:#999;font-size:.16rem}.drip-sku__quota{display:inline-block;color:#d05602;font-size:.16rem}.drip-sku-messages{padding-bottom:.13333rem;background:#f8f8f8}.drip-sku-messages__image-cell .drip-cell__title{max-width:1.2rem}.drip-sku-messages__image-cell .drip-cell__value{text-align:left}.drip-sku-img-uploader{display:inline-block}.drip-sku-img-uploader__header{padding:0 .13333rem;border:1px solid #dadada;line-height:.32rem;border-radius:.04rem;font-size:.16rem}.drip-sku-img-uploader__header .drip-icon{top:.04rem;margin-right:.06667rem;font-size:.18667rem}.drip-sku-img-uploader__img{height:.8rem;width:.8rem;float:left;margin:.13333rem .13333rem 0 0;position:relative;border:1px solid #dadada}.drip-sku-img-uploader__img img{max-width:100%;max-height:100%;top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.drip-sku-img-uploader__delete{position:absolute;color:#d05602;top:-.16rem;right:-.18667rem;z-index:1;padding:.08rem}.drip-sku-img-uploader__delete::before{border-radius:.18667rem;background-color:#fff}.drip-sku-img-uploader__uploading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:.26667rem;height:.26667rem}.drip-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex}