Add .pad-b for padding-bottom only equivalent of .pad -- use on text-layouts

This commit is contained in:
kitajchuk
2021-05-01 18:37:15 -07:00
parent 774aead825
commit 5589c3496c
3 changed files with 10 additions and 2 deletions

View File

@@ -7,7 +7,7 @@ export default function Privacy({ data, parsed }) {
return (
<Layout siteData={data.site}>
<Hero data={data.privacy.hero} subStyle="privacy" />
<div className="wrap">
<div className="wrap pad-b">
<TextLayout data={parsed} />
</div>
</Layout>

View File

@@ -7,7 +7,7 @@ export default function Terms({ data, parsed }) {
return (
<Layout siteData={data.site}>
<Hero data={data.terms.hero} subStyle="terms" />
<div className="wrap">
<div className="wrap pad-b">
<TextLayout data={parsed} />
</div>
</Layout>

View File

@@ -23,6 +23,14 @@
}
}
.pad-b {
padding-bottom: 96px;
@media (max-width: $width-tablet-1) {
padding-bottom: 64px;
}
}
/******************************************************************************
* Above the fold
*******************************************************************************/