summaryrefslogtreecommitdiffstats
path: root/css/animations.scss
blob: 575b55573c374a41f1d69dc6840c46a4ecdc35e6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(50, 50, 50, .4);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(50, 50, 50, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
	}
}

[class*='--pulse '],
[class$='--pulse'] {
	animation: pulse 1.5s infinite;
}

.list-enter-active, .list-leave-active {
	transition: all 500ms ease-in-out;
}

.list-enter,
.list-leave-to {
	opacity: 0;
}