How to use the rebass.theme.colors function in rebass

To help you get started, we’ve selected a few rebass examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

rebassjs / rebass / docs / src / PropsTable.js View on Github

const Table = styled.table`
width: 100%;
margin: 0;
border-collapse: collapse;
`

const TH = styled.td`
text-align: left;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: ${theme.colors.gray3}
`
const TD = styled.td`
padding-top: 4px;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: ${theme.colors.gray3}
`

const PropsTable = () =&gt; (
  <table>
    <thead>
      <tr>
        <th>Prop</th>
        <th>Alias</th>
        <th>Type</th></tr></thead></table>

rebassjs / rebass / docs / src / PropsTable.js View on Github

const TH = styled.td`
text-align: left;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-color: ${theme.colors.gray3}
`
const TD = styled.td`
padding-top: 4px;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: ${theme.colors.gray3}
`

const PropsTable = () =&gt; (
  
      {defs.map(def =&gt; (
        <table>
    <thead>
      <tr>
        <th>Prop</th>
        <th>Alias</th>
        <th>Type</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody><tr>
          <td></td></tr></tbody></table>

How to use the rebass.theme.colors function in rebass

To help you get started, we’ve selected a few rebass examples, based on popular ways it is used in public projects.

rebass

Package Health Score

Popular rebass functions

Similar packages