summary.js 645 B

1234567891011121314151617181920212223242526
  1. const genSummaryStyle = token => {
  2. const {
  3. componentCls,
  4. lineWidth,
  5. tableBorderColor
  6. } = token;
  7. const tableBorder = `${lineWidth}px ${token.lineType} ${tableBorderColor}`;
  8. return {
  9. [`${componentCls}-wrapper`]: {
  10. [`${componentCls}-summary`]: {
  11. position: 'relative',
  12. zIndex: token.zIndexTableFixed,
  13. background: token.tableBg,
  14. '> tr': {
  15. '> th, > td': {
  16. borderBottom: tableBorder
  17. }
  18. }
  19. },
  20. [`div${componentCls}-summary`]: {
  21. boxShadow: `0 -${lineWidth}px 0 ${tableBorderColor}`
  22. }
  23. }
  24. };
  25. };
  26. export default genSummaryStyle;