aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-11 17:33:48 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-11 17:33:48 +0800
commit11c864e20d15d4181057628c1f695684332a7365 (patch)
treed01adbf9fca2f0b2db3a30029630fc2a318ffbcb /packages/website
parente18be3160e5d35f478157d525e8ec9f91d06fe38 (diff)
downloaddexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar
dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.gz
dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.bz2
dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.lz
dexon-sol-tools-11c864e20d15d4181057628c1f695684332a7365.tar.xz
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.tsx2
-rw-r--r--packages/website/ts/@next/constants/globalStyle.tsx6
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;