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

Use small spacing for grouped fundamentals content cards

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-18 17:45:45 +02:00
parent 21c19ba5d1
commit 7da494cca0
2 changed files with 58 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/card-listen-seite.html
+4
View File
@@ -706,6 +706,7 @@
</div>
</div>
<div class="sg-card-list-page-detail-group" aria-label="Fundamentalanalyse Karten Gruppe">
<article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Fundamentalanalyse Box 1">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
<div class="sg-strong">Box 1</div>
@@ -732,6 +733,7 @@
<p class="sg-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum sapien ut nibh egestas, sed ultrices quam vestibulum. Integer feugiat, sem a iaculis lacinia, augue libero pretium orci, in dictum eros nibh et risus. Fusce sagittis, dolor ut facilisis tincidunt, lorem nisi sodales sem.</p>
</div>
</article>
</div>
<div class="sg-navigation-card-layout">
<div class="sg-navigation-card-block">
@@ -760,6 +762,7 @@
</div>
</div>
<div class="sg-card-list-page-detail-group" aria-label="Fundamentalanalyse Karten Gruppe mobil">
<article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Fundamentalanalyse Box 1 mobil">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
<div class="sg-strong">Box 1</div>
@@ -786,6 +789,7 @@
<p class="sg-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum sapien ut nibh egestas, sed ultrices quam vestibulum. Integer feugiat, sem a iaculis lacinia, augue libero pretium orci, in dictum eros nibh et risus. Fusce sagittis, dolor ut facilisis tincidunt, lorem nisi sodales sem.</p>
</div>
</article>
</div>
<div class="sg-navigation-card-layout">
<div class="sg-navigation-card-block">
styleguide.css
+6
View File
@@ -1718,6 +1718,12 @@ section + section {
var(--card-segment-padding-horizontal);
}
.sg-card-list-page-detail-group {
display: flex;
flex-direction: column;
gap: var(--spacing-small);
}
.sg-card-list-page-mobile-detail {
display: none;
flex-direction: column;