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

Lightweight Mobile UI Components built on Vue

.drip-cell{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;padding:.13333rem .2rem;box-sizing:border-box;line-height:.32rem;position:relative;background-color:#fff;color:#888;font-size:.18667rem;overflow:hidden}.drip-cell:not(:last-child)::after{content:' ';position:absolute;pointer-events:none;box-sizing:border-box;left:.2rem;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-bottom:1px solid #dadada}.drip-cell--borderless::after{display:none}.drip-cell-group{background-color:#fff}.drip-cell__label{font-size:.16rem;line-height:1.2;color:#666}.drip-cell__title,.drip-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.drip-cell__value{overflow:hidden;text-align:right;position:relative;vertical-align:middle}.drip-cell__value--alone{text-align:left}.drip-cell__left-icon{min-width:1em;font-size:.21333rem;line-height:.32rem;margin-right:.06667rem}.drip-cell__right-icon{color:#999;font-size:.16rem;line-height:.32rem;margin-left:.06667rem}.drip-cell__right-icon--left::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drip-cell__right-icon--up::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.drip-cell__right-icon--down::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.drip-cell--clickable:active{background-color:#e8e8e8}.drip-cell--required{overflow:visible}.drip-cell--required::before{content:'*';position:absolute;left:.09333rem;font-size:.18667rem;color:#d05602}.drip-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}