@ohu-mobile/core
Version:
40 lines (39 loc) • 754 B
CSS
.ohu-card {
background: #FFF;
}
.ohu-card.has-padding .ohu-card__content {
padding: 24px;
}
.ohu-card.has-radius {
border-radius: 8px;
}
.ohu-card.has-shadow {
box-shadow: 0px 4px 20px 0px rgba(153, 153, 153, 0.2);
}
.ohu-card-header {
position: relative;
padding: 22px 24px;
font-size: 32px;
line-height: 1.375em;
color: #333;
font-weight: 400;
}
.ohu-card-header__extra {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
color: #999;
font-size: 32px;
}
.ohu-card-header.is-bold {
font-size: 36px;
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;
}