diff --git a/components/cards.html b/components/cards.html index bf1f8fb..f56983c 100644 --- a/components/cards.html +++ b/components/cards.html @@ -18,15 +18,15 @@ - +
-

Component: Card

+

Component: Objekt Cards

-
Card Header
+
Objekt Card 1
@@ -38,7 +38,7 @@
-
Alternative Header
+
Objekt Card 2
@@ -50,7 +50,7 @@
-
Darkbrown Header
+
Objekt Card 3
@@ -63,6 +63,27 @@
+ +
+

Component: Content Card

+ +
+ +
+
+
Content Card
+
+ +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer luctus, turpis vel porttitor cursus, nibh justo feugiat sem, sit amet egestas lorem arcu sed augue. Donec sed lorem in urna sagittis. +

+
+
+ +
+
+

Component: Group Card

@@ -112,4 +133,4 @@
- \ No newline at end of file + diff --git a/styleguide.css b/styleguide.css index 3d21663..4acae9c 100644 --- a/styleguide.css +++ b/styleguide.css @@ -1894,6 +1894,13 @@ section + section { background: var(--surface-card-header-muted); } +.sg-card--content-card { + --surface-card-header-primary: var(--surface-content-block-card-title); + --surface-card-body: var(--surface-content-block-card-content); + --text-card-header: var(--text-content-block-card-title); + --text-card-body: var(--text-content-block-card-content); +} + .sg-card-segment + .sg-card-segment { box-shadow: inset 0 1px 0 var(--divider-card-segment); }