56 lines
848 B
Plaintext
56 lines
848 B
Plaintext
.@{triggerPrefixCls} {
|
|
&-mobile {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: auto;
|
|
|
|
// Motion
|
|
&.raise {
|
|
&-enter,
|
|
&-appear {
|
|
transform: translateY(100%);
|
|
|
|
&-active {
|
|
transition: all 0.3s;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
&-leave {
|
|
transform: translateY(0);
|
|
|
|
&-active {
|
|
transition: all 0.3s;
|
|
transform: translateY(100%);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Mask
|
|
&-mask {
|
|
&.fade {
|
|
&-enter,
|
|
&-appear {
|
|
opacity: 0;
|
|
|
|
&-active {
|
|
transition: all 0.3s;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&-leave {
|
|
opacity: 1;
|
|
|
|
&-active {
|
|
transition: all 0.3s;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|