From 20863f230949e698cd5660e0201f79c0e5776b13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 30 Aug 2019 15:33:23 -0400
Subject: [PATCH] Give hero images same full-width as article images

Same approach works even though they're a background image rather than an <img> tag image.

Ref #24
---
 .../custom/geofresco/src/global/_components.scss     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss
index ab8e81a..3377c48 100644
--- a/web/themes/custom/geofresco/src/global/_components.scss
+++ b/web/themes/custom/geofresco/src/global/_components.scss
@@ -31,7 +31,17 @@
   }
 }
 
-// Slim down section vertical padding a bit.
+/* Hero image in hero block */
+.has-background-image.hero {
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
+
+/* Slim down section vertical padding a bit.*/
 .section {
   padding: 0.5rem 1.5rem 1.5rem;
 }