diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 01:20:08 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 01:20:08 +0800 |
commit | c622498e50bdc8bdd1db8d10ee26a1b924402eda (patch) | |
tree | 20b04c998b7ee3a1721f64e0d4535c22178c1151 /packages/website/ts/@next | |
parent | d56df4fdaf0e9b61bfecfaaf8f2247f9bef3916d (diff) | |
download | dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar.gz dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar.bz2 dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar.lz dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar.xz dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.tar.zst dexon-0x-contracts-c622498e50bdc8bdd1db8d10ee26a1b924402eda.zip |
Edits footer styling
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r-- | packages/website/ts/@next/components/footer.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx index 28af394b5..0212e0b82 100644 --- a/packages/website/ts/@next/components/footer.tsx +++ b/packages/website/ts/@next/components/footer.tsx @@ -97,7 +97,7 @@ export const Footer: React.StatelessComponent<FooterInterface> = ({}) => ( ); const LinkList = (props: LinkListProps) => ( - <ul> + <List> {_.map(props.links, (link, index) => ( <li key={`fl-${index}`}> <Link to={link.url}> @@ -105,7 +105,7 @@ const LinkList = (props: LinkListProps) => ( </Link> </li> ))} - </ul> + </List> ); const FooterSection = Section.withComponent('footer'); @@ -136,12 +136,17 @@ const FooterSectionWrap = styled(FooterColumn)` const RowHeading = styled.h3` color: ${colors.white}; - font-weight: 500; + font-weight: 700; font-size: 16px; - line-height: 20px; margin-bottom: 1.25em; `; +const List = styled.ul` + li + li { + margin-top: 8px; + } +`; + const Link = styled(ReactRouterLink)` color: rgba(255, 255, 255, 0.5); display: block; |