Add green content card variant
This commit is contained in:
@@ -38,6 +38,20 @@
|
||||
color: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--content-card-green {
|
||||
--surface-content-card-green: var(--color-signal-green);
|
||||
--surface-card: var(--surface-content-card-green);
|
||||
--surface-card-body: var(--surface-content-card-green);
|
||||
--text-card-header: var(--color-font-light);
|
||||
--text-card-body: var(--color-font-light);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--content-card-green .sg-card-segment--body,
|
||||
.sg-card.sg-card--content-card-green .sg-text-layout-pattern__column,
|
||||
.sg-card.sg-card--content-card-green .sg-body {
|
||||
color: var(--text-card-body);
|
||||
}
|
||||
|
||||
.sg-card.sg-card--footer-card {
|
||||
--surface-card: var(--color-black);
|
||||
--surface-card-body: var(--color-black);
|
||||
|
||||
Reference in New Issue
Block a user