Sha256: 727a8c01315befa0172b3dde0467f020047115c2ee06d307f30228d85bd3cdd9
Contents?: true
Size: 1.04 KB
Versions: 8
Compression:
Stored size: 1.04 KB
Contents
@use "variables" as *;
.kpop--frame.side-panel {
--opening-animation: slide-in-right;
--closing-animation: slide-out-right;
--min-width: 35dvw;
--max-width: calc(100dvw - 4rem);
--min-height: 100dvh;
--max-height: 100dvh;
margin-inline: auto 0;
align-self: flex-end;
@include mobile {
& {
--opening-animation: slide-in-bottom;
--closing-animation: slide-out-bottom;
--min-width: 100dvw;
--max-width: 100dvw;
--min-height: 50dvh;
--max-height: calc(100dvh - 1.5rem);
}
}
.kpop-modal {
border-radius: 0;
}
}
@keyframes slide-in-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
}
}
@keyframes slide-out-right {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(100%);
}
}
@keyframes slide-in-bottom {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes slide-out-bottom {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(100%);
}
}
Version data entries
8 entries across 8 versions & 1 rubygems