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