fix grayDark color
This commit is contained in:
parent
7f1bb79b2b
commit
72f55b4309
@ -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;
|
||||||
|
|
||||||
|
@ -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};
|
||||||
`;
|
`;
|
||||||
|
@ -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,
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
`;
|
`;
|
||||||
|
@ -38,7 +38,7 @@ const StyledList = styled.ul`
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: ${remcalc(ulPadder)};
|
padding: ${remcalc(ulPadder)};
|
||||||
min-width: ${remcalc(200)};
|
min-width: ${remcalc(200)};
|
||||||
|
|
||||||
${props => props.style}
|
${props => props.style}
|
||||||
|
|
||||||
${baseBox()}
|
${baseBox()}
|
||||||
@ -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)};
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user