mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 08:59:15 +08:00
068584b76c
* chore: init * chore: init single * chore: merge next * chore: select single base * chore: basic all style of select * chore: speed of dropdown * chore: move size in single * chore: single size * chore: lg style * chore: left & right * chore: rtl * chore: auto rtl * chore: rtl * fix: height cal * chore: clean up * chore: status color
130 lines
2.4 KiB
Plaintext
130 lines
2.4 KiB
Plaintext
// .slide-motion(@className, @keyframeName) {
|
|
// @name: ~'@{ant-prefix}-@{className}';
|
|
// .make-motion(@name, @keyframeName);
|
|
// .@{name}-enter,
|
|
// .@{name}-appear {
|
|
// opacity: 0;
|
|
// animation-timing-function: @ease-out-quint;
|
|
// }
|
|
// .@{name}-leave {
|
|
// animation-timing-function: @ease-in-quint;
|
|
// }
|
|
// }
|
|
|
|
// .slide-motion(slide-up, antSlideUp);
|
|
// .slide-motion(slide-down, antSlideDown);
|
|
// .slide-motion(slide-left, antSlideLeft);
|
|
// .slide-motion(slide-right, antSlideRight);
|
|
|
|
// @keyframes antSlideUpIn {
|
|
// 0% {
|
|
// transform: scaleY(0.8);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleY(1);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideUpOut {
|
|
// 0% {
|
|
// transform: scaleY(1);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleY(0.8);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideDownIn {
|
|
// 0% {
|
|
// transform: scaleY(0.8);
|
|
// transform-origin: 100% 100%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleY(1);
|
|
// transform-origin: 100% 100%;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideDownOut {
|
|
// 0% {
|
|
// transform: scaleY(1);
|
|
// transform-origin: 100% 100%;
|
|
// opacity: 1;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleY(0.8);
|
|
// transform-origin: 100% 100%;
|
|
// opacity: 0;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideLeftIn {
|
|
// 0% {
|
|
// transform: scaleX(0.8);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleX(1);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideLeftOut {
|
|
// 0% {
|
|
// transform: scaleX(1);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleX(0.8);
|
|
// transform-origin: 0% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideRightIn {
|
|
// 0% {
|
|
// transform: scaleX(0.8);
|
|
// transform-origin: 100% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleX(1);
|
|
// transform-origin: 100% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes antSlideRightOut {
|
|
// 0% {
|
|
// transform: scaleX(1);
|
|
// transform-origin: 100% 0%;
|
|
// opacity: 1;
|
|
// }
|
|
|
|
// 100% {
|
|
// transform: scaleX(0.8);
|
|
// transform-origin: 100% 0%;
|
|
// opacity: 0;
|
|
// }
|
|
// }
|