deer-ui/lib/collapse/style.css

React.js UI components for PC Web

.deer-ui-collapse{border:1px solid #e8e8e8;border-radius:4px;font-size:14px;position:relative}.deer-ui-collapse-item:not(:last-child){border-bottom:1px solid #e8e8e8}.deer-ui-collapse-item-header{padding:15px 20px;cursor:pointer;color:rgba(0,0,0,.8);background-color:#fafafa;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.deer-ui-collapse-item-header-disabled{color:rgba(0,0,0,.2);cursor:not-allowed}.deer-ui-collapse-item-title{margin-left:10px;display:inline-block}.deer-ui-collapse-item-icon{display:inline-block}.deer-ui-collapse-item-icon svg{-webkit-transition:.5s cubic-bezier(.165,.84,.44,1);transition:.5s cubic-bezier(.165,.84,.44,1)}.deer-ui-collapse-item-icon-right{float:right}.deer-ui-collapse-item-icon-active svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.deer-ui-collapse-item-content{padding:20px;color:rgba(0,0,0,.65);border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}.deer-ui-collapse-item-content-hide{padding-bottom:0;padding-top:0;height:0}