sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-06 07:40:50 +08:00
Code Activity

feat(MaterialCard): standardize color application across elevated, filled, and outlined variants

Browse Source
This commit is contained in:
sendevia
2025-12-15 17:03:17 +08:00
parent 11930fcebe
commit 120f76dcc6
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
.vitepress/theme/styles/components/Card.scss
View File

@@ -24,17 +24,13 @@
}
.supporting-area {
color: var(--md-sys-color-on-surface);
pointer-events: none;
h3 {
transition: var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);
}
}
}
&.feed {
border-radius: var(--md-sys-shape-corner-large);
.content {
display: flex;
flex-direction: column;
@@ -137,22 +133,28 @@
}
&.elevated {
color: var(--md-sys-color-primary);
background-color: var(--md-sys-color-surface-container-low);
box-shadow: 0px 1px 6px -3px var(--md-sys-color-shadow);
.content {
color: var(--md-sys-color-on-surface);
}
}
&.filled {
color: var(--md-sys-color-on-surface);
background-color: var(--md-sys-color-surface-container-highest);
.content {
color: var(--md-sys-color-on-surface);
}
}
&.outlined {
color: var(--md-sys-color-on-surface-variant);
border-color: var(--md-sys-color-outline-variant);
.content {
color: var(--md-sys-color-on-surface-variant);
}
}
}