Refine white notification card text via card variant token cascade
This commit is contained in:
1 parent
d1a30c726e
commit
90eb245d05
2 files changed
+4
-4
No files matched your search
@@ -97,8 +97,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="sg-card" data-component="notification-card">
|
<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 sg-card-segment--text-dark" data-component-part="card-header">
|
<div class="sg-card-segment sg-card-segment--header sg-card-segment--white" data-component-part="card-header">
|
||||||
<p class="sg-body">
|
<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.
|
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>
|
</p>
|
||||||
|
|||||||
@@ -111,8 +111,8 @@
|
|||||||
background: var(--surface-object-card-lower-segment);
|
background: var(--surface-object-card-lower-segment);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-card-segment--text-dark {
|
.sg-card.sg-card--notification-white {
|
||||||
color: var(--text-card-body);
|
--text-card-header: var(--text-card-body);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-card--content-card {
|
.sg-card--content-card {
|
||||||
|
|||||||
Reference in new issue
Block a user