mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 11:40:04 +08:00
178d8d6f19
* chore: init notification style * chore: comment style * chore: clean up recv deps * chore: trigger
69 lines
1.5 KiB
Plaintext
69 lines
1.5 KiB
Plaintext
// .@{notification-prefix-cls} {
|
|
// &-top,
|
|
// &-bottom {
|
|
// margin-right: 0;
|
|
// margin-left: 0;
|
|
// }
|
|
|
|
// &-top {
|
|
// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
|
|
// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
|
|
// animation-name: NotificationTopFadeIn;
|
|
// }
|
|
// }
|
|
|
|
// &-bottom {
|
|
// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
|
|
// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
|
|
// animation-name: NotificationBottomFadeIn;
|
|
// }
|
|
// }
|
|
|
|
// &-topLeft,
|
|
// &-bottomLeft {
|
|
// margin-right: 0;
|
|
// margin-left: @notification-margin-edge;
|
|
|
|
// .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
|
|
// .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
|
|
// animation-name: NotificationLeftFadeIn;
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
// @keyframes NotificationTopFadeIn {
|
|
// 0% {
|
|
// margin-top: -100%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// margin-top: 0;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes NotificationBottomFadeIn {
|
|
// 0% {
|
|
// margin-bottom: -100%;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// margin-bottom: 0;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|
|
|
|
// @keyframes NotificationLeftFadeIn {
|
|
// 0% {
|
|
// right: @notification-width;
|
|
// opacity: 0;
|
|
// }
|
|
|
|
// 100% {
|
|
// right: 0;
|
|
// opacity: 1;
|
|
// }
|
|
// }
|