diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:02:05 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:02:43 +0800 |
| commit | 1d5473eece9f4a905e6cbf24489bbe20f908d31d (patch) | |
| tree | d3a837c1863475b35a5d48fdf5b15cb4748ce6d1 /packages/website/ts/@next/components/newLayout.tsx | |
| parent | 4b4db3802a93f0a8a5d0acc061af245be4498f46 (diff) | |
| download | dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.gz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.bz2 dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.lz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.xz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.zst dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.zip | |
Fixes fullwidth sections
Diffstat (limited to 'packages/website/ts/@next/components/newLayout.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/newLayout.tsx | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx index f4cf19e29..1ac9fccfc 100644 --- a/packages/website/ts/@next/components/newLayout.tsx +++ b/packages/website/ts/@next/components/newLayout.tsx @@ -80,6 +80,8 @@ export const WrapSticky = styled.div<WrapProps>` `; const SectionBase = styled.section<SectionProps>` + width: ${props => !props.isFullWidth && 'calc(100% - 60px)'}; + max-width: 1500px; margin: 0 auto; padding: ${props => props.isPadded && '120px 0'}; background-color: ${props => props.theme[`${props.bgColor}BgColor`] || props.bgColor}; @@ -92,7 +94,6 @@ const SectionBase = styled.section<SectionProps>` `; const Wrap = styled(FlexWrap)<WrapProps>` - width: calc(100% - 60px); max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')}; text-align: ${props => props.isTextCentered && 'center'}; margin: 0 auto; |