react-antd-cssvars
Version:
A minimal cssvars antd module
63 lines (54 loc) • 1.57 kB
text/less
@import '../../styles/table.less';
.@{table-prefix}-thead {
& > tr > th {
font-weight: 600;
}
th.@{table-prefix}-column-sort {
color: @antd-text-color-inv;
}
}
.@{pagination-prefix}-item-active {
&:focus,
&:hover {
border-color: @antd-primary-color-hover;
& a {
color: @antd-primary-color-hover;
}
}
}
.@{pagination-prefix}-item-active {
background-color: @antd-primary-color;
& a {
color: @antd-text-color-inv;
}
&:focus,
&:hover {
color: @antd-text-color-inv;
& a {
color: @antd-text-color-inv;
}
}
}
.@{table-prefix}-thead th.@{table-prefix}-column-sort .@{table-prefix}-filter-trigger-container {
color: @antd-text-color-inv;
& .@{table-prefix}-filter-trigger {
color: @antd-text-color-inv;
}
& .@{table-prefix}-filter-trigger.active {
color: @antd-text-color;
&:hover {
background-color: @antd-table-head-background-selected-hover;
}
}
}
.@{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,
.@{table-prefix}-thead th.@{table-prefix}-column-has-sorters:hover .@{table-prefix}-filter-trigger-container {
background: @antd-table-head-background-hover;
& .@{table-prefix}-filter-trigger {
background: @antd-table-head-background-hover;
color: @antd-description-color;
}
& .@{table-prefix}-filter-trigger.active {
background: @antd-table-head-background-selected;
}
}