Reduce padding to remove extraneous whitespace

This removes around 500 pixels of whitespace from top to bottom.
Additionally adds directory and file created by sass to gitignore.

Change-Id: Ice436e051a8c1c9802570a19e0aad92942894c71
This commit is contained in:
David Moreau Simard 2018-11-13 09:54:13 -05:00
parent 1517112ebe
commit 9be7f045a2
No known key found for this signature in database
GPG Key ID: CBEB466764A9E621
4 changed files with 13 additions and 16 deletions

2
.gitignore vendored
View File

@ -1,2 +1,4 @@
html html
www/media www/media
.sass-cache/
www/assets/css/main.css.map

View File

@ -1881,20 +1881,13 @@ input[type="button"],
height: 28em; height: 28em;
text-align: center; text-align: center;
position: relative; } position: relative; }
#banner p {
display: inline-block;
margin: 0;
width: 100%;
vertical-align: middle;
background: #212121;
background: rgba(27, 27, 27, 0.75);
color: #37c0fb;
padding: 1.5em 0; }
#banner p .button {
margin-left: 1em; }
#banner header { #banner header {
position: absolute;
bottom: 30%;
left: 0;
width: 100%;
color: #071d49; color: #071d49;
margin: 6%; } padding: 1.5em 0; }
#banner header h2 { #banner header h2 {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
@ -1912,7 +1905,7 @@ input[type="button"],
/* Wrapper */ /* Wrapper */
.wrapper { .wrapper {
padding: 5em 0 3em 0; } padding: 2em 0 1em 0; }
.wrapper.style1 { .wrapper.style1 {
background: #fff; } background: #fff; }
.wrapper.style2 { .wrapper.style2 {
@ -2334,3 +2327,5 @@ input[type="button"],
#footer { #footer {
padding: 2em 20px; padding: 2em 20px;
text-align: left; } } text-align: left; } }
/*# sourceMappingURL=main.css.map */

View File

@ -759,7 +759,7 @@
/* Wrapper */ /* Wrapper */
.wrapper { .wrapper {
padding: 5em 0 3em 0; padding: 2em 0 1em 0;
&.style1 { &.style1 {
background: #fff; background: #fff;

View File

@ -107,7 +107,7 @@
<!-- Video --> <!-- Video -->
<section class="wrapper style1"> <section class="wrapper style1">
<div class="container"> <div class="container">
<div class="row 200%"> <div class="row">
<section class="3u 12u(narrower)"> <section class="3u 12u(narrower)">
<div class="box highlight"> <div class="box highlight">
</div> </div>
@ -135,7 +135,7 @@
<!-- Brochure --> <!-- Brochure -->
<section class="wrapper style1"> <section class="wrapper style1">
<div class="container"> <div class="container">
<div class="row 200%"> <div class="row">
<section class="3u 12u(narrower)"> <section class="3u 12u(narrower)">
<div class="box highlight"> <div class="box highlight">
</div> </div>