Fixing font colours and colours of list items

This commit is contained in:
Tom Gallacher 2017-01-19 15:49:01 +00:00
parent 230d4c0354
commit f780988291
3 changed files with 5 additions and 15 deletions

View File

@ -66,6 +66,8 @@ const StyledTooltipWrapper = styled.div`
`; `;
const StyledName = styled.span` const StyledName = styled.span`
color: #646464;
font-size: ${remcalc(16)}
position: relative; position: relative;
top: ${remcalc(-12)}; top: ${remcalc(-12)};
`; `;

View File

@ -69,14 +69,6 @@ const style = css`
padding: ${remcalc('14 16')}; padding: ${remcalc('14 16')};
position: relative; position: relative;
font-family: -apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif;
font-size: ${remcalc(16)}; font-size: ${remcalc(16)};
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;

View File

@ -1,13 +1,8 @@
const constants = require('../../shared/constants');
const fns = require('../../shared/functions'); const fns = require('../../shared/functions');
const Item = require('./item'); const Item = require('./item');
const React = require('react'); const React = require('react');
const Styled = require('styled-components'); const Styled = require('styled-components');
const {
colors
} = constants;
const { const {
remcalc remcalc
} = fns; } = fns;
@ -19,8 +14,9 @@ const {
const StyledItem = styled(Item)` const StyledItem = styled(Item)`
position: absolute; position: absolute;
background-color: ${colors.brandPrimary}; background-color: #3B4AAF;
border: solid ${remcalc(1)} ${colors.borderPrimary};
border: solid ${remcalc(1)} #2D3884;
box-shadow: none; box-shadow: none;
width: calc(100% + ${remcalc(2)}); width: calc(100% + ${remcalc(2)});