fix grayDark color
This commit is contained in:
parent
7f1bb79b2b
commit
72f55b4309
@ -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;
|
||||
|
||||
|
@ -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};
|
||||
`;
|
||||
|
@ -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,
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
`;
|
||||
|
@ -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)};
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user