ISTWCMS-5724: adding google maps

src/patterns/04-components/_index.scss

@@ -18,6 +18,7 @@
 @forward 'facebook/facebook';
 @forward 'facts-and-figures/facts-and-figures';
 @forward 'filters/filters';
+@forward 'google_maps/google_maps';
 @forward 'icon/icon';
 @forward 'icon/icon--button/icon--button';
 @forward 'image/image';

src/patterns/04-components/google_maps/_google_maps.scss

+.uw-google-maps > iframe {
+  width: 100%;
+}
+
+.js .uw-google-maps {
+  &__message {
+    display: none;
+  }
+}

src/patterns/04-components/google_maps/google_maps.twig

+<div class="uw-google-maps">
+  <div class="uw-google-maps__message">Enable JavaScript to view map.</div>
+  <iframe src="{{ url }}" height="{{ height }}" allowfullscreen loading="lazy"></iframe>
+</div>

src/patterns/04-components/google_maps/google_maps.yml

+type: 'Google Maps'
+url: 'https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2895.384940217044!2d-80.5453043!3d43.4734364!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf6ad02edccff%3A0xdd9df23996268e17!2sUniversity%20of%20Waterloo!5e0!3m2!1sen!2sca!4v1616442681100!5m2!1sen!2sca'
+height: 400