primevue-mirror/components/lib/theme/aura/card/index.js

36 lines
676 B
JavaScript

export default {
css: `
.p-card {
background: var(--p-dark-surface-900, var(--p-surface-0));
color: var(--p-dark-surface-0, var(--p-surface-700));
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 12px;
display: flex;
flex-direction: column;
}
.p-card-caption {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.p-card-body {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.p-card-title {
font-size: 1.25rem;
font-weight: 600;
}
.p-card-subtitle {
font-weight: 400;
color: var(--p-dark-surface-400, var(--p-surface-500));
}
`
};