34 lines
692 B
CSS
34 lines
692 B
CSS
|
.ui-card {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
border-radius: var(--radius-lg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-card--default {
|
||
|
|
background: var(--color-bg-surface-1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-card--elevated {
|
||
|
|
background: var(--color-bg-surface-2);
|
||
|
|
box-shadow: var(--shadow-2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-card--outlined {
|
||
|
|
background: transparent;
|
||
|
|
border: 1px solid var(--color-border-default);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-card--p-sm { padding: var(--space-6); }
|
||
|
|
.ui-card--p-md { padding: var(--space-9); }
|
||
|
|
.ui-card--p-lg { padding: var(--space-11) var(--space-10); }
|
||
|
|
|
||
|
|
.ui-card__header {
|
||
|
|
margin-bottom: var(--space-6);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-card__footer {
|
||
|
|
margin-top: var(--space-6);
|
||
|
|
padding-top: var(--space-6);
|
||
|
|
border-top: 1px solid var(--color-border-default);
|
||
|
|
}
|