diff options
| author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 17:32:59 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-22 19:27:35 +0800 |
| commit | ee3538262d2d736168324a3f60a49cd87d65abb1 (patch) | |
| tree | 50f4237c885386844c8f40e87ee27a917759d1fb /packages/dev-tools-pages/ts/components/Trace.tsx | |
| parent | 47b281b754a77a2104d39bafa5ea49584f8840cc (diff) | |
| download | dexon-0x-contracts-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.gz dexon-0x-contracts-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.zst dexon-0x-contracts-ee3538262d2d736168324a3f60a49cd87d65abb1.zip | |
Changed name of export to colors and updates components
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Trace.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx index 98695177d..f4b4e76a3 100644 --- a/packages/dev-tools-pages/ts/components/Trace.tsx +++ b/packages/dev-tools-pages/ts/components/Trace.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; -import variables from '../variables'; +import { colors } from '../variables'; import { withContext, Props } from './withContext'; import { Alpha, Beta, Gamma } from './Typography'; @@ -98,7 +98,7 @@ const StyledSection = ` max-width: 90rem; margin: 0 auto; - background: linear-gradient(to right, ${variables.colors.black} 50%, ${props => props.background} 50%); + background: linear-gradient(to right, ${colors.black} 50%, ${props => props.background} 50%); padding-top: 6.25rem; padding-bottom: 5.25rem; `; @@ -116,8 +116,8 @@ const Block = TraceProps > ` width: 50%; - background: ${props => (props.background ? props.background : '#000')}; - color: ${props => (props.background ? 'inherit' : '#fff')}; + background: ${props => (props.background ? props.background : colors.black)}; + color: ${props => (props.background ? 'inherit' : colors.white)}; :first-of-type { padding-right: 6.25rem; |