additional css for merge

js/component_scripts.min.js

+/**
+ * @file
+ * Ckeditor Modal.
+ */
+
+(function ($, Drupal) {
+  if ($.ui && $.ui.dialog) {
+    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
+    $.ui.dialog.prototype._allowInteraction = function (event) {
+      if ($(event.target).closest('.cke_dialog').length) {
+        return true;
+      }
+      return orig_allowInteraction.apply(this, arguments);
+    };
+  }
+})(jQuery, Drupal);
+
 /**
  * @file
  */
@@ -329,23 +346,6 @@ else {
   };
 })(jQuery);
 
-/**
- * @file
- * Ckeditor Modal.
- */
-
-(function ($, Drupal) {
-  if ($.ui && $.ui.dialog) {
-    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
-    $.ui.dialog.prototype._allowInteraction = function (event) {
-      if ($(event.target).closest('.cke_dialog').length) {
-        return true;
-      }
-      return orig_allowInteraction.apply(this, arguments);
-    };
-  }
-})(jQuery, Drupal);
-
 /**
  * @file
  */

source/_patterns/00-config/_design-tokens.artifact.scss

@@ -511,4 +511,4 @@ $gesso: (
     xxl: 96px,
   ),
   gutter-width: 40px,
-);
+);
\ No newline at end of file

source/_patterns/04-components/card/_card.scss

@@ -15,6 +15,10 @@ $card-padding: rem(gesso-spacing(sm)) !default;
   .views-row &{
     height:100%;
   }
+  .uw-label{
+    display:block;
+    margin-top:1rem;
+  }
 }
 
 // if card--show-hover class is present then show "

source/_patterns/04-components/card/card--node/card--node.twig

@@ -30,5 +30,11 @@
     'featured_image': featured_image,
     'card_type': 'node',
     'hero': node.hero,
+    'host': node.host,
+    'event_website': node.event_website,
+    'cost': node.cost,
+    'map': node.map,
+    'address': node.address,
+    'map_link': node.map_link,
   } %}
 </div>

source/_patterns/04-components/card/card.twig

@@ -125,7 +125,7 @@
             {% endif %}
             {% if location %}
               <div class="card__location">
-                Location: {{ location }}
+                <span class="uw-label">Location:</span> {{ location }}
               </div>
             {% endif %}
           {% endblock %}
@@ -142,14 +142,13 @@
 
           {% block details_content %}
             {% if link_profile %}
-              <div class="uw-contact__link-profile">
-                <strong>Link to Profile:</strong><br />
+              <div class="card__link-profile">Link to Profile:<br />
                 <a href="{{ link_profile.uri }}">{{ link_profile.title }}</a>
               </div>
             {% endif %}
             {% if personal_webpage %}
-              <div class="uw-contact__personal-webpage">
-                <strong>Link to personal webpage:</strong><br />
+              <div class="card__personal-webpage">
+                <span class="uw-label">Link to personal webpage:</span>
                 <a href="{{ personal_webpage.uri }}">{{ personal_webpage.title }}</a>
               </div>
             {% endif %}
@@ -158,6 +157,95 @@
       </div>
     {% endif %}
 
+    {% if host or event_website or cost %}
+      <div class="card__additional-info">
+        {% embed '@components/details/details.twig' with {
+          is_open: TRUE,
+        } %}
+          {% block details_summary %}
+            Additional Information
+          {% endblock %}
+
+          {% block details_content %}
+            {% if host %}
+              <div class="card__host">
+                <span class="uw-label"> Host:</span>
+                <a href="{{ host.uri }}">
+                  {% if host.title %}
+                    {{ host.title }}
+                  {% else %}
+                    {{ host.uri }}
+                  {% endif %}
+                </a>
+              </div>
+            {% endif %}
+            {% if event_website %}
+              <div class="card__event-website">
+                <span class="uw-label"> Event website:</span>
+                <a href="{{ event_website.uri }}">
+                  {% if event_website.title %}
+                    {{ event_website.title }}
+                  {% else %}
+                    {{ event_website.uri }}
+                  {% endif %}
+                </a>
+              </div>
+            {% endif %}
+            {% if cost %}
+              <div class="card__cost">
+                <span class="uw-label">Cost:</span>
+                ${{ cost }}
+              </div>
+            {% endif %}
+          {% endblock %}
+        {% endembed %}
+      </div>
+    {% endif %}
+
+    {% if address or map or map_link %}
+      <div class="card__location">
+        {% embed '@components/details/details.twig' with {
+          is_open: TRUE,
+        } %}
+          {% block details_summary %}
+            Location Information
+          {% endblock %}
+
+          {% block details_content %}
+            {% if address %}
+              <div class="card__address">
+                <span class="uw-label">Location Address:</span>
+                {% if address.address_line1 %}
+                  {{ address.address_line1 }}<br />
+                {% endif %}
+                {% if address.address_line2 %}
+                  {{ address.address_line2 }}<br />
+                {% endif %}
+                {% if address.locality %}
+                  {{ address.locality }}{% if address.administrative_area %} , {{ address.administrative_area }}{% endif %}{% if address.country_code %}, {{ address.country_code }}{% endif %}
+                {% endif %}
+                {% if address.postal_code %}
+                  {{ address.postal_code }}
+                {% endif %}
+              </div>
+            {% endif %}
+            {% if map %}
+              <div class="card__map">
+                <span class="uw-label">Location coordinates:</span>
+                {{ map }}
+              </div>
+            {% endif %}
+            {% if map_link %}
+              <div class="card__map-link">
+                <span class="uw-label"> Link to map:</span>
+                <a href="{{ map_link.uri }}">{{ map_link.uri }}</a>
+              </div>
+            {% endif %}
+          {% endblock %}
+        {% endembed %}
+      </div>
+    {% endif %}
+
     {% if contact_for %}
       <div class="card__contact-for">
         {% embed '@components/details/details.twig' %}