mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
28 lines
733 B
SCSS
28 lines
733 B
SCSS
// Card/Paper mixins - Material Design 3
|
|
// Uses M3 surface containers and elevation tokens
|
|
|
|
@mixin card {
|
|
background: var(--mat-sys-surface-container-low);
|
|
border-radius: var(--mat-sys-corner-medium);
|
|
box-shadow: var(--mat-sys-level1);
|
|
}
|
|
|
|
@mixin card-elevated {
|
|
background: var(--mat-sys-surface-container);
|
|
border-radius: var(--mat-sys-corner-medium);
|
|
box-shadow: var(--mat-sys-level2);
|
|
}
|
|
|
|
@mixin card-filled {
|
|
background: var(--mat-sys-surface-container-highest);
|
|
border-radius: var(--mat-sys-corner-medium);
|
|
box-shadow: none;
|
|
}
|
|
|
|
@mixin card-outlined {
|
|
background: var(--mat-sys-surface);
|
|
border: 1px solid var(--mat-sys-outline-variant);
|
|
border-radius: var(--mat-sys-corner-medium);
|
|
box-shadow: none;
|
|
}
|