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

View File

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

View File

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

View File

@ -30,7 +30,7 @@ const StyledTableHeadItem = styled.td`
const StyledTableHead = styled.thead`
background: #fafafa;
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`
display: none;

View File

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

View File

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

View File

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

View File

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