Initial version

themes/zen/assets/sass/components/cards/_cards.scss

@@ -0,0 +1,45 @@
+// Cards
+//
+// A simple cards style.
+
+.cards,
+%cards {
+  @extend %grid-group;
+  // Add vertical rhythm margins.
+  @include margin-block(1);
+}
+
+.card,
+%card {
+  @include padding(.5);
+  border: 1px solid var(--color-border);
+
+  &--highlight {
+    border-color: var(--color-highlight);
+  }
+
+  &--featured {
+    grid-row: span 2;
+    grid-column: span 2;
+  }
+
+  &--gutter {
+    padding-inline: var(--gutters);
+  }
+
+  &--inverted {
+    @extend %link-inverted;
+    background: var(--color-border);
+    color: var(--color-text-bg);
+  }
+
+  > * {
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}