@primeuix/styles
Version:
82 lines (72 loc) • 2.17 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-speeddial {
position: static;
display: flex;
gap: dt('speeddial.gap');
}
.p-speeddial-button {
z-index: 1;
}
.p-speeddial-button.p-speeddial-rotate {
transition:
transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
background dt('speeddial.transition.duration'),
color dt('speeddial.transition.duration'),
border-color dt('speeddial.transition.duration'),
box-shadow dt('speeddial.transition.duration'),
outline-color dt('speeddial.transition.duration');
will-change: transform;
}
.p-speeddial-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
transition: inset-block-start 0s linear dt('speeddial.transition.duration');
pointer-events: none;
outline: 0 none;
z-index: 2;
gap: dt('speeddial.gap');
}
.p-speeddial-item {
transform: scale(0);
opacity: 0;
transition:
transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
opacity 0.8s;
will-change: transform;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
position: absolute;
}
.p-speeddial-mask {
position: absolute;
inset-inline-start: 0;
inset-block-start: 0;
width: 100%;
height: 100%;
opacity: 0;
background: dt('mask.background');
border-radius: 6px;
transition: opacity 150ms;
}
.p-speeddial-mask-visible {
pointer-events: none;
opacity: 1;
transition: opacity 150ms;
}
.p-speeddial-open .p-speeddial-list {
pointer-events: auto;
}
.p-speeddial-open .p-speeddial-item {
transform: scale(1);
opacity: 1;
}
.p-speeddial-open .p-speeddial-rotate {
transform: rotate(45deg);
}
`;export{style};//# sourceMappingURL=index.mjs.map