plus-pro-components/theme-chalk/plus-check-card.css

Page level components developed based on Element Plus.

.plus-check-card{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;display:flex;overflow:hidden;padding-block:16px;padding-inline:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.plus-check-card--large{width:440px}.plus-check-card--default{width:320px}.plus-check-card--small{width:200px}.plus-check-card--checked{background-color:rgba(var(--el-color-primary-rgb),.1);border-color:var(--el-color-primary);position:relative}.plus-check-card--checked:after{-webkit-border-after:10px solid transparent;-webkit-border-start:10px solid transparent;border:10px solid var(--el-color-primary);border-block-end:10px solid transparent;border-inline-start:10px solid transparent;border-start-end-radius:6px;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0}.plus-check-card--disabled{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);cursor:not-allowed}.plus-check-card--disabled:after{border-right-color:var(--el-color-info-light-5);border-top-color:var(--el-color-info-light-5)}.plus-check-card .plus-check-card__avatar-wrapper{-webkit-padding-end:8px;padding-inline-end:8px}.plus-check-card .plus-check-card__right-content{overflow:hidden;width:100%}.plus-check-card .plus-check-card__title{-webkit-margin-after:4px;align-items:center;color:var(--el-text-color-primary);display:flex;justify-content:space-between;margin-block-end:4px;width:100%}.plus-check-card .plus-check-card__title-left{align-items:center;display:flex}.plus-check-card .plus-check-card__title-right{align-items:center;display:flex;vertical-align:middle}.plus-check-card .plus-check-card__description{color:var(--el-text-color-regular);width:100%;word-break:break-all}