Revert "Simplify CTA right public page layout"

This reverts commit 82b9a616c5.
This commit is contained in:
2026-06-24 09:21:39 +02:00
parent a9953a0f33
commit 58a92bcc4b
2 changed files with 30 additions and 16 deletions
+19 -15
View File
@@ -8,7 +8,7 @@
</head>
<body class="sg-page-cards-public-page">
<h1 class="sg-main-heading">Component: CTA Right</h1>
<h1 class="sg-main-heading">Components Cards Public Page</h1>
<main aria-label="Cards Public Page">
@@ -20,23 +20,27 @@
Content Wrapper Card als Transparent Card ohne horizontale Außenabstände und mit vertikalem Abstand gemäss spacing-large.
</p>
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-cards-public-page__cta-right-card" data-component="content-card" aria-label="CTA Right">
<div class="sg-card-segment sg-card-segment--body sg-cards-public-page__cta-right-body">
<div class="sg-cards-public-page__cta-right-grid">
<div class="sg-cards-public-page__cta-right-copy">
<p class="sg-body">
Ein Satz Text als CTA-Hinweis.
</p>
</div>
<section id="component-cta-right">
<p class="sg-preview-label">Component: CTA Right</p>
<div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
<button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
Link-Button
</button>
<article class="sg-card sg-card--content-card sg-card--content-card-dark sg-cards-public-page__cta-right-card" data-component="content-card" aria-label="CTA Right">
<div class="sg-card-segment sg-card-segment--body sg-cards-public-page__cta-right-body">
<div class="sg-cards-public-page__cta-right-grid">
<div class="sg-cards-public-page__cta-right-copy">
<p class="sg-body">
Ein Satz Text als CTA-Hinweis.
</p>
</div>
<div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
<button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
Link-Button
</button>
</div>
</div>
</div>
</div>
</article>
</article>
</section>
</div>
</section>