Summit Homepage - Modified font / bg image to make dynamic height work correctly

jimmytipit · jimmytipit · commit bf604231a1cd · 2018-09-07T11:49:16.000-05:00
Signed-off-by: Jimmy McArthur &lt;jimmy@tipit.net&gt;
diff --git a/summit/css/static-summit-about-page.css b/summit/css/static-summit-about-page.css
@@ -39,16 +39,16 @@ button.btn i, a.btn i {
 }
 
 .summit-hero-landing, .summit-hero-landing-short {
-    background: url("../images/berlin.jpg") center no-repeat;
-    height: 80vh;
+    background: url("../images/berlin.jpg") center bottom no-repeat;
+    height: auto;
     display: block;
     background-size: cover;
     position: relative;
 }
 
 .summit-hero-landing-short {
-    height: 67vh;
-    top:-30px;
+    height: auto;
+    padding-bottom: 100px;
 }
 
 .summit-hero-landing .navbar, .summit-hero-landing-short .navbar  {
@@ -116,7 +116,7 @@ button.btn i, a.btn i {
 }
 
 .summit-hero-landing-short .summit-banner {
-    margin: 9em auto 0;
+    margin: 6em auto 0;
 }
 
 
@@ -136,6 +136,10 @@ button.btn i, a.btn i {
     color: #fff;
 }
 
+.summit-hero-landing-short .summit-banner h1 {
+    font-size: 7em;
+}
+
 
 @media all and (max-width: 500px) {
     .text-wrapper .title-box {

Original file line number	Diff line number	Diff line change
`@@ -39,16 +39,16 @@ button.btn i, a.btn i {`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`.summit-hero-landing, .summit-hero-landing-short {`
`42`		`- background: url("../images/berlin.jpg") center no-repeat;`
`43`		`- height: 80vh;`
	`42`	`+ background: url("../images/berlin.jpg") center bottom no-repeat;`
	`43`	`+ height: auto;`
`44`	`44`	`display: block;`
`45`	`45`	`background-size: cover;`
`46`	`46`	`position: relative;`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`.summit-hero-landing-short {`
`50`		`- height: 67vh;`
`51`		`- top:-30px;`
	`50`	`+ height: auto;`
	`51`	`+ padding-bottom: 100px;`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`.summit-hero-landing .navbar, .summit-hero-landing-short .navbar {`
`@@ -116,7 +116,7 @@ button.btn i, a.btn i {`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`.summit-hero-landing-short .summit-banner {`
`119`		`- margin: 9em auto 0;`
	`119`	`+ margin: 6em auto 0;`
`120`	`120`	`}`
`121`	`121`
`122`	`122`
`@@ -136,6 +136,10 @@ button.btn i, a.btn i {`
`136`	`136`	`color: #fff;`
`137`	`137`	`}`
`138`	`138`
	`139`	`+.summit-hero-landing-short .summit-banner h1 {`
	`140`	`+ font-size: 7em;`
	`141`	`+}`
	`142`	`+`
`139`	`143`
`140`	`144`	`@media all and (max-width: 500px) {`
`141`	`145`	`.text-wrapper .title-box {`