lin-view-ui/lib/theme-chalk/tab-group.css

vue components library

.lin-tab-group{background-color:#fff}.lin-tab-group-header{position:relative;margin-bottom:15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lin-tab-group-header.lin-tab-group-header-scroll{padding:0 20px}.lin-tab-group-header::after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';background-color:#e4e7ed}.lin-tab-group-item-wrapper{position:relative;z-index:100;overflow:hidden}.lin-tab-group-item-container{display:flex;flex-direction:row;align-items:center}.lin-tab-group-icon{position:absolute;top:0;z-index:200;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;width:18px;height:100%;cursor:pointer;background-color:#fff;border-bottom:1px solid #e4e7ed}.lin-tab-group-icon.lin-icon-left{left:0}.lin-tab-group-icon.lin-icon-right{right:0}.lin-tab-group-header-item{position:relative;z-index:100;box-sizing:border-box;display:inline-block;height:40px;margin:0 20px;font-size:14px;font-weight:500;line-height:40px;color:#303133;white-space:nowrap;cursor:pointer}.lin-tab-group-header-item:not(.lin-tab-group-header-item-disabled):hover{color:#409eff}.lin-tab-group-header-item:nth-child(1){margin-left:0}.lin-tab-group-header-item:nth-last-of-type(1){margin-right:0}.lin-tab-group-active-line{position:absolute;bottom:1px;left:0;height:2px;background-color:#409eff;transition:transform .3s cubic-bezier(.645,.045,.355,1)}.lin-tab-group-active{color:#409eff}.lin-tab-group-header-item-disabled{color:#c0c4cc;cursor:not-allowed}.lin-tab-group-card .lin-tab-group-header-item{padding:0 20px;margin:0;border:1px solid #e4e7ed;border-right:none}.lin-tab-group-card .lin-tab-group-header-item:nth-last-of-type(1){border-right:1px solid #e4e7ed}.lin-tab-group-card .lin-tab-group-header-item.lin-tab-group-active{border-bottom-color:#fff}.lin-tab-group-card .lin-tab-group-header-scroll .lin-tab-group-header-item{margin-left:0}.lin-tab-group-border{border:1px solid #dcdfe6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.lin-tab-group-border .lin-tab-group-header{margin:0;background-color:#f4f4f5}.lin-tab-group-border .lin-tab-group-header-item{padding:0 20px;margin:0;border:1px solid transparent}.lin-tab-group-border .lin-tab-group-header-item.lin-tab-group-active{background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.lin-tab-group-border .lin-tab-group-content{padding:15px}.lin-tab-group-border .lin-tab-group-icon{background-color:#f4f4f5}