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)}; height: ${remcalc(66)};
position: relative; position: relative;
top: ${remcalc(-12)}; top: ${remcalc(-12)};
margin-right: ${remcalc(6)}
`; `;
const EmptyButton = styled.button` const EmptyButton = styled.button`

View File

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

View File

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