@primeuix/styles
Version:
1 lines • 2.89 kB
JavaScript
var style="\n *,\n ::before,\n ::after {\n box-sizing: border-box;\n }\n\n /* Non vue overlay animations */\n .p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\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-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n }\n\n .p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity 0.1s linear;\n }\n\n /* Vue based overlay animations */\n .p-connected-overlay-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n }\n\n .p-connected-overlay-leave-to {\n opacity: 0;\n }\n\n .p-connected-overlay-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-connected-overlay-leave-active {\n transition: opacity 0.1s linear;\n }\n\n /* Toggleable Content */\n .p-toggleable-content-enter-from,\n .p-toggleable-content-leave-to {\n max-height: 0;\n }\n\n .p-toggleable-content-enter-to,\n .p-toggleable-content-leave-from {\n max-height: 1000px;\n }\n\n .p-toggleable-content-leave-active {\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n }\n\n .p-toggleable-content-enter-active {\n overflow: hidden;\n transition: max-height 1s ease-in-out;\n }\n\n .p-disabled,\n .p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n .p-disabled,\n .p-component:disabled {\n opacity: dt('disabled.opacity');\n }\n\n .pi {\n font-size: dt('icon.size');\n }\n\n .p-icon {\n width: dt('icon.size');\n height: dt('icon.size');\n }\n\n .p-overlay-mask {\n background: dt('mask.background');\n color: dt('mask.color');\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .p-overlay-mask-enter {\n animation: p-overlay-mask-enter-animation dt('mask.transition.duration') forwards;\n }\n\n .p-overlay-mask-leave {\n animation: p-overlay-mask-leave-animation dt('mask.transition.duration') forwards;\n }\n\n @keyframes p-overlay-mask-enter-animation {\n from {\n background: transparent;\n }\n to {\n background: dt('mask.background');\n }\n }\n @keyframes p-overlay-mask-leave-animation {\n from {\n background: dt('mask.background');\n }\n to {\n background: transparent;\n }\n }\n";export{style};//# sourceMappingURL=index.mjs.map