You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
836 B
30 lines
836 B
import type { CSSObject } from '../../_util/cssinjs';
|
|
import type { GenerateStyle } from '../../theme/internal';
|
|
import type { TableToken } from './index';
|
|
|
|
const genSummaryStyle: GenerateStyle<TableToken, CSSObject> = token => {
|
|
const { componentCls, lineWidth, tableBorderColor } = token;
|
|
const tableBorder = `${lineWidth}px ${token.lineType} ${tableBorderColor}`;
|
|
return {
|
|
[`${componentCls}-wrapper`]: {
|
|
[`${componentCls}-summary`]: {
|
|
position: 'relative',
|
|
zIndex: token.zIndexTableFixed,
|
|
background: token.tableBg,
|
|
|
|
'> tr': {
|
|
'> th, > td': {
|
|
borderBottom: tableBorder,
|
|
},
|
|
},
|
|
},
|
|
|
|
[`div${componentCls}-summary`]: {
|
|
boxShadow: `0 -${lineWidth}px 0 ${tableBorderColor}`,
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export default genSummaryStyle;
|