@primeuix/styles
Version:
1 lines • 3.11 kB
JavaScript
var style="\n .p-confirmpopup {\n position: absolute;\n margin-top: dt('confirmpopup.gutter');\n top: 0;\n left: 0;\n background: dt('confirmpopup.background');\n color: dt('confirmpopup.color');\n border: 1px solid dt('confirmpopup.border.color');\n border-radius: dt('confirmpopup.border.radius');\n box-shadow: dt('confirmpopup.shadow');\n }\n\n .p-confirmpopup-content {\n display: flex;\n align-items: center;\n padding: dt('confirmpopup.content.padding');\n gap: dt('confirmpopup.content.gap');\n }\n\n .p-confirmpopup-icon {\n font-size: dt('confirmpopup.icon.size');\n width: dt('confirmpopup.icon.size');\n height: dt('confirmpopup.icon.size');\n color: dt('confirmpopup.icon.color');\n }\n\n .p-confirmpopup-footer {\n display: flex;\n justify-content: flex-end;\n gap: dt('confirmpopup.footer.gap');\n padding: dt('confirmpopup.footer.padding');\n }\n\n .p-confirmpopup-footer button {\n width: auto;\n }\n\n .p-confirmpopup-footer button:last-child {\n margin: 0;\n }\n\n .p-confirmpopup-flipped {\n margin-block-start: calc(dt('confirmpopup.gutter') * -1);\n margin-block-end: dt('confirmpopup.gutter');\n }\n\n .p-confirmpopup-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n }\n\n .p-confirmpopup-leave-to {\n opacity: 0;\n }\n\n .p-confirmpopup-enter-active {\n transition:\n transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n }\n\n .p-confirmpopup-leave-active {\n transition: opacity 0.1s linear;\n }\n\n .p-confirmpopup:after,\n .p-confirmpopup:before {\n bottom: 100%;\n left: calc(dt('confirmpopup.arrow.offset') + dt('confirmpopup.arrow.left'));\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n\n .p-confirmpopup:after {\n border-width: calc(dt('confirmpopup.gutter') - 2px);\n margin-left: calc(-1 * (dt('confirmpopup.gutter') - 2px));\n border-style: solid;\n border-color: transparent;\n border-bottom-color: dt('confirmpopup.background');\n }\n\n .p-confirmpopup:before {\n border-width: dt('confirmpopup.gutter');\n margin-left: calc(-1 * dt('confirmpopup.gutter'));\n border-style: solid;\n border-color: transparent;\n border-bottom-color: dt('confirmpopup.border.color');\n }\n\n .p-confirmpopup-flipped:after,\n .p-confirmpopup-flipped:before {\n bottom: auto;\n top: 100%;\n }\n\n .p-confirmpopup-flipped:after {\n border-bottom-color: transparent;\n border-top-color: dt('confirmpopup.background');\n }\n\n .p-confirmpopup-flipped:before {\n border-bottom-color: transparent;\n border-top-color: dt('confirmpopup.border.color');\n }\n";export{style};//# sourceMappingURL=index.mjs.map