summaryrefslogtreecommitdiff
path: root/src/client/app/common/views/components/ellipsis.vue
blob: 07349902dee4de47418032a114eec0487a6d6717 (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
26
<template>
	<span class="mk-ellipsis">
		<span>.</span><span>.</span><span>.</span>
	</span>
</template>

<style lang="stylus" scoped>
.mk-ellipsis
	> span
		animation ellipsis 1.4s infinite ease-in-out both

		&:nth-child(1)
			animation-delay 0s

		&:nth-child(2)
			animation-delay 0.16s

		&:nth-child(3)
			animation-delay 0.32s

	@keyframes ellipsis
		0%, 80%, 100%
			opacity 1
		40%
			opacity 0
</style>