@ohu-mobile/core
Version:
40 lines (39 loc) • 804 B
CSS
.ohu-card {
background: #FFF;
}
.ohu-card.has-padding .ohu-card__content {
padding: 0.32rem;
}
.ohu-card.has-radius {
border-radius: 0.10667rem;
}
.ohu-card.has-shadow {
box-shadow: 0px 0.05333rem 0.26667rem 0px rgba(153, 153, 153, 0.2);
}
.ohu-card-header {
position: relative;
padding: 0.29333rem 0.32rem;
font-size: 0.42667rem;
line-height: 1.375em;
color: #333;
font-weight: 400;
}
.ohu-card-header__extra {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.32rem;
color: #999;
font-size: 0.42667rem;
}
.ohu-card-header.is-bold {
font-size: 0.48rem;
line-height: 1.38888889em;
font-weight: bold;
}
.ohu-card-header.is-error .ohu-card-header__extra {
color: #ff2d31;
}
.ohu-card-header.is-success .ohu-card-header__extra {
color: #36b365;
}