gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrap text layout in basic card

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-24 12:06:31 +02:00
parent 230b82e2f3
commit 50746a365e
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/public-page-patterns.html
+4 -1
View File
@@ -40,7 +40,8 @@
<div class="sg-preview-area"> <div class="sg-preview-area">
<div class="sg-content-group-box" data-component="content-group-box"> <div class="sg-content-group-box" data-component="content-group-box">
<p class="sg-preview-label">Pattern: Text zweispaltig (mobil gestacked)</p> <article class="sg-card" data-component="basic-card">
<div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">
<div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig-gestacked" aria-label="Text Layout zweispaltig mobil gestacked"> <div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig-gestacked" aria-label="Text Layout zweispaltig mobil gestacked">
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column sg-text-layout-pattern__two-column--stacked-mobile" data-pattern-part="text-block-two-column-stacked-mobile"> <div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column sg-text-layout-pattern__two-column--stacked-mobile" data-pattern-part="text-block-two-column-stacked-mobile">
<p class="sg-body sg-text-layout-pattern__column"> <p class="sg-body sg-text-layout-pattern__column">
@@ -52,6 +53,8 @@
</div> </div>
</div> </div>
</div> </div>
</article>
</div>
</div> </div>
<p class="sg-preview-label">pattern: CTA box left</p> <p class="sg-preview-label">pattern: CTA box left</p>