more positoning of elements

This commit is contained in:
Alex Windett 2017-02-07 16:44:14 +00:00
parent 2fd91fe76e
commit 34208cbe67
3 changed files with 14 additions and 8 deletions

View File

@ -78,6 +78,7 @@ const StyledName = styled.span`
height: ${remcalc(66)};
position: relative;
top: ${remcalc(-12)};
margin-right: ${remcalc(6)}
`;
const EmptyButton = styled.button`

View File

@ -16,21 +16,20 @@ const {
module.exports = styled.li`
display: inline-block;
padding-bottom: ${remcalc(10)};
& + & {
margin-left: ${remcalc(24)};
}
& a {
color: ${colors.base.primary};
color: ${colors.base.secondaryDark};
text-decoration: none;
}
& a.active {
cursor: default;
color: ${colors.base.primary};
border-bottom: 2px solid ${colors.base.primary};
padding-bottom: ${remcalc(6)};
&.active {
cursor: default;
color: ${colors.base.primary};
border-bottom: 2px solid ${colors.base.primary};
}
}
`;

View File

@ -1,4 +1,9 @@
const Styled = require('styled-components');
const fns = require('../../shared/functions');
const {
remcalc
} = fns;
const {
default: styled
@ -6,4 +11,5 @@ const {
module.exports = styled.ul`
list-style-type: none;
margin-bottom: ${remcalc(33)};
`;