UNPKG

@primeuix/styles

Version:
148 lines (130 loc) 4.53 kB
import{css}from"@primeuix/styled";var style=css` .p-dialog { max-height: 90%; transform: scale(1); border-radius: dt('dialog.border.radius'); box-shadow: dt('dialog.shadow'); background: dt('dialog.background'); border: 1px solid dt('dialog.border.color'); color: dt('dialog.color'); } .p-dialog-content { overflow-y: auto; padding: dt('dialog.content.padding'); } .p-dialog-header { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: dt('dialog.header.padding'); } .p-dialog-title { font-weight: dt('dialog.title.font.weight'); font-size: dt('dialog.title.font.size'); } .p-dialog-footer { flex-shrink: 0; padding: dt('dialog.footer.padding'); display: flex; justify-content: flex-end; gap: dt('dialog.footer.gap'); } .p-dialog-header-actions { display: flex; align-items: center; gap: dt('dialog.header.gap'); } .p-dialog-enter-active { transition: all 150ms cubic-bezier(0, 0, 0.2, 1); } .p-dialog-leave-active { transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); } .p-dialog-enter-from, .p-dialog-leave-to { opacity: 0; transform: scale(0.7); } .p-dialog-top .p-dialog, .p-dialog-bottom .p-dialog, .p-dialog-left .p-dialog, .p-dialog-right .p-dialog, .p-dialog-topleft .p-dialog, .p-dialog-topright .p-dialog, .p-dialog-bottomleft .p-dialog, .p-dialog-bottomright .p-dialog { margin: 0.75rem; transform: translate3d(0px, 0px, 0px); } .p-dialog-top .p-dialog-enter-active, .p-dialog-top .p-dialog-leave-active, .p-dialog-bottom .p-dialog-enter-active, .p-dialog-bottom .p-dialog-leave-active, .p-dialog-left .p-dialog-enter-active, .p-dialog-left .p-dialog-leave-active, .p-dialog-right .p-dialog-enter-active, .p-dialog-right .p-dialog-leave-active, .p-dialog-topleft .p-dialog-enter-active, .p-dialog-topleft .p-dialog-leave-active, .p-dialog-topright .p-dialog-enter-active, .p-dialog-topright .p-dialog-leave-active, .p-dialog-bottomleft .p-dialog-enter-active, .p-dialog-bottomleft .p-dialog-leave-active, .p-dialog-bottomright .p-dialog-enter-active, .p-dialog-bottomright .p-dialog-leave-active { transition: all 0.3s ease-out; } .p-dialog-top .p-dialog-enter-from, .p-dialog-top .p-dialog-leave-to { transform: translate3d(0px, -100%, 0px); } .p-dialog-bottom .p-dialog-enter-from, .p-dialog-bottom .p-dialog-leave-to { transform: translate3d(0px, 100%, 0px); } .p-dialog-left .p-dialog-enter-from, .p-dialog-left .p-dialog-leave-to, .p-dialog-topleft .p-dialog-enter-from, .p-dialog-topleft .p-dialog-leave-to, .p-dialog-bottomleft .p-dialog-enter-from, .p-dialog-bottomleft .p-dialog-leave-to { transform: translate3d(-100%, 0px, 0px); } .p-dialog-right .p-dialog-enter-from, .p-dialog-right .p-dialog-leave-to, .p-dialog-topright .p-dialog-enter-from, .p-dialog-topright .p-dialog-leave-to, .p-dialog-bottomright .p-dialog-enter-from, .p-dialog-bottomright .p-dialog-leave-to { transform: translate3d(100%, 0px, 0px); } .p-dialog-left:dir(rtl) .p-dialog-enter-from, .p-dialog-left:dir(rtl) .p-dialog-leave-to, .p-dialog-topleft:dir(rtl) .p-dialog-enter-from, .p-dialog-topleft:dir(rtl) .p-dialog-leave-to, .p-dialog-bottomleft:dir(rtl) .p-dialog-enter-from, .p-dialog-bottomleft:dir(rtl) .p-dialog-leave-to { transform: translate3d(100%, 0px, 0px); } .p-dialog-right:dir(rtl) .p-dialog-enter-from, .p-dialog-right:dir(rtl) .p-dialog-leave-to, .p-dialog-topright:dir(rtl) .p-dialog-enter-from, .p-dialog-topright:dir(rtl) .p-dialog-leave-to, .p-dialog-bottomright:dir(rtl) .p-dialog-enter-from, .p-dialog-bottomright:dir(rtl) .p-dialog-leave-to { transform: translate3d(-100%, 0px, 0px); } .p-dialog-maximized { width: 100vw !important; height: 100vh !important; top: 0px !important; left: 0px !important; max-height: 100%; height: 100%; border-radius: 0; } .p-dialog-maximized .p-dialog-content { flex-grow: 1; } `;export{style};//# sourceMappingURL=index.mjs.map