45 lines
1.2 KiB
CSS
45 lines
1.2 KiB
CSS
.p-fieldset {
|
|
@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
|
|
px-[1.125rem] pt-0 pb-[1.125rem]
|
|
}
|
|
|
|
.p-fieldset-legend {
|
|
@apply border border-transparent rounded-md px-3 py-2
|
|
transition-colors duration-200
|
|
}
|
|
|
|
.p-fieldset-toggleable > .p-fieldset-legend {
|
|
@apply p-0
|
|
}
|
|
|
|
.p-fieldset-toggle-button {
|
|
@apply select-none overflow-hidden relative
|
|
flex items-center justify-center gap-2
|
|
px-3 py-2
|
|
border-none rounded-md
|
|
bg-surface-0 dark:bg-surface-900
|
|
hover:bg-surface-100 dark:hover:bg-surface-800
|
|
text-surface-700 dark:text-surface-0
|
|
hover:text-surface-800 dark:hover:text-surface-0
|
|
focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary
|
|
transition-colors duration-200
|
|
}
|
|
|
|
.p-fieldset-legend-label {
|
|
@apply font-semibold;
|
|
}
|
|
|
|
.p-fieldset-toggle-icon {
|
|
@apply text-surface-500 dark:text-surface-400
|
|
transition-colors duration-200
|
|
}
|
|
|
|
.p-fieldset-toggle-button:hover .p-fieldset-toggle-icon {
|
|
@apply text-surface-600 dark:text-surface-300
|
|
}
|
|
|
|
.p-fieldset .p-fieldset-content {
|
|
@apply p-0
|
|
} |