Add content wrapper card to public cards page

2026-06-23 17:15:23 +02:00
parent 75290bcee7
commit fc88afc4b3
2 changed files with 17 additions and 0 deletions
@@ -11,6 +11,19 @@
  <h1 class="sg-main-heading">Components – Cards Public Page</h1>

  <main aria-label="Cards Public Page">
+
+    <section id="component-content-wrapper-card">
+      <p class="sg-preview-label">Component: Content Wrapper Card</p>
+
+      <div class="sg-preview-area">
+        <div class="sg-transparent-card" data-component="transparent-card">
+          <p class="sg-body">
+            Content Wrapper Card als Transparent Card ohne horizontale Außenabstände und mit vertikalem Abstand gemäss spacing-large.
+          </p>
+        </div>
+      </div>
+    </section>
+
  </main>

 </body>
@@ -232,6 +232,10 @@
  max-width: none;
 }

+.sg-page-cards-public-page .sg-preview-area > .sg-transparent-card {
+  margin: var(--spacing-large) 0;
+}
+
 .sg-page-cards .sg-group-card > .sg-card {
  flex: 0 0 100%;
  width: 100%;