mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-30 06:09:34 +08:00
84 lines
2.1 KiB
Plaintext
84 lines
2.1 KiB
Plaintext
@import './index';
|
|
@import './size';
|
|
|
|
@table-border: @border-width-base @border-style-base @border-color-split;
|
|
|
|
.@{table-prefix-cls}.@{table-prefix-cls}-bordered {
|
|
// ============================ Title =============================
|
|
.@{table-prefix-cls}-title {
|
|
border: @table-border;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
// ============================= Cell =============================
|
|
thead > tr > th,
|
|
tbody > tr > td,
|
|
tfoot > tr > th,
|
|
tfoot > tr > td {
|
|
border-right: @table-border;
|
|
}
|
|
|
|
// Fixed right should provides additional border
|
|
.@{table-prefix-cls}-cell-fix-right-first::after {
|
|
border-right: @table-border;
|
|
}
|
|
|
|
// ============================ Header ============================
|
|
table > {
|
|
thead {
|
|
> tr:not(:last-child) > th {
|
|
border-bottom: @border-width-base @border-style-base @border-color-split;
|
|
}
|
|
}
|
|
}
|
|
|
|
// =========================== Content ============================
|
|
.@{table-prefix-cls}-container {
|
|
border: @table-border;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
// ========================== Expandable ==========================
|
|
.@{table-prefix-cls}-expanded-row-fixed {
|
|
margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);
|
|
|
|
&::after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: @border-width-base;
|
|
bottom: 0;
|
|
border-right: @table-border;
|
|
content: '';
|
|
}
|
|
}
|
|
|
|
&.@{table-prefix-cls}-fixed-column {
|
|
tr.@{table-prefix-cls}-expanded-row,
|
|
tr.@{table-prefix-cls}-placeholder {
|
|
> td {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Size related
|
|
&.@{table-prefix-cls}-middle {
|
|
.@{table-prefix-cls}-expanded-row-fixed {
|
|
margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);
|
|
}
|
|
}
|
|
|
|
&.@{table-prefix-cls}-small {
|
|
.@{table-prefix-cls}-expanded-row-fixed {
|
|
margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);
|
|
}
|
|
}
|
|
|
|
// ============================ Footer ============================
|
|
.@{table-prefix-cls}-footer {
|
|
border: @table-border;
|
|
border-top: 0;
|
|
}
|
|
}
|