@salla.sa/twilight-components
Version:
Salla Web Component
23 lines (22 loc) • 650 B
CSS
@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {
.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner {
@apply [interpolate-size:allow-keywords];
}
.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {
@apply [overflow:clip] [transition:block-size_500ms_ease];
}
.s-bullet-delivery-inner {
@apply [overflow:clip] [transition:block-size_500ms_ease];
block-size: calc-size(auto, size);
}
}
@keyframes s-bullet-delivery-fade-in {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}