fix grayDark color

This commit is contained in:
Sérgio Ramos 2017-02-06 23:00:55 +00:00
parent 7f1bb79b2b
commit 72f55b4309
8 changed files with 10 additions and 13 deletions

View File

@ -33,7 +33,7 @@ const {
const StyledNav = styled.div` const StyledNav = styled.div`
background-color: #f2f2f2; background-color: #f2f2f2;
border-bottom: ${remcalc(1)} solid ${colors.greyDark}; border-bottom: ${remcalc(1)} solid ${colors.base.greyDark};
& ul { & ul {
height: ${remcalc(60)}; height: ${remcalc(60)};
@ -46,7 +46,7 @@ const NavigationLinkContainer = styled.div`
position: relative; position: relative;
padding: ${remcalc(11)} ${remcalc(12)} ${remcalc(12)}; padding: ${remcalc(11)} ${remcalc(12)} ${remcalc(12)};
color: #646464; color: #646464;
border: solid ${remcalc(1)} ${colors.greyDark}; border: ${remcalc(1)} solid ${colors.base.greyDark};
height: ${remcalc(24)}; height: ${remcalc(24)};
background-color: #f2f2f2; background-color: #f2f2f2;

View File

@ -51,7 +51,7 @@ const Item = styled(Row)`
height: ${height}; height: ${height};
min-height: ${minHeight}; min-height: ${minHeight};
box-shadow: ${shadow}; box-shadow: ${shadow};
border: ${remcalc(1)} solid ${colors.greyDark}; border: ${remcalc(1)} solid ${colors.base.greyDark};
background-color: ${colors.base.white}; background-color: ${colors.base.white};
margin-bottom: ${marginBottom}; margin-bottom: ${marginBottom};
`; `;

View File

@ -65,10 +65,7 @@ const NavLink = ({
NavLink.propTypes = { NavLink.propTypes = {
activeClassName: React.PropTypes.string, activeClassName: React.PropTypes.string,
activeStyle: React.PropTypes.object, activeStyle: React.PropTypes.object,
children: React.PropTypes.oneOf([ children: React.PropTypes.any,
React.PropTypes.node,
React.PropTypes.func
]),
className: React.PropTypes.string, className: React.PropTypes.string,
exact: React.PropTypes.bool, exact: React.PropTypes.bool,
isActive: React.PropTypes.func, isActive: React.PropTypes.func,

View File

@ -30,7 +30,7 @@ const StyledTableHeadItem = styled.td`
const StyledTableHead = styled.thead` const StyledTableHead = styled.thead`
background: #fafafa; background: #fafafa;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
border: solid ${remcalc(1)} ${colors.greyDark}; border: solid ${remcalc(1)} ${colors.base.greyDark};
${breakpoints.smallOnly` ${breakpoints.smallOnly`
display: none; display: none;

View File

@ -18,7 +18,7 @@ const {
} = constants; } = constants;
const StyledRow = styled.tr` const StyledRow = styled.tr`
border: solid ${remcalc(1)} ${colors.greyDark}; border: solid ${remcalc(1)} ${colors.base.greyDark};
${breakpoints.smallOnly` ${breakpoints.smallOnly`
display: block; display: block;

View File

@ -26,7 +26,7 @@ const StyledTableRow = styled.div`
${clearfix} ${clearfix}
padding: ${remcalc(24)} 0; padding: ${remcalc(24)} 0;
border-bottom: solid 1px ${colors.greyDark}; border-bottom: solid 1px ${colors.base.greyDark};
& > .table-item { & > .table-item {
text-align: center; text-align: center;

View File

@ -12,7 +12,7 @@ const {
} = constants; } = constants;
const StyledTableWrapper = styled.section` const StyledTableWrapper = styled.section`
border: solid 1px ${colors.greyDark} border: solid 1px ${colors.base.greyDark}
font-family: 'LibreFranklin', sans-serif; font-family: 'LibreFranklin', sans-serif;
font-style: normal; font-style: normal;
`; `;

View File

@ -68,7 +68,7 @@ const StyledList = styled.ul`
} }
&:before { &:before {
border-color: rgba(216, 216, 216, 0); border-color: rgba(216, 216, 216, 0);
border-bottom-color: ${colors.greyDark}; border-bottom-color: ${colors.base.greyDark};
border-width: ${remcalc(12)}; border-width: ${remcalc(12)};
margin-left: ${remcalc(-12)}; margin-left: ${remcalc(-12)};
} }