more positoning of elements
This commit is contained in:
parent
2fd91fe76e
commit
34208cbe67
@ -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`
|
||||||
|
@ -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)};
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
@ -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)};
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user