Fixed footer logo overflowing

LayZeeDK · web-flow · commit 6c2ec829e5d0 · 2016-09-06T21:54:23.000+02:00
Footer logo was overflowing at ~960px wide viewport. Added `background-size: contain` (shorthand), and `max-width: 100%` to contain wrapper, and background image within grid.
diff --git a/public/resources/css/module/_footer.scss b/public/resources/css/module/_footer.scss
@@ -27,9 +27,10 @@
   }
 
   .logo-inverse-large {
-    background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px no-repeat;
+    background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px / contain no-repeat;
     height: 200px;
     width: 200px;
+    max-width: 100%;
 
     @media handheld and (max-width: $phone-breakpoint),
     screen and (max-device-width: $phone-breakpoint),
@@ -101,4 +102,4 @@
       opacity: .24;
     }
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -27,9 +27,10 @@`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`.logo-inverse-large {`
`30`		`- background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px no-repeat;`
	`30`	`+ background: url('/resources/images/logos/inverse/shield/shield-large.png') 0px 0px / contain no-repeat;`
`31`	`31`	`height: 200px;`
`32`	`32`	`width: 200px;`
	`33`	`+ max-width: 100%;`
`33`	`34`
`34`	`35`	`@media handheld and (max-width: $phone-breakpoint),`
`35`	`36`	`screen and (max-device-width: $phone-breakpoint),`
`@@ -101,4 +102,4 @@`
`101`	`102`	`opacity: .24;`
`102`	`103`	`}`
`103`	`104`	`}`
`104`		`-}`
	`105`	`+}`