You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
338 lines
8.8 KiB
338 lines
8.8 KiB
/*do not import this file except components/style/index.less*/
|
|
.am-fade-enter,
|
|
.am-fade-appear {
|
|
opacity: 0;
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-fade-leave {
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-fade-enter.am-fade-enter-active,
|
|
.am-fade-appear.am-fade-appear-active {
|
|
-webkit-animation-name: amFadeIn;
|
|
animation-name: amFadeIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.am-fade-leave.am-fade-leave-active {
|
|
-webkit-animation-name: amFadeOut;
|
|
animation-name: amFadeOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes amFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes amFadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-webkit-keyframes amFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes amFadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.am-slide-up-enter,
|
|
.am-slide-up-appear {
|
|
-webkit-transform: translate(0, 100%);
|
|
-ms-transform: translate(0, 100%);
|
|
transform: translate(0, 100%);
|
|
}
|
|
.am-slide-up-enter,
|
|
.am-slide-up-appear,
|
|
.am-slide-up-leave {
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-slide-up-enter.am-slide-up-enter-active,
|
|
.am-slide-up-appear.am-slide-up-appear-active {
|
|
-webkit-animation-name: amSlideUpIn;
|
|
animation-name: amSlideUpIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.am-slide-up-leave.am-slide-up-leave-active {
|
|
-webkit-animation-name: amSlideUpOut;
|
|
animation-name: amSlideUpOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes amSlideUpIn {
|
|
0% {
|
|
-webkit-transform: translate(0, 100%);
|
|
transform: translate(0, 100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
}
|
|
@keyframes amSlideUpIn {
|
|
0% {
|
|
-webkit-transform: translate(0, 100%);
|
|
transform: translate(0, 100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes amSlideUpOut {
|
|
0% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 100%);
|
|
transform: translate(0, 100%);
|
|
}
|
|
}
|
|
@keyframes amSlideUpOut {
|
|
0% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 100%);
|
|
transform: translate(0, 100%);
|
|
}
|
|
}
|
|
.am.am-zoom-enter,
|
|
.am.am-zoom-leave {
|
|
display: block;
|
|
}
|
|
.am-zoom-enter,
|
|
.am-zoom-appear {
|
|
opacity: 0;
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-zoom-leave {
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-zoom-enter.am-zoom-enter-active,
|
|
.am-zoom-appear.am-zoom-appear-active {
|
|
-webkit-animation-name: amZoomIn;
|
|
animation-name: amZoomIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.am-zoom-leave.am-zoom-leave-active {
|
|
-webkit-animation-name: amZoomOut;
|
|
animation-name: amZoomOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes amZoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@keyframes amZoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
}
|
|
@-webkit-keyframes amZoomOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
@keyframes amZoomOut {
|
|
0% {
|
|
opacity: 1;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transform: scale(0, 0);
|
|
transform: scale(0, 0);
|
|
}
|
|
}
|
|
.am-slide-down-enter,
|
|
.am-slide-down-appear {
|
|
-webkit-transform: translate(0, -100%);
|
|
-ms-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
.am-slide-down-enter,
|
|
.am-slide-down-appear,
|
|
.am-slide-down-leave {
|
|
-webkit-animation-duration: .2s;
|
|
animation-duration: .2s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
-webkit-animation-play-state: paused;
|
|
animation-play-state: paused;
|
|
}
|
|
.am-slide-down-enter.am-slide-down-enter-active,
|
|
.am-slide-down-appear.am-slide-down-appear-active {
|
|
-webkit-animation-name: amSlideDownIn;
|
|
animation-name: amSlideDownIn;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
.am-slide-down-leave.am-slide-down-leave-active {
|
|
-webkit-animation-name: amSlideDownOut;
|
|
animation-name: amSlideDownOut;
|
|
-webkit-animation-play-state: running;
|
|
animation-play-state: running;
|
|
}
|
|
@-webkit-keyframes amSlideDownIn {
|
|
0% {
|
|
-webkit-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
}
|
|
@keyframes amSlideDownIn {
|
|
0% {
|
|
-webkit-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
}
|
|
@-webkit-keyframes amSlideDownOut {
|
|
0% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
}
|
|
@keyframes amSlideDownOut {
|
|
0% {
|
|
-webkit-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translate(0, -100%);
|
|
transform: translate(0, -100%);
|
|
}
|
|
}
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
body {
|
|
background-color: #f5f5f9;
|
|
font-size: 14px;
|
|
}
|
|
*[contenteditable] {
|
|
-webkit-user-select: auto !important;
|
|
}
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
a {
|
|
background: transparent;
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|