react-antd-cssvars/dist/styles/table.less

A minimal cssvars antd module

@import './variables.less';

@pagination-prefix: ~"@{ant-prefix}-pagination";
@table-prefix: ~"@{ant-prefix}-table";

.@{pagination-prefix}-item {
	background-color: @antd-text-color-inv;
	border: 1px solid @antd-border-color;
	& a  {
		color: @antd-text-color;
	}
}

.@{pagination-prefix}-item-active {
  border-color: @antd-primary-color;

  & a {
    color: @antd-primary-color;
  }
	&:focus,
	&:hover {
		border-color: @antd-primary-color-hover;
		& a {
			color: @antd-primary-color-hover;
		}
	}

	&:focus a {
		color: @antd-text-color-inv;
  }
}

.ant-pagination-prev button, .ant-pagination-next button {
	color: @antd-text-color;
}

.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {

	background-color: @antd-text-color-inv;
	border: 1px solid #d9d9d9;
}
.@{pagination-prefix}-item:not(.@{pagination-prefix}-item-active) {
	&:focus,
  &:hover {
    border-color: @antd-primary-color;

    & a {
      color: @antd-primary-color;
    }
  }
}

.@{pagination-prefix}-prev:focus,
.@{pagination-prefix}-next:focus,
.@{pagination-prefix}-prev:hover,
.@{pagination-prefix}-next:hover {
  & .@{pagination-prefix}-item-link {
    border-color: @antd-primary-color;
    color: @antd-primary-color;
  }

}
.@{pagination-prefix},
.@{table-prefix} {
	color: @antd-text-color;
}

.@{table-prefix}-tbody > tr > td {
	border-bottom: 1px solid @antd-border-color;
}

.@{table-prefix}-column-sorter-up.active, .@{table-prefix}-column-sorter-down.active {
	color: @antd-primary-color;
	filter: contrast(50%) brightness(150%);
}

.@{table-prefix}-thead {
	color: @antd-text-color;

	& > tr > th {
		color: @antd-table-head-text-color;
		background: @antd-table-head-background;
	}
	& th.@{table-prefix}-column-sort {
		background: @antd-table-head-background-selected;
		&:hover {
			background: @antd-table-head-background-selected-hover;
		}
	}
	& th.@{table-prefix}-column-has-sorters:hover:not(.@{table-prefix}-column-sort) {
		background: @antd-table-head-background-hover;
	}
}

.@{table-prefix}-tbody {
	& > tr.@{table-prefix}-row:hover > td {
		background: @antd-background-hover;
	}

	& > tr > td.@{table-prefix}-column-sort {
    background: @antd-text-color-inv;
	}
}

.@{checkbox-prefix}-indeterminate .@{checkbox-prefix}-inner:after {
	background-color: @antd-primary-color;
}


.@{table-prefix}-filter-trigger {
	color: @antd-disable-color;
	&.active {
		color: @antd-primary-color;
	}
}


.@{table-prefix}-filter-trigger-container-open, .@{table-prefix}-filter-trigger-container:hover, .@{table-prefix}-thead th.@{table-prefix}-column-has-sorters:hover .@{table-prefix}-filter-trigger-container:hover {
	background: @antd-background-hover;
}

.@{table-prefix}-filter-trigger-container-open .@{table-prefix}-filter-trigger, .@{table-prefix}-filter-trigger:hover {
	color: @antd-description-color;
}

.@{table-prefix}-tbody > tr.@{table-prefix}-row-selected > td {
	background: @antd-background-selected;
}