diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 18:24:22 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 18:24:22 +0800 |
| commit | 9ed30fbcca669d27ba56ccadc1597ab41129ca73 (patch) | |
| tree | 7cefa7fa5cc040782addd1a1f57649feb0634a2c /packages/website/ts/@next | |
| parent | 1fab30ef80b58435405bce8cddaf375f4c5a9047 (diff) | |
| download | dexon-sol-tools-9ed30fbcca669d27ba56ccadc1597ab41129ca73.tar.gz dexon-sol-tools-9ed30fbcca669d27ba56ccadc1597ab41129ca73.tar.zst dexon-sol-tools-9ed30fbcca669d27ba56ccadc1597ab41129ca73.zip | |
Adds note to layout section
Diffstat (limited to 'packages/website/ts/@next')
| -rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 1a78f691c..86072b81d 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -87,6 +87,10 @@ export const Main = styled.main` margin: 0 auto; `; +// We can also turn Section into a stateless comp, +// passing a asElement (same patter nas Heading) so we dont have to +// make a const on every route to withComponent-size it. +// just <Section asElement?="div/section/footer/header/whatever" /> ? export const Section = styled.section<SectionProps>` width: ${props => props.fullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'}; padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')}; |