Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x 5x | import { border, compose, layout, position, space, } from 'styled-system'; import { defaultStylesBase, resolveColor } from 'src/utils/styledHelpers'; import { getGlobalOverrides } from 'src/global-styles'; const globalOverrides = getGlobalOverrides(); export const defaultTableStylesBase = compose( border, layout, position, space, ); export const defaultTableProps = { width: 1, }; export const defaultTableBodyProps = {}; export const defaultTableCellProps = { ...defaultStylesBase, borderBottomColor: resolveColor('white.dark', globalOverrides), borderBottomStyle: 'solid', borderBottomWidth: 1, px: [2, 3], py: 2, verticalAlign: 'top', }; export const defaultTableHeadProps = { ...defaultStylesBase, borderBottomColor: resolveColor('white.dark', globalOverrides), borderBottomStyle: 'solid', borderBottomWidth: 1, fontWeight: 'bold', px: [2, 3], py: 2, verticalAlign: 'bottom', }; export const defaultTableHeaderProps = {}; export const defaultTableResponsiveWrapperProps = { overflowX: 'auto', }; export const defaultTableRowProps = { }; export const defaultTableStripedProps = { even: { bg: 'white', }, odd: { bg: 'white.dark', }, }; export const defaultTableWrapperProps = { borderColor: resolveColor('white.dark', globalOverrides), borderRadius: 2, borderStyle: 'solid', borderWidth: 1, mb: 1, width: 1, }; |