diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 17:33:48 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 17:33:48 +0800 |
| commit | 11c864e20d15d4181057628c1f695684332a7365 (patch) | |
| tree | d01adbf9fca2f0b2db3a30029630fc2a318ffbcb /packages/website | |
| parent | e18be3160e5d35f478157d525e8ec9f91d06fe38 (diff) | |
| download | dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.gz dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.zst dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.zip | |
Adds intermediate large heading size
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/constants/globalStyle.tsx | 6 |
2 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 03bd55027..0559d6e3d 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -87,10 +87,10 @@ export const Section = styled.section<SectionProps>` background-color: ${props => props.bgColor}; position: ${props => props.isRelative && 'relative'}; overflow: ${props => props.isRelative && 'hidden'}; + margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`}; @media (min-width: 1560px) { width: ${props => props.isFullWidth && '100vw'}; - margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`}; margin-left: ${props => props.isFullWidth && `calc(750px - 50vw)`}; } diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx index 2408dfe4e..9b38a6c1b 100644 --- a/packages/website/ts/@next/constants/globalStyle.tsx +++ b/packages/website/ts/@next/constants/globalStyle.tsx @@ -51,6 +51,12 @@ const GlobalStyles = withTheme(createGlobalStyle<GlobalStyle> ` } } + @media (max-width: 1170px) { + :root { + --largeHeading: 60px; + } + } + @media (max-width: 768px) { :root { --smallHeading: 18px; |