mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 07:09:55 +08:00
137 lines
4.1 KiB
Plaintext
137 lines
4.1 KiB
Plaintext
// @import './size';
|
|
// @import (reference) '../../style/themes/index';
|
|
// @table-prefix-cls: ~'@{ant-prefix}-table';
|
|
|
|
// @table-border: @border-width-base @border-style-base @table-border-color;
|
|
|
|
// .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
|
|
// // ============================ Title =============================
|
|
// > .@{table-prefix-cls}-title {
|
|
// border: @table-border;
|
|
// border-bottom: 0;
|
|
// }
|
|
|
|
// > .@{table-prefix-cls}-container {
|
|
// // ============================ Content ============================
|
|
// border-left: @table-border;
|
|
|
|
// > .@{table-prefix-cls}-content,
|
|
// > .@{table-prefix-cls}-header,
|
|
// > .@{table-prefix-cls}-body,
|
|
// > .@{table-prefix-cls}-summary {
|
|
// > table {
|
|
// // ============================= Cell =============================
|
|
// > thead > tr > th,
|
|
// > tbody > tr > td,
|
|
// > tfoot > tr > th,
|
|
// > tfoot > tr > td {
|
|
// border-right: @table-border;
|
|
// }
|
|
// // ============================ Header ============================
|
|
// > thead {
|
|
// > tr:not(:last-child) > th {
|
|
// border-bottom: @border-width-base @border-style-base @table-border-color;
|
|
// }
|
|
|
|
// > tr > th {
|
|
// &::before {
|
|
// background-color: transparent !important;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// // Fixed right should provides additional border
|
|
// > thead > tr,
|
|
// > tbody > tr,
|
|
// > tfoot > tr {
|
|
// > .@{table-prefix-cls}-cell-fix-right-first::after {
|
|
// border-right: @table-border;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// // ========================== Expandable ==========================
|
|
// > table > tbody > tr > td {
|
|
// > .@{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}-content,
|
|
// > .@{table-prefix-cls}-header {
|
|
// > table {
|
|
// border-top: @table-border;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// &.@{table-prefix-cls}-scroll-horizontal {
|
|
// > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
|
|
// > table > tbody {
|
|
// > tr.@{table-prefix-cls}-expanded-row,
|
|
// > tr.@{table-prefix-cls}-placeholder {
|
|
// > td {
|
|
// border-right: 0;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// // Size related
|
|
// &.@{table-prefix-cls}-middle {
|
|
// > .@{table-prefix-cls}-container {
|
|
// > .@{table-prefix-cls}-content,
|
|
// > .@{table-prefix-cls}-body {
|
|
// > table > tbody > tr > td {
|
|
// > .@{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}-container {
|
|
// > .@{table-prefix-cls}-content,
|
|
// > .@{table-prefix-cls}-body {
|
|
// > table > tbody > tr > td {
|
|
// > .@{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;
|
|
// }
|
|
// }
|
|
|
|
// .@{table-prefix-cls}-cell {
|
|
// // ============================ Nested ============================
|
|
// .@{table-prefix-cls}-container:first-child {
|
|
// // :first-child to avoid the case when bordered and title is set
|
|
// border-top: 0;
|
|
// }
|
|
|
|
// // https://github.com/ant-design/ant-design/issues/35577
|
|
// &-scrollbar:not([rowspan]) {
|
|
// box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
|
|
// }
|
|
// }
|