diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:13:31 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-11-30 21:13:31 +0800 |
| commit | 2ba14d656ef21ef85bf8274020d18ae2cd2515b3 (patch) | |
| tree | ceb9c5e08d1e47e12a6bbfd00acfc3cb931d80a1 /packages/website/ts/@next/components/layout.tsx | |
| parent | 0c2848c41887daa7bfee6297a7f134271bc2df1a (diff) | |
| download | dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.gz dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.bz2 dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.lz dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.xz dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.tar.zst dexon-sol-tools-2ba14d656ef21ef85bf8274020d18ae2cd2515b3.zip | |
Some cleanup, reindent
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 1eecf0a55..9bf063040 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -15,6 +15,7 @@ interface ColumnWidths { interface SectionProps { noPadding?: any; + padLarge?: any; noMargin?: any; bgColor?: string; fullWidth?: any; @@ -28,6 +29,7 @@ interface WrapProps { interface ColumnProps { colWidth?: '1/4' | '1/3' | '1/2' | '2/3'; noPadding?: any; + padLarge?: any; bgColor?: string; } @@ -72,7 +74,7 @@ export const Main = styled.main` export const Section = styled.section<SectionProps>` width: ${props => props.fullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'}; - padding: ${props => !props.noPadding && '30px'}; + padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')}; margin-bottom: ${props => !props.noMargin && `${GUTTER}px`}; margin-left: ${props => props.fullWidth && `-${GUTTER}px`}; background-color: ${props => props.bgColor}; @@ -105,7 +107,7 @@ export const WrapCentered = styled(WrapBase)` `; export const Column = styled.div<ColumnProps>` - padding: ${props => !props.noPadding && '30px'}; + padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')}; border: 1px dotted rgba(255, 0, 0, 0.3); background-color: ${props => props.bgColor}; |