kingdot/lib/theme/CollapseItem.css

A UI Components Library For Vue

.kd-collapse-item{border-bottom:1px solid #2f374f}.kd-collapse-concise .kd-collapse-item-active .kd-collapse-title,.kd-collapse-item:last-child{border-bottom:none}.kd-collapse-item-active .kd-collapse-title{color:#5399ff;border-bottom:1px solid #2f374f}.kd-collapse-item-active .kd-collapse-content{height:auto}.kd-collapse-item-active .kd-collapse-title-icon{color:#5399ff;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.kd-collapse-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:42px;background:#2c324d;padding:0 24px;cursor:pointer}.kd-collapse-title-icon{margin-right:8px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:.25s ease-in-out;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);color:#4f576e}.kd-collapse-content{padding:24px;background:#222a41}.kd-collapse-concise .kd-collapse-title{background:0 0}.kd-collapse-concise .kd-collapse-content{padding:0 34px 24px}.kd-collapse-item-disabled .kd-collapse-title{color:#4f576e;cursor:not-allowed}