primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-29 09:06:07 +03:00
Code Issues Projects Releases Wiki Activity

fix <caption> alignment, add borderSpacing

Browse Source
This commit is contained in:
Shawn Allen 2019-06-18 17:08:14 -07:00
parent 0e4a5decbe
commit 75e37c6640
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
docs/Table.js
View File

@ -1,10 +1,11 @@
import styled from 'styled-components'
import PropTypes from 'prop-types'
import {Box} from '@primer/components'
const Table = styled.table`
display: table !important;
border-collapse: separate;
border-spacing: 0 4px;
border-spacing: ${props => props.borderSpacing};
tr,
td,
@ -12,8 +13,10 @@ const Table = styled.table`
border: 0 !important;
}
caption,
td,
th {
padding: 4px 8px !important;
text-align: left;
}
@ -22,6 +25,14 @@ const Table = styled.table`
}
`
Table.propTypes = {
borderSpacing: PropTypes.string
}
Table.defaultProps = {
borderSpacing: '0 4px'
}
Table.Row = styled(Box).attrs({as: 'tr'})``
Table.Cell = styled(Box).attrs({as: 'td'})``