deer-ui/es/tabs/style.css

React.js UI components for PC Web

.deer-ui-tabs{font-size:14px;width:100%}.deer-ui-tabs-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;cursor:pointer;position:relative;margin-bottom:-1px}.deer-ui-tabs-header-item{padding:12px 30px;color:#000}.deer-ui-tabs-header-item.active{color:#31c27c}.deer-ui-tabs-header-item.disabled{color:rgba(0,0,0,.2);cursor:not-allowed}.deer-ui-tabs-header .deer-ui-tabs-line{position:absolute;bottom:0;width:auto;left:0;border-bottom:2px solid #31c27c;-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1)}.deer-ui-tabs-content{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #e8e8e8;width:100%;padding:12px 30px}.TabPane{color:#000;padding-top:10px}