buildkit-primevue/dist/styles.css

FormKit components and helpers built on PrimeVue v4 with Tailwind CSS

.bk-form{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:.75rem;column-gap:1.25rem}.bk-form-field-wrapper{display:flex;align-items:flex-start}.bk-field{display:flex;flex-direction:column;gap:.5rem}.bk-form-footer{width:100%;display:flex;justify-content:space-between}.bk-row{display:flex}.bk-gap-1{gap:.25rem}.bk-gap-2{gap:.5rem}.bk-gap-3{gap:.75rem}.bk-w-full{width:100%}.bk-flex{display:flex}.bk-flex-col{flex-direction:column}.bk-row-reverse{flex-direction:row-reverse}.bk-items-center{align-items:center}.bk-justify-end{justify-content:flex-end}.bk-group{display:flex;gap:.5rem;padding-top:.25rem}.bk-group--wrap{flex-wrap:wrap}.bk-group-label,.bk-radio-label{display:flex;align-items:center;gap:.5rem}.bk-radio-label{transition:all .2s ease}.bk-text-sm{font-size:.875rem;line-height:1.25rem}.bk-text-xs{font-size:.75rem;line-height:1rem}.bk-text-muted{color:var(--p-text-muted-color, #6b7280)}.bk-text-error{color:var(--p-danger-600, #ef4444)}.bk-label{padding-left:.25rem;display:flex;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--p-text-color, #374151);gap:.25rem}.bk-clickable{cursor:pointer}.bk-button-option{padding:.5rem .75rem;border:1px solid var(--p-content-border-color, #d1d5db);border-radius:var(--p-content-border-radius, 6px);cursor:pointer;-webkit-user-select:none;user-select:none}.bk-button-option--active{border-color:var(--p-primary-color, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--p-primary-color, #3b82f6) 20%,transparent);background:color-mix(in srgb,var(--p-primary-color, #3b82f6) 5%,white);color:var(--p-primary-color, #3b82f6)}.bk-button-option--inactive{border-color:var(--p-content-border-color, #d1d5db);box-shadow:none}