vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-11 01:42:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Theme: accordion and card

Browse source
This commit is contained in:
mertsincan 2024-01-02 21:58:32 +00:00
parent 684823f5a4
commit 239ed71cd7
9 changed files with 300 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

73
components/lib/theme/lara/card/index.js Normal file
View file

@ -0,0 +1,73 @@
export default {
variables: {
common: {
body: {
paddingX: '1.25rem',
paddingY: '1.25rem'
},
title: {
fontSize: '1.5rem',
fontWeight: 700
},
subtitle: {
fontWeight: 400
},
content: {
paddingX: '0',
paddingY: '1.25rem'
},
footer: {
// 1.25rem 0 0 0
paddingX: '',
paddingY: ''
}
},
light: {
root: {
background: '{shade.0}',
color: '{shade.700}',
boxShadow: '0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)'
},
subtitle: {
color: '{shade.600}'
}
},
dark: {
root: {
background: '{shade.0}',
color: '{shade.700}',
boxShadow: '0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)'
},
subtitle: {
color: '{shade.600}'
}
}
},
css: `
.p-card {
background: var(--p-card-background);
color: var(--p-card-color);
box-shadow: var(--p-card-box-shadow);
border-radius: var(--p-border-radius);
}
.p-card-body {
padding: var(--p-card-body-padding-y) var(--p-card-body-padding-x);
}
.p-card-title {
font-size: var(--p-card-title-font-size);
font-weight: var(--p-card-title-font-weight);
margin-bottom: var(--p-gap);
}
.p-card-subtitle {
font-weight: var(--p-card-subtitle-font-weight);
margin-bottom: var(--p-gap);
color: var(--p-card-subtitle-color);
}
.p-card-content {
padding: var(--p-card-content-padding-y) var(--p-card-content-padding-x);
}
.p-card-footer {
padding: var(--p-card-footer-padding-y) var(--p-card-footer-padding-x);
}
`
};