ant-design/components/notification/style/placement.less

69 lines
1.5 KiB
Plaintext
Raw Normal View History

// .@{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;
// }
// }