<mk-ripple-string><yield/>
	<style type="stylus">
		:scope
			display inline

			> span
				animation ripple-string 5s infinite ease-in-out both

			@keyframes ripple-string
				0%, 50%, 100%
					opacity 1
				25%
					opacity 0.5

	</style>
	<script>
		@on \mount ~>
			text = @root.innerHTML
			@root.innerHTML = ''
			(text.split '').for-each (c, i) ~>
				ce = document.create-element \span
				ce.innerHTML = c
				ce.style.animation-delay = (i / 10) + 's'
				@root.append-child ce
	</script>
</mk-ripple-string>
