crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edits footer styling

Browse Source
This commit is contained in:
Ezekiel Aquino
2018-12-10 18:20:08 +01:00
parent d56df4fdaf
commit c622498e50
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/website/ts/@next/components/footer.tsx
View File

@@ -97,7 +97,7 @@ export const Footer: React.StatelessComponent<FooterInterface> = ({}) => (
); );
const LinkList = (props: LinkListProps) => ( const LinkList = (props: LinkListProps) => (
<ul> <List>
{_.map(props.links, (link, index) => ( {_.map(props.links, (link, index) => (
<li key={`fl-${index}`}> <li key={`fl-${index}`}>
<Link to={link.url}> <Link to={link.url}>
@@ -105,7 +105,7 @@ const LinkList = (props: LinkListProps) => (
</Link> </Link>
</li> </li>
))} ))}
</ul> </List>
); );
const FooterSection = Section.withComponent('footer'); const FooterSection = Section.withComponent('footer');
@@ -136,12 +136,17 @@ const FooterSectionWrap = styled(FooterColumn)`
const RowHeading = styled.h3` const RowHeading = styled.h3`
color: ${colors.white}; color: ${colors.white};
font-weight: 500; font-weight: 700;
font-size: 16px; font-size: 16px;
line-height: 20px;
margin-bottom: 1.25em; margin-bottom: 1.25em;
`; `;
const List = styled.ul`
li + li {
margin-top: 8px;
}
`;
const Link = styled(ReactRouterLink)` const Link = styled(ReactRouterLink)`
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
display: block; display: block;