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

Refine white notification card text via card variant token cascade

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-28 10:29:57 +02:00
parent d1a30c726e
commit 90eb245d05
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards.html
+2 -2
View File
@@ -97,8 +97,8 @@
</div>
</article>
<article class="sg-card" data-component="notification-card">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-card-segment--text-dark" data-component-part="card-header">
<article class="sg-card sg-card--notification-white" data-component="notification-card">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--white" data-component-part="card-header">
<p class="sg-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae velit posuere, posuere mauris eu, tincidunt lorem. Proin gravida sapien in mattis molestie. Sed non risus augue. Fusce sed odio vitae purus porta efficitur. Integer tempor congue sem, a convallis lorem ornare eget. Nam. Aenean.
</p>
styles/40-components-cards.css
+2 -2
View File
@@ -111,8 +111,8 @@
background: var(--surface-object-card-lower-segment);
}
.sg-card-segment--text-dark {
color: var(--text-card-body);
.sg-card.sg-card--notification-white {
--text-card-header: var(--text-card-body);
}
.sg-card--content-card {