27 lines
541 B
CSS
27 lines
541 B
CSS
|
@import './button';
|
||
|
|
|
||
|
|
.p-panel {
|
||
|
|
@apply border border-surface-200 dark:border-surface-700 rounded-md
|
||
|
|
bg-surface-0 dark:bg-surface-900
|
||
|
|
text-surface-700 dark:text-surface-0
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-panel-header {
|
||
|
|
@apply flex justify-between items-center p-[1.125rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-panel-toggleable .p-panel-header {
|
||
|
|
@apply py-[0.375rem] px-[1.125rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-panel-title {
|
||
|
|
@apply leading-none font-semibold
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-panel-content {
|
||
|
|
@apply pt-0 pb-[1.125rem] px-[1.125rem]
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-panel-footer {
|
||
|
|
@apply pt-0 pb-[1.125rem] px-[1.125rem]
|
||
|
|
}
|