Commit 9b87c95e authored by Nichlas W. Andersen's avatar Nichlas W. Andersen
Browse files

New blocks

More block options
parent a5c7dc29
<section class="block block-feature-1">
<div class="container">
<div class="columns">
<div class="column text">
<h2>Great feature</h2>
<p>Some nice text to back it up, and explain some stuff.</p>
</div>
<div class="column media">
<img src="/img/product-shot-1.png" alt="Product shot">
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="block block-feature-2">
<div class="container">
<div class="columns">
<div class="column media">
<img src="/img/product-shot-1.png" alt="Product shot">
</div>
<div class="column text">
<h2>Great feature</h2>
<p>Some nice text to back it up, and explain some stuff.</p>
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="block block-footer-2">
<div class="container">
<div class="columns">
<div class="column">
<img src="/img/forestry-symbol.svg" width="24" height="auto" alt="Logo">
</div>
<div class="column">
Second column
</div>
<div class="column">
Third column
</div>
<div class="column">
Fourth column
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="block block-media-1">
<div class="container">
<figure>
<img src="https://images.unsplash.com/photo-1487304655522-c039cc299c9d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=15a58e54813d0e07775a5ab8d505f4dc&auto=format&fit=crop&w=1950&q=80" alt="Image 1">
<!-- Only render the figcaption only if it's set in FMT -->
<figcaption>Some cool content</figcaption>
</figure>
</div>
</section>
\ No newline at end of file
<section class="block block-media-2">
<div class="container">
<div class="columns">
<div class="column">
<figure>
<img src="https://images.unsplash.com/photo-1487304655522-c039cc299c9d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=15a58e54813d0e07775a5ab8d505f4dc&auto=format&fit=crop&w=1950&q=80" alt="Image 1">
<!-- Only render the figcaption only if it's set in FMT -->
<!-- <figcaption>Some cool content</figcaption> -->
</figure>
</div>
<div class="column">
<figure>
<img src="https://images.unsplash.com/photo-1487304655522-c039cc299c9d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=15a58e54813d0e07775a5ab8d505f4dc&auto=format&fit=crop&w=1950&q=80" alt="Image 1">
<!-- Only render the figcaption only if it's set in FMT -->
<!-- <figcaption>Some cool content</figcaption> -->
</figure>
</div>
</div>
</div>
</section>
\ No newline at end of file
{"version":3,"sources":["imports/reset.css","imports/variables.css","imports/type.css","imports/layout.css","imports/block.css","styles.css","imports/button.css","<no source>","imports/input.css","imports/block-header-1.css","imports/block-hero-1.css","imports/block-hero-2.css","imports/block-one-column-1.css","imports/block-two-column-1.css","imports/block-three-column-1.css","imports/block-cta-bar.css","imports/block-footer-1.css","imports/block-text-1.css"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["/*\n Put any CSS resets here, or use a CSS reset: https://cssreset.com/\n */\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}",":root {\n /* Colors */\n --color-white: #ffffff;\n --color-white-1: #f7f7f7;\n --color-white-2: #ebe8e8;\n --color-white-3: #dddddd;\n --color-black: #000000;\n --color-black-1: #2b2b2b;\n --color-black-2: #333333;\n --color-black-3: #666666;\n --color-primary: rgb(255, 203, 60);\n --color-highlight: rgb(255, 237, 188);\n}","h1 {\n font-size: 3rem;\n font-weight: bold;\n letter-spacing: -0.1rem;\n line-height: 1;\n}\n\nh1 span.light { font-weight: 300; }\n\nh3 {\n font-size: 1rem;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 1.35;\n}\n\np {\n font-size: 0.9rem;\n font-weight: normal;\n color: var(--color-black-3);\n line-height: 1.35;\n}\n\n@media screen and (min-width: 700px) {\n h1 { font-size: 3.5rem; }\n}\n\n@media screen and (min-width: 1000px) {\n h1 { font-size: 4rem; }\n}",".container {\n width: 1200px;\n max-width: 100%;\n margin: 0 auto;\n}",".block {\n padding: 4rem 2rem;\n}\n\n@media screen and (min-width: 700px) {\n .block {\n padding: 6rem 4rem;\n }\n}","@import \"imports/reset.css\";\n@import \"imports/variables.css\";\n@import \"imports/type.css\";\n@import \"imports/layout.css\";\n@import \"imports/block.css\";\n\n/* Components */\n@import \"imports/button.css\";\n@import \"imports/input.css\";\n\n/* Blocks */\n@import \"imports/block-header-1.css\";\n@import \"imports/block-hero-1.css\";\n@import \"imports/block-hero-2.css\";\n@import \"imports/block-one-column-1.css\";\n@import \"imports/block-two-column-1.css\";\n@import \"imports/block-three-column-1.css\";\n@import \"imports/block-cta-bar.css\";\n@import \"imports/block-footer-1.css\";\n@import \"imports/block-text-1.css\";\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Noto Sans\", \"Ubuntu\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n}\n\n*::-moz-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::-webkit-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}",".button {\n outline: none;\n border: 0;\n padding: 0.8rem 1.5rem;\n border-radius: 0.3rem;\n font-size: 0.8rem;\n font-weight: 500;\n cursor: pointer;\n position: relative;\n box-shadow: 0px 5px 0px 0px rgba(255,255,255, 0.5);\n user-select: none;\n}\n\n.button:hover {\n opacity: 0.8;\n}\n\n.button:active {\n transform: translate(0px, 5px);\n box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.2);\n}\n\n.button.primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n\n.button.primary.inverted {\n background-color: var(--color-white);\n color: var(--color-black);\n}\n\n\n/* Input button */\n\ninput + .button {\n box-shadow: none;\n}\n\ninput + .button:active {\n transform: translate(0);\n box-shadow: none;\n}",null,"input {\n border: none;\n border-bottom: 1px solid var(--color-black);\n font-size: 1rem;\n padding: 0.8rem;\n background: none;\n color: var(--color-black);\n}\n\ninput::placeholder {\n color: var(--color-black-3);\n}\n\ninput.inverted {\n border-bottom: 1px solid var(--color-white);\n color: var(--color-black);\n background: var(--color-white);\n border-radius: 0.3rem;\n}\n\ninput.inverted::placeholder {\n color: var(--color-white-3);\n}",".block-header-1 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem;\n}\n\n.block-header-1--logo img {\n max-height: 1.5rem;\n}\n\n.block-header-1 .nav-item {\n display: inline-block;\n list-style: none;\n margin-right: 1rem;\n font-size: 0.85rem;\n}\n\n.block-header-1 .nav-item.active a {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item a {\n text-decoration: none;\n color: var(--color-black-1);\n}\n\n.block-header-1 .nav-item a:hover {\n color: var(--color-black-3);\n}\n\n.block-header-1 .nav-item.active a:hover {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item:last-of-type {\n margin: 0;\n}",".block-hero-1 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n background-color: var(--bg);\n color: var(--text);\n text-align: center;\n}\n\n@media screen and (min-width: 700px) {\n .block-hero-1 {\n min-height: 500px;\n }\n}",".block-hero-2 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: var(--bg);\n color: var(--text);\n background-repeat: no-repeat;\n background-size: auto 100%;\n background-position: right center;\n}\n\n.block-hero-2 .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.block-hero-2 .column.text {\n flex: 0 0 100%;\n text-align: center;\n}\n\n.block-hero-2 .column.media {\n flex: 0 0 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 6rem;\n}\n\n.block-hero-2 .column.text p {\n margin: 1rem 0 2rem 0;\n color: var(--color-white);\n font-size: 1rem;\n}\n\n.block-hero-2 .column.media img {\n width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-hero-2 .column.text {\n flex: 0 0 45%;\n text-align: left;\n }\n \n .block-hero-2 .column.media {\n flex: 0 0 55%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 0;\n }\n .block-hero-2 .column.media img {\n width: 45vw;\n max-width: 520px;\n }\n}",".block-one-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-one-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-one-column-1 .column h3 {\n margin-bottom: 1rem;\n}",".block-two-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-two-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-two-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-two-column-1 .column {\n flex: 0 0 calc(50% - 4rem);\n }\n}",".block-three-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-three-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-three-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-three-column-1 .column {\n flex: 0 0 calc(33.33% - 4rem);\n }\n}",".block-cta-bar {\n padding: 2rem;\n background: var(--color-primary);\n color: var(--color-white);\n}\n\n.block-cta-bar .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.block-cta-bar .text {\n flex: 0 0 100%;\n padding-right: 4rem;\n margin-bottom: 2rem;\n}\n\n.block-cta-bar .text h3 { margin-bottom: 1rem; }\n.block-cta-bar .text p { color: var(--color-white); }\n\n.block-cta-bar .cta {\n flex: 0 0 100%;\n text-align: right;\n display: flex;\n align-items: stretch;\n}\n\n.block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n margin-right: 0.25rem;\n border-radius: 0.3rem 0 0 0.3rem;\n}\n\n.block-cta-bar .cta .button {\n flex: 0 0 100px;\n border-radius: 0 0.3rem 0.3rem 0;\n}\n\n@media screen and (min-width: 700px) {\n\n .block-cta-bar {\n padding: 2rem 4rem;\n }\n\n .block-cta-bar .text {\n flex: 0 0 50%;\n margin: 0;\n }\n\n .block-cta-bar .cta {\n flex: 0 0 50%;\n }\n \n .block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n }\n\n}",".block-footer-1 {\n font-size: 0.8rem;\n color: var(--color-black-3);\n text-align: center;\n}",".block-text-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: 0rem;\n}\n\n.block-text-1 .column {\n margin: 0rem;\n}\n\n.block-text-1 .headline {\n flex: 0 0 100%;\n}\n\n.block-text-1 .headline h3 {\n margin-bottom: 1rem;\n}\n\n.block-text-1 .text {\n flex: 0 0 100%;\n}\n\n.block-text-1 .text p {\n margin: 1rem 0;\n}\n\n.block-text-1 .text p:first-of-type {\n margin: 0 0 1rem 0;\n}\n\n.block-text-1 .text p:last-of-type {\n margin: 1rem 0 0 0;\n}\n\n@media screen and (min-width: 700px) {\n .block-text-1 .columns {\n margin: -2rem;\n }\n\n .block-text-1 .column {\n margin: 2rem;\n }\n\n .block-text-1 .headline {\n flex: 0 0 calc(35% - 4rem);\n }\n \n .block-text-1 .text {\n flex: 0 0 calc(65% - 4rem);\n }\n\n .block-text-1 .headline h3 {\n margin-bottom: 0;\n }\n}"]}
\ No newline at end of file
{"version":3,"sources":["imports/reset.css","imports/variables.css","imports/type.css","imports/layout.css","imports/block.css","styles.css","imports/button.css","<no source>","imports/input.css","imports/block-header-1.css","imports/block-hero-1.css","imports/block-hero-2.css","imports/block-one-column-1.css","imports/block-two-column-1.css","imports/block-three-column-1.css","imports/block-cta-bar.css","imports/block-footer-1.css","imports/block-footer-2.css","imports/block-text-1.css","imports/block-feature-1.css","imports/block-feature-2.css","imports/block-media-1.css","imports/block-media-2.css"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["/*\n Put any CSS resets here, or use a CSS reset: https://cssreset.com/\n */\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}",":root {\n /* Colors */\n --color-white: #ffffff;\n --color-white-1: #f7f7f7;\n --color-white-2: #ebe8e8;\n --color-white-3: #dddddd;\n --color-black: #000000;\n --color-black-1: #2b2b2b;\n --color-black-2: #333333;\n --color-black-3: #666666;\n --color-primary: rgb(255, 203, 60);\n --color-highlight: rgb(255, 237, 188);\n}","h1 {\n font-size: 3rem;\n font-weight: bold;\n letter-spacing: -0.1rem;\n line-height: 1;\n}\n\nh1 span.light { font-weight: 300; }\n\nh3 {\n font-size: 1rem;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 1.35;\n}\n\np {\n font-size: 0.9rem;\n font-weight: normal;\n color: var(--color-black-3);\n line-height: 1.35;\n}\n\n@media screen and (min-width: 700px) {\n h1 { font-size: 3.5rem; }\n}\n\n@media screen and (min-width: 1000px) {\n h1 { font-size: 4rem; }\n}",".container {\n width: 1200px;\n max-width: 100%;\n margin: 0 auto;\n}",".block {\n padding: 4rem 2rem;\n}\n\n@media screen and (min-width: 700px) {\n .block {\n padding: 6rem 4rem;\n }\n}","@import \"imports/reset.css\";\n@import \"imports/variables.css\";\n@import \"imports/type.css\";\n@import \"imports/layout.css\";\n@import \"imports/block.css\";\n\n/* Components */\n@import \"imports/button.css\";\n@import \"imports/input.css\";\n\n/* Blocks */\n@import \"imports/block-header-1.css\";\n@import \"imports/block-hero-1.css\";\n@import \"imports/block-hero-2.css\";\n@import \"imports/block-one-column-1.css\";\n@import \"imports/block-two-column-1.css\";\n@import \"imports/block-three-column-1.css\";\n@import \"imports/block-cta-bar.css\";\n@import \"imports/block-footer-1.css\";\n@import \"imports/block-footer-2.css\";\n@import \"imports/block-text-1.css\";\n@import \"imports/block-feature-1.css\";\n@import \"imports/block-feature-2.css\";\n@import \"imports/block-media-1.css\";\n@import \"imports/block-media-2.css\";\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Noto Sans\", \"Ubuntu\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n}\n\n*::-moz-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::-webkit-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}",".button {\n outline: none;\n border: 0;\n padding: 0.8rem 1.5rem;\n border-radius: 0.3rem;\n font-size: 0.8rem;\n font-weight: 500;\n cursor: pointer;\n position: relative;\n box-shadow: 0px 5px 0px 0px rgba(255,255,255, 0.5);\n user-select: none;\n}\n\n.button:hover {\n opacity: 0.8;\n}\n\n.button:active {\n transform: translate(0px, 5px);\n box-shadow: 0px 1px 0px 0px rgba(255,255,255, 0.2);\n}\n\n.button.primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n\n.button.primary.inverted {\n background-color: var(--color-white);\n color: var(--color-black);\n}\n\n\n/* Input button */\n\ninput + .button {\n box-shadow: none;\n}\n\ninput + .button:active {\n transform: translate(0);\n box-shadow: none;\n}",null,"input {\n border: none;\n border-bottom: 1px solid var(--color-black);\n font-size: 1rem;\n padding: 0.8rem;\n background: none;\n color: var(--color-black);\n}\n\ninput::placeholder {\n color: var(--color-black-3);\n}\n\ninput.inverted {\n border-bottom: 1px solid var(--color-white);\n color: var(--color-black);\n background: var(--color-white);\n border-radius: 0.3rem;\n}\n\ninput.inverted::placeholder {\n color: var(--color-white-3);\n}",".block-header-1 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem;\n}\n\n.block-header-1--logo img {\n max-height: 1.5rem;\n}\n\n.block-header-1 .nav-item {\n display: inline-block;\n list-style: none;\n margin-right: 1rem;\n font-size: 0.85rem;\n}\n\n.block-header-1 .nav-item.active a {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item a {\n text-decoration: none;\n color: var(--color-black-1);\n}\n\n.block-header-1 .nav-item a:hover {\n color: var(--color-black-3);\n}\n\n.block-header-1 .nav-item.active a:hover {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item:last-of-type {\n margin: 0;\n}",".block-hero-1 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n background-color: var(--bg);\n color: var(--text);\n text-align: center;\n}\n\n@media screen and (min-width: 700px) {\n .block-hero-1 {\n min-height: 500px;\n }\n}",".block-hero-2 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: var(--bg);\n color: var(--text);\n background-repeat: no-repeat;\n background-size: auto 100%;\n background-position: right center;\n}\n\n.block-hero-2 .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.block-hero-2 .column.text {\n flex: 0 0 100%;\n text-align: center;\n}\n\n.block-hero-2 .column.media {\n flex: 0 0 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 6rem;\n}\n\n.block-hero-2 .column.text p {\n margin: 1rem 0 2rem 0;\n color: var(--color-white);\n font-size: 1rem;\n}\n\n.block-hero-2 .column.media img {\n width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n \n .block-hero-2 .column.text {\n flex: 0 0 45%;\n text-align: left;\n }\n \n .block-hero-2 .column.media {\n flex: 0 0 55%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 0;\n }\n .block-hero-2 .column.media img {\n width: 45vw;\n max-width: 520px;\n }\n\n}",".block-one-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-one-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-one-column-1 .column h3 {\n margin-bottom: 1rem;\n}",".block-two-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-two-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-two-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-two-column-1 .column {\n flex: 0 0 calc(50% - 4rem);\n }\n}",".block-three-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-three-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-three-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-three-column-1 .column {\n flex: 0 0 calc(33.33% - 4rem);\n }\n}",".block-cta-bar {\n padding: 2rem;\n background: var(--color-primary);\n color: var(--color-white);\n}\n\n.block-cta-bar .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.block-cta-bar .text {\n flex: 0 0 100%;\n padding-right: 4rem;\n margin-bottom: 2rem;\n}\n\n.block-cta-bar .text h3 { margin-bottom: 1rem; }\n.block-cta-bar .text p {\n font-size: 1.25rem;\n color: var(--color-white);\n}\n\n.block-cta-bar .cta {\n flex: 0 0 100%;\n text-align: right;\n display: flex;\n align-items: stretch;\n}\n\n.block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n margin-right: 0.25rem;\n border-radius: 0.3rem 0 0 0.3rem;\n}\n\n.block-cta-bar .cta .button {\n flex: 0 0 100px;\n border-radius: 0 0.3rem 0.3rem 0;\n}\n\n@media screen and (min-width: 700px) {\n\n .block-cta-bar {\n padding: 2rem 4rem;\n }\n\n .block-cta-bar .text {\n flex: 0 0 50%;\n margin: 0;\n }\n\n .block-cta-bar .cta {\n flex: 0 0 50%;\n }\n \n .block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n }\n\n}",".block-footer-1 {\n font-size: 0.8rem;\n color: var(--color-black-3);\n text-align: center;\n}",".block-footer-2 .columns {\n display: flex;\n flex-wrap: wrap;\n font-size: 0.8rem;\n margin: -2rem;\n}\n\n.block-footer-2 .column {\n flex: 0 0 calc(50% - 4rem);\n margin: 2rem;\n}\n\n.block-footer-2 img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-footer-2 .column {\n flex: 0 0 calc(25% - 4rem);\n }\n}",".block-text-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: 0rem;\n}\n\n.block-text-1 .column {\n margin: 0rem;\n}\n\n.block-text-1 .headline {\n flex: 0 0 100%;\n}\n\n.block-text-1 .headline h3 {\n margin-bottom: 1rem;\n}\n\n.block-text-1 .text {\n flex: 0 0 100%;\n}\n\n.block-text-1 .text p {\n margin: 1rem 0;\n}\n\n.block-text-1 .text p:first-of-type {\n margin: 0 0 1rem 0;\n}\n\n.block-text-1 .text p:last-of-type {\n margin: 1rem 0 0 0;\n}\n\n@media screen and (min-width: 700px) {\n .block-text-1 .columns {\n margin: -2rem;\n }\n\n .block-text-1 .column {\n margin: 2rem;\n }\n\n .block-text-1 .headline {\n flex: 0 0 calc(35% - 4rem);\n }\n \n .block-text-1 .text {\n flex: 0 0 calc(65% - 4rem);\n }\n\n .block-text-1 .headline h3 {\n margin-bottom: 0;\n }\n}",".block-feature-1 .columns {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-align: center;\n}\n\n.block-feature-1 .column.text {\n flex: 0 0 100%;\n margin-right: 0;\n margin-bottom: 2rem;\n}\n\n.block-feature-1 .column.media {\n flex: 0 0 100%;\n}\n\n.block-feature-1 .column.text h2 {\n margin-bottom: 1rem;\n}\n\n.block-feature-1 .column.media img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-feature-1 .columns {\n text-align: left;\n }\n \n .block-feature-1 .column.text {\n flex: 0 0 40%;\n margin-right: 2rem;\n margin-bottom: 0;\n }\n \n .block-feature-1 .column.media {\n flex: 0 0 calc(60% - 2rem);\n } \n}",".block-feature-2 .columns {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-align: center;\n}\n\n.block-feature-2 .column.text {\n flex: 0 0 100%;\n order: 1;\n margin-bottom: 2rem;\n}\n\n.block-feature-2 .column.media {\n flex: 0 0 100%;\n order: 2;\n margin-right: 0;\n}\n\n.block-feature-2 .column.text h2 {\n margin-bottom: 1rem;\n}\n\n.block-feature-2 .column.media img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-feature-2 .columns {\n text-align: left;\n }\n \n .block-feature-2 .column.text {\n flex: 0 0 50%;\n order: 2;\n margin-bottom: 0;\n }\n \n .block-feature-2 .column.media {\n flex: 0 0 calc(50% - 4rem);\n margin-right: 4rem;\n order: 1;\n }\n}",".block-media-1 img {\n max-width: 100%;\n}\n\n.block-media-1 figcaption {\n font-size: 0.7rem;\n color: var(--color-black-3);\n text-align: center;\n margin-top: 0.5rem;\n}",".block-media-2 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-media-2 .column {\n flex: 0 0 100%;\n margin: 2rem;\n}\n\n.block-media-2 .column img {\n max-width: 100%;\n}\n\n.block-media-2 figcaption {\n font-size: 0.7rem;\n color: var(--color-black-3);\n text-align: center;\n margin-top: 0.5rem;\n}\n\n@media screen and (min-width: 700px) {\n .block-media-2 .column {\n flex: 0 0 calc(50% - 4rem);\n margin: 2rem;\n } \n}"]}
\ No newline at end of file
......@@ -4,5 +4,5 @@
/* Colors */}h1{font-size:48px;font-size:3rem;font-weight:700;letter-spacing:-1.6px;letter-spacing:-0.1rem;line-height:1}h1 span.light{font-weight:300}h3{font-size:16px;font-size:1rem;font-weight:700;letter-spacing:0}h3,p{line-height:1.35}p{font-size:14.4px;font-size:0.9rem;font-weight:400;color:#666}@media screen and (min-width:700px){h1{font-size:3.5rem}}@media screen and (min-width:1000px){h1{font-size:4rem}}.container{width:1200px;max-width:100%;margin:0 auto}.block{padding:64px 32px;padding:4rem 2rem}@media screen and (min-width:700px){.block{padding:6rem 4rem}}
/* Components */.button{outline:none;border:0;padding:12.8px 24px;padding:0.8rem 1.5rem;border-radius:0.3rem;font-size:12.8px;font-size:0.8rem;font-weight:500;cursor:pointer;position:relative;box-shadow:0px 5px 0px 0px hsla(0,0%,100%,.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8}.button:active{transform:translate(0px,5px);box-shadow:0px 1px 0px 0px hsla(0,0%,100%,.2)}.button.primary{background-color:#ffcb3c;color:#fff}.button.primary.inverted{background-color:#fff;color:#000}
/* Input button */input+.button{box-shadow:none}input+.button:active{transform:translate(0);box-shadow:none}input{border:none;border-bottom:1px solid #000;font-size:16px;font-size:1rem;padding:12.8px;padding:0.8rem;background:none;color:#000}input::-webkit-input-placeholder{color:#666}input:-ms-input-placeholder{color:#666}input::placeholder{color:#666}input.inverted{border-bottom:1px solid #fff;color:#000;background:#fff;border-radius:0.3rem}input.inverted::-webkit-input-placeholder{color:#ddd}input.inverted:-ms-input-placeholder{color:#ddd}input.inverted::placeholder{color:#ddd}
/* Blocks */.block-header-1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 32px;padding:1rem 2rem}.block-header-1--logo img{max-height:24px;max-height:1.5rem}.block-header-1 .nav-item{display:inline-block;list-style:none;margin-right:16px;margin-right:1rem;font-size:13.6px;font-size:0.85rem}.block-header-1 .nav-item.active a{color:#ffcb3c}.block-header-1 .nav-item a{text-decoration:none;color:#2b2b2b}.block-header-1 .nav-item a:hover{color:#666}.block-header-1 .nav-item.active a:hover{color:#ffcb3c}.block-header-1 .nav-item:last-of-type{margin:0}.block-hero-1{--bg:#ffcb3c;--text:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:400px;background-color:var(--bg);color:var(--text);text-align:center}@media screen and (min-width:700px){.block-hero-1{min-height:500px}}.block-hero-2{--bg:#ffcb3c;--text:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);background-repeat:no-repeat;background-size:auto 100%;background-position:100%}.block-hero-2,.block-hero-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.block-hero-2 .columns{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.block-hero-2 .column.text{-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}.block-hero-2 .column.media{-ms-flex:0 0 100%;flex:0 0 100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:96px;margin-top:6rem}.block-hero-2 .column.text p{margin:16px 0 32px;margin:1rem 0 2rem;color:#fff;font-size:16px;font-size:1rem}.block-hero-2 .column.media img{width:100%}@media screen and (min-width:700px){.block-hero-2 .column.text{-ms-flex:0 0 45%;flex:0 0 45%;text-align:left}.block-hero-2 .column.media{-ms-flex:0 0 55%;flex:0 0 55%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:0}.block-hero-2 .column.media img{width:45vw;max-width:520px}}.block-one-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-one-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-one-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}.block-two-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-two-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-two-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-two-column-1 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem)}}.block-three-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-three-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-three-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-three-column-1 .column{-ms-flex:0 0 calc(33.33% - 4rem);flex:0 0 calc(33.33% - 4rem)}}.block-cta-bar{padding:32px;padding:2rem;background:#ffcb3c;color:#fff}.block-cta-bar .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.block-cta-bar .text{-ms-flex:0 0 100%;flex:0 0 100%;padding-right:64px;padding-right:4rem;margin-bottom:32px;margin-bottom:2rem}.block-cta-bar .text h3{margin-bottom:16px;margin-bottom:1rem}.block-cta-bar .text p{color:#fff}.block-cta-bar .cta{-ms-flex:0 0 100%;flex:0 0 100%;text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px;margin-right:4px;margin-right:0.25rem;border-radius:0.3rem 0 0 0.3rem}.block-cta-bar .cta .button{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:0 0.3rem 0.3rem 0}@media screen and (min-width:700px){.block-cta-bar{padding:2rem 4rem}.block-cta-bar .text{margin:0}.block-cta-bar .cta,.block-cta-bar .text{-ms-flex:0 0 50%;flex:0 0 50%}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px}}.block-footer-1{font-size:12.8px;font-size:0.8rem;color:#666;text-align:center}.block-text-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px;margin:0rem}.block-text-1 .column{margin:0px;margin:0rem}.block-text-1 .headline{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .headline h3{margin-bottom:16px;margin-bottom:1rem}.block-text-1 .text{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .text p{margin:16px 0;margin:1rem 0}.block-text-1 .text p:first-of-type{margin:0 0 16px;margin:0 0 1rem}.block-text-1 .text p:last-of-type{margin:16px 0 0;margin:1rem 0 0}@media screen and (min-width:700px){.block-text-1 .columns{margin:-2rem}.block-text-1 .column{margin:2rem}.block-text-1 .headline{-ms-flex:0 0 calc(35% - 4rem);flex:0 0 calc(35% - 4rem)}.block-text-1 .text{-ms-flex:0 0 calc(65% - 4rem);flex:0 0 calc(65% - 4rem)}.block-text-1 .headline h3{margin-bottom:0}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}::-moz-selection{background:#ffedbc;color:#333}::-webkit-selection{background:#ffedbc;color:#333}::selection{background:#ffedbc;color:#333}html::before{display:block;z-index:1000;position:fixed;top:0;left:0;right:0;font-size:.9em;padding:1.5em 1em 1.5em 4.5em;color:white;background-color:#DF4F5E;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A82734%22%20id%3D%22warning-4-icon%22%20d%3D%22M228.55%2C134.812h54.9v166.5h-54.9V134.812z%20M256%2C385.188c-16.362%2C0-29.626-13.264-29.626-29.625c0-16.362%2C13.264-29.627%2C29.626-29.627c16.361%2C0%2C29.625%2C13.265%2C29.625%2C29.627C285.625%2C371.924%2C272.361%2C385.188%2C256%2C385.188z%20M256%2C90c91.742%2C0%2C166%2C74.245%2C166%2C166c0%2C91.741-74.245%2C166-166%2C166c-91.742%2C0-166-74.245-166-166C90%2C164.259%2C164.245%2C90%2C256%2C90z%20M256%2C50C142.229%2C50%2C50%2C142.229%2C50%2C256s92.229%2C206%2C206%2C206s206-92.229%2C206-206S369.771%2C50%2C256%2C50z%22%2F%3E%3C%2Fsvg%3E") .5em no-repeat, #DF4F5E linear-gradient(#DF4F5E, #CE3741);border:1px solid #C64F4B;border-radius:3px;box-shadow:inset 0 1px 0 #EB8A93, 0 0 .3em rgba(0,0,0, .5);white-space:pre-wrap;font-family:Menlo, Monaco, monospace;text-shadow:0 1px #A82734;content:"src/css/styles.css\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]"}
/* Blocks */.block-header-1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 32px;padding:1rem 2rem}.block-header-1--logo img{max-height:24px;max-height:1.5rem}.block-header-1 .nav-item{display:inline-block;list-style:none;margin-right:16px;margin-right:1rem;font-size:13.6px;font-size:0.85rem}.block-header-1 .nav-item.active a{color:#ffcb3c}.block-header-1 .nav-item a{text-decoration:none;color:#2b2b2b}.block-header-1 .nav-item a:hover{color:#666}.block-header-1 .nav-item.active a:hover{color:#ffcb3c}.block-header-1 .nav-item:last-of-type{margin:0}.block-hero-1{--bg:#ffcb3c;--text:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:400px;background-color:var(--bg);color:var(--text);text-align:center}@media screen and (min-width:700px){.block-hero-1{min-height:500px}}.block-hero-2{--bg:#ffcb3c;--text:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);background-repeat:no-repeat;background-size:auto 100%;background-position:100%}.block-hero-2,.block-hero-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.block-hero-2 .columns{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.block-hero-2 .column.text{-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}.block-hero-2 .column.media{-ms-flex:0 0 100%;flex:0 0 100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:96px;margin-top:6rem}.block-hero-2 .column.text p{margin:16px 0 32px;margin:1rem 0 2rem;color:#fff;font-size:16px;font-size:1rem}.block-hero-2 .column.media img{width:100%}@media screen and (min-width:700px){.block-hero-2 .column.text{-ms-flex:0 0 45%;flex:0 0 45%;text-align:left}.block-hero-2 .column.media{-ms-flex:0 0 55%;flex:0 0 55%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:0}.block-hero-2 .column.media img{width:45vw;max-width:520px}}.block-one-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-one-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-one-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}.block-two-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-two-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-two-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-two-column-1 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem)}}.block-three-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-three-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-three-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-three-column-1 .column{-ms-flex:0 0 calc(33.33% - 4rem);flex:0 0 calc(33.33% - 4rem)}}.block-cta-bar{padding:32px;padding:2rem;background:#ffcb3c;color:#fff}.block-cta-bar .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.block-cta-bar .text{-ms-flex:0 0 100%;flex:0 0 100%;padding-right:64px;padding-right:4rem;margin-bottom:32px;margin-bottom:2rem}.block-cta-bar .text h3{margin-bottom:16px;margin-bottom:1rem}.block-cta-bar .text p{font-size:20px;font-size:1.25rem;color:#fff}.block-cta-bar .cta{-ms-flex:0 0 100%;flex:0 0 100%;text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px;margin-right:4px;margin-right:0.25rem;border-radius:0.3rem 0 0 0.3rem}.block-cta-bar .cta .button{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:0 0.3rem 0.3rem 0}@media screen and (min-width:700px){.block-cta-bar{padding:2rem 4rem}.block-cta-bar .text{margin:0}.block-cta-bar .cta,.block-cta-bar .text{-ms-flex:0 0 50%;flex:0 0 50%}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px}}.block-footer-1{font-size:12.8px;font-size:0.8rem;color:#666;text-align:center}.block-footer-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12.8px;font-size:0.8rem;margin:-32px;margin:-2rem}.block-footer-2 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin:32px;margin:2rem}.block-footer-2 img{max-width:100%}@media screen and (min-width:700px){.block-footer-2 .column{-ms-flex:0 0 calc(25% - 4rem);flex:0 0 calc(25% - 4rem)}}.block-text-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px;margin:0rem}.block-text-1 .column{margin:0px;margin:0rem}.block-text-1 .headline{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .headline h3{margin-bottom:16px;margin-bottom:1rem}.block-text-1 .text{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .text p{margin:16px 0;margin:1rem 0}.block-text-1 .text p:first-of-type{margin:0 0 16px;margin:0 0 1rem}.block-text-1 .text p:last-of-type{margin:16px 0 0;margin:1rem 0 0}@media screen and (min-width:700px){.block-text-1 .columns{margin:-2rem}.block-text-1 .column{margin:2rem}.block-text-1 .headline{-ms-flex:0 0 calc(35% - 4rem);flex:0 0 calc(35% - 4rem)}.block-text-1 .text{-ms-flex:0 0 calc(65% - 4rem);flex:0 0 calc(65% - 4rem)}.block-text-1 .headline h3{margin-bottom:0}}.block-feature-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.block-feature-1 .column.text{margin-right:0;margin-bottom:32px;margin-bottom:2rem}.block-feature-1 .column.media,.block-feature-1 .column.text{-ms-flex:0 0 100%;flex:0 0 100%}.block-feature-1 .column.text h2{margin-bottom:16px;margin-bottom:1rem}.block-feature-1 .column.media img{max-width:100%}@media screen and (min-width:700px){.block-feature-1 .columns{text-align:left}.block-feature-1 .column.text{-ms-flex:0 0 40%;flex:0 0 40%;margin-right:2rem;margin-bottom:0}.block-feature-1 .column.media{-ms-flex:0 0 calc(60% - 2rem);flex:0 0 calc(60% - 2rem)}}.block-feature-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.block-feature-2 .column.text{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-order:1;order:1;margin-bottom:32px;margin-bottom:2rem}.block-feature-2 .column.media{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-order:2;order:2;margin-right:0}.block-feature-2 .column.text h2{margin-bottom:16px;margin-bottom:1rem}.block-feature-2 .column.media img{max-width:100%}@media screen and (min-width:700px){.block-feature-2 .columns{text-align:left}.block-feature-2 .column.text{-ms-flex:0 0 50%;flex:0 0 50%;-ms-flex-order:2;order:2;margin-bottom:0}.block-feature-2 .column.media{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin-right:4rem;-ms-flex-order:1;order:1}}.block-media-1 img{max-width:100%}.block-media-1 figcaption{font-size:11.2px;font-size:0.7rem;color:#666;text-align:center;margin-top:8px;margin-top:0.5rem}.block-media-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-media-2 .column{-ms-flex:0 0 100%;flex:0 0 100%;margin:32px;margin:2rem}.block-media-2 .column img{max-width:100%}.block-media-2 figcaption{font-size:11.2px;font-size:0.7rem;color:#666;text-align:center;margin-top:8px;margin-top:0.5rem}@media screen and (min-width:700px){.block-media-2 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin:2rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}::-moz-selection{background:#ffedbc;color:#333}::-webkit-selection{background:#ffedbc;color:#333}::selection{background:#ffedbc;color:#333}html::before{display:block;z-index:1000;position:fixed;top:0;left:0;right:0;font-size:.9em;padding:1.5em 1em 1.5em 4.5em;color:white;background-color:#DF4F5E;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A82734%22%20id%3D%22warning-4-icon%22%20d%3D%22M228.55%2C134.812h54.9v166.5h-54.9V134.812z%20M256%2C385.188c-16.362%2C0-29.626-13.264-29.626-29.625c0-16.362%2C13.264-29.627%2C29.626-29.627c16.361%2C0%2C29.625%2C13.265%2C29.625%2C29.627C285.625%2C371.924%2C272.361%2C385.188%2C256%2C385.188z%20M256%2C90c91.742%2C0%2C166%2C74.245%2C166%2C166c0%2C91.741-74.245%2C166-166%2C166c-91.742%2C0-166-74.245-166-166C90%2C164.259%2C164.245%2C90%2C256%2C90z%20M256%2C50C142.229%2C50%2C50%2C142.229%2C50%2C256s92.229%2C206%2C206%2C206s206-92.229%2C206-206S369.771%2C50%2C256%2C50z%22%2F%3E%3C%2Fsvg%3E") .5em no-repeat, #DF4F5E linear-gradient(#DF4F5E, #CE3741);border:1px solid #C64F4B;border-radius:3px;box-shadow:inset 0 1px 0 #EB8A93, 0 0 .3em rgba(0,0,0, .5);white-space:pre-wrap;font-family:Menlo, Monaco, monospace;text-shadow:0 1px #A82734;content:"src/css/styles.css\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]"}
/*# sourceMappingURL=styles.css.map */
......@@ -5,8 +5,13 @@ title: Homepage
{% include block-header-1.html %}
{% include block-hero-2.html %}
{% include block-text-1.html %}
{% include block-feature-1.html %}
{% include block-feature-2.html %}
{% include block-one-column-1.html %}
{% include block-media-1.html %}
{% include block-two-column-1.html %}
{% include block-media-2.html %}
{% include block-three-column-1.html %}
{% include block-cta-bar.html %}
{% include block-footer-1.html %}
\ No newline at end of file
{% include block-footer-1.html %}
{% include block-footer-2.html %}
\ No newline at end of file
......@@ -17,7 +17,10 @@
}
.block-cta-bar .text h3 { margin-bottom: 1rem; }
.block-cta-bar .text p { color: var(--color-white); }
.block-cta-bar .text p {
font-size: 1.25rem;
color: var(--color-white);
}
.block-cta-bar .cta {
flex: 0 0 100%;
......
.block-feature-1 .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
text-align: center;
}
.block-feature-1 .column.text {
flex: 0 0 100%;
margin-right: 0;
margin-bottom: 2rem;
}
.block-feature-1 .column.media {
flex: 0 0 100%;
}
.block-feature-1 .column.text h2 {
margin-bottom: 1rem;
}
.block-feature-1 .column.media img {
max-width: 100%;
}
@media screen and (min-width: 700px) {
.block-feature-1 .columns {
text-align: left;
}
.block-feature-1 .column.text {
flex: 0 0 40%;
margin-right: 2rem;
margin-bottom: 0;
}
.block-feature-1 .column.media {
flex: 0 0 calc(60% - 2rem);
}
}
\ No newline at end of file
.block-feature-2 .columns {
display: flex;
align-items: center;
flex-wrap: wrap;
text-align: center;
}
.block-feature-2 .column.text {
flex: 0 0 100%;
order: 1;
margin-bottom: 2rem;
}
.block-feature-2 .column.media {
flex: 0 0 100%;
order: 2;
margin-right: 0;
}
.block-feature-2 .column.text h2 {
margin-bottom: 1rem;
}
.block-feature-2 .column.media img {
max-width: 100%;
}
@media screen and (min-width: 700px) {
.block-feature-2 .columns {
text-align: left;
}
.block-feature-2 .column.text {
flex: 0 0 50%;
order: 2;
margin-bottom: 0;
}
.block-feature-2 .column.media {
flex: 0 0 calc(50% - 4rem);
margin-right: 4rem;
order: 1;
}
}
\ No newline at end of file
.block-footer-2 .columns {
display: flex;
flex-wrap: wrap;
font-size: 0.8rem;
margin: -2rem;
}
.block-footer-2 .column {
flex: 0 0 calc(50% - 4rem);
margin: 2rem;
}
.block-footer-2 img {
max-width: 100%;
}
@media screen and (min-width: 700px) {
.block-footer-2 .column {
flex: 0 0 calc(25% - 4rem);
}
}
\ No newline at end of file
......@@ -44,6 +44,7 @@
}
@media screen and (min-width: 700px) {
.block-hero-2 .column.text {
flex: 0 0 45%;
text-align: left;
......@@ -60,4 +61,5 @@
width: 45vw;
max-width: 520px;
}
}
\ No newline at end of file
.block-media-1 img {
max-width: 100%;
}
.block-media-1 figcaption {
font-size: 0.7rem;
color: var(--color-black-3);
text-align: center;
margin-top: 0.5rem;
}
\ No newline at end of file
.block-media-2 .columns {
display: flex;
flex-wrap: wrap;
margin: -2rem;
}
.block-media-2 .column {
flex: 0 0 100%;
margin: 2rem;
}
.block-media-2 .column img {
max-width: 100%;
}
.block-media-2 figcaption {
font-size: 0.7rem;
color: var(--color-black-3);
text-align: center;
margin-top: 0.5rem;
}
@media screen and (min-width: 700px) {
.block-media-2 .column {
flex: 0 0 calc(50% - 4rem);
margin: 2rem;
}
}
\ No newline at end of file
......@@ -17,7 +17,12 @@
@import "imports/block-three-column-1.css";
@import "imports/block-cta-bar.css";
@import "imports/block-footer-1.css";
@import "imports/block-footer-2.css";
@import "imports/block-text-1.css";
@import "imports/block-feature-1.css";
@import "imports/block-feature-2.css";
@import "imports/block-media-1.css";
@import "imports/block-media-2.css";
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Ubuntu", "Droid Sans", "Helvetica Neue", sans-serif;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment