mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
6936599aef
* rename .stylelintrc to .stylelintrc.json for explicit file type * add new npm script lint-fix:style * fix pseudo-element with double colon * function name should be lower except ignored functions * support stylelint declaration-block-no-ignored-properties rule * support sorted CSS properties order for readability and consistency * autofix order of all styles by lint-fix:style script * remove double slash comments after selector * replace .stylelintignore with ignoreFiles in .stylelintrc.json
44 lines
861 B
Plaintext
44 lines
861 B
Plaintext
@keyframes loadingCircle {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
[ant-click-animating='true'],
|
|
[ant-click-animating-without-extra-node='true'] {
|
|
position: relative;
|
|
}
|
|
|
|
[ant-click-animating-without-extra-node='true']::after,
|
|
.ant-click-animating-node {
|
|
position: absolute;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
display: block;
|
|
border: 0 solid @primary-color;
|
|
border-radius: inherit;
|
|
opacity: 0.2;
|
|
animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;
|
|
animation-fill-mode: forwards;
|
|
pointer-events: none;
|
|
content: '';
|
|
}
|
|
|
|
@keyframes waveEffect {
|
|
100% {
|
|
top: -@wave-animation-width;
|
|
right: -@wave-animation-width;
|
|
bottom: -@wave-animation-width;
|
|
left: -@wave-animation-width;
|
|
border-width: @wave-animation-width;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeEffect {
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|