PR feedback

Author: jlchilders11

static/css/v3/community-card.css

@@ -3,48 +3,6 @@
   Individual community card item styles used within card-group containers.
 */
 
-.community-card {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-medium);
-    padding: var(--space-card);
-    font-family: var(--font-sans);
-    color: var(--color-text-primary);
-    transition:
-        background-color 0.2s ease,
-        border-color 0.2s ease;
-}
-
-.community-card__title {
-    margin: 0;
-    padding: 0;
-    font-family: var(--font-sans);
-    font-size: var(--font-size-base);
-    font-weight: var(--font-weight-medium);
-    line-height: var(--line-height-default);
-    letter-spacing: var(--letter-spacing-tight);
-    color: var(--color-text-primary);
-}
-
-.community-card__description {
-    margin: 0;
-    padding: 0;
-    font-family: var(--font-sans);
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-regular);
-    line-height: var(--line-height-default);
-    letter-spacing: var(--letter-spacing-tight);
-    color: var(--color-text-secondary);
-}
-
-.community-card__link {
-    color: var(--color-text-primary);
-    font-family: var(--font-sans);
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-medium);
-    line-height: var(--line-height-tight);
-    letter-spacing: var(--letter-spacing-tight);
-    text-decoration-line: underline;
-    text-decoration-skip-ink: none;
-    text-underline-position: from-font;
+.community-card .content-detail-icon {
+    border: none;
 }

templates/v3/includes/_community_card.html

@@ -26,22 +26,10 @@
 {% if items %}
   <ul class="card-group__list">
     {% for item in items %}
-      <li class="card-group__item">
-          <article class="community-card">
-              <h3 class="community-card__title">{{ item.title }}</h3>
-              {% if item.description %}
-                <p class="community-card__description">{{ item.description }}</p>
-              {% endif %}
-              {% if item.cta_url and item.cta_label %}
-              <a href="{{ item.cta_url }}"
-                  class="community-card__link"
-                  aria-label="{{ item.cta_aria_label|default:item.cta_label }}">
-                {{item.cta_label}}
-              </a>
-              {% endif %}
-          </article>
-          </li>
-        {% endfor %}
+      <li class="card-group__item community-card">
+        {% include 'v3/includes/_content_detail_card_item.html' with title=item.title description=item.description cta_href=item.cta_url cta_label=item.cta_label only %}
+      </li>
+      {% endfor %}
     </ul>
 {% endif %}
 {% endblock %}