diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-04 21:58:37 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-04 21:58:37 +0800 |
| commit | 4da419cf7591a8beb32fb5e41e31b129c5fbb99f (patch) | |
| tree | 54ba3d9bc3940f526b02962967e7b65eb151f206 /packages/website/ts/@next/components/layout.tsx | |
| parent | 5bf7b9b8f3fb2780e56cb11fa9b9b48939a8041d (diff) | |
| download | dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.gz dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.bz2 dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.lz dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.xz dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.zst dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.zip | |
Fixes all lint issues, cleanup
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 2067b67b0..5c5d1bbda 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -29,7 +29,7 @@ interface WrapProps { bgColor?: string; isWrapped?: boolean; isCentered?: boolean; - padding?: number | ('large' | 'default' | number)[]; + padding?: number | Array<'large' | 'default' | number>; } interface ColumnProps { @@ -52,7 +52,7 @@ const _getColumnWidth = (args: GetColWidthArgs): string => { return `calc(${percentWidth}% - ${gutterDiff}px)`; }; -const _getPadding = (value: number | (string | number)[]): string => { +const _getPadding = (value: number | Array<string | number>): string => { if (Array.isArray(value)) { return value.map(val => PADDING_SIZES[val] || `${val}px`).join(' '); } else { @@ -99,7 +99,7 @@ export const Section = styled.section<SectionProps>` margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`}; margin-left: ${props => props.isFullWidth && `-${GUTTER}px`}; background-color: ${props => props.bgColor}; - border: 1px dotted rgba(0, 255, 0, 0.3); + border: 1px dotted rgba(0, 255, 0, 0.15); @media (min-width: 1560px) { width: ${props => props.isFullWidth && '100vw'}; @@ -141,7 +141,7 @@ export const WrapGrid = styled(WrapBase)` export const Column = styled.div<ColumnProps>` padding: ${props => !props.isNoPadding && (props.isPadLarge ? '60px 30px' : '30px')}; - border: 1px dotted rgba(255, 0, 0, 0.3); + border: 1px dotted rgba(255, 0, 0, 0.15); background-color: ${props => props.bgColor}; border-color: ${props => props.borderColor && `${props.borderColor}`}; |