// el-table .main-body,.df-table { .el-table,.custom-table.el-table { background: transparent; border: 0px; &.el-table--border::after, &.el-table--group::after, &::before { background-color: transparent; } tr { &:hover { td { color: @green; background-color: transparent !important; } } } td { border: 0px; padding: 0; height: 27px; line-height: 27px; font-size: 12px; color: @gray-l; } th { border: 0px; padding: 0px; height: 30px; line-height: 30px; font-weight: normal; text-align: center; color: @gray-l; &.is-leaf { border: 0px; } } th, tr { background-color: transparent; border: 0px; } thead { color: @gray-l; font-weight: 500; font-size: @fontsize-s; border: 0px; th, &.is-group th { & > .cell { } background-color: fade(@gray, 20); } } .el-table__body { border: 0px; } &.el-table--striped .el-table__body tr.el-table__row--striped { &:hover td { background-color: fade(@gray, 20) !important; } td { background-color: fade(@gray, 20); } } &.el-table--border, &.el-table--group { border: none; } .ascending .sort-caret.ascending { border-bottom-color: @green; } .descending .sort-caret.descending { border-top-color: @green; } } .el-table__expanded-cell { background: transparent; } .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td { background: transparent; color: @green; } }