@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 1.41 kB
CSS
.act-Collapse[data-v-f3f74c0a]{background:#fff;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.1);overflow:hidden}.act-Collapse .item-header[data-v-f3f74c0a]{padding:11px 16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-Collapse .item-header .title[data-v-f3f74c0a]{font-size:14px;font-weight:700;color:#333;line-height:20px}.act-Collapse .item-header .icon[data-v-f3f74c0a]{width:30px;height:20px;line-height:20px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-Collapse .item-header .icon img[data-v-f3f74c0a]{width:12px;height:7.5px}.act-Collapse .item-header .icon img.expanded[data-v-f3f74c0a],.act-Collapse .item-header .icon img[data-v-f3f74c0a]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.act-Collapse .item-header .icon img.expanded[data-v-f3f74c0a]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.act-Collapse .content-wrapper[data-v-f3f74c0a]{overflow:hidden;will-change:height;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}