@v4fire/client/src/icons/b-progress-icon/b-progress-icon.styl

V4Fire client core library

/*!
 * V4Fire Client Core
 * https://github.com/V4Fire/Client
 *
 * Released under the MIT license
 * https://github.com/V4Fire/Client/blob/master/LICENSE
 */

@import "super/i-block/i-block.styl"

$p = {
	size: 1rem
	animation: rotate 1.1s infinite linear
}

b-progress-icon extends i-block
	position relative
	display inline-block

	&__loader
	&__i
		display block

		if $p.size
			size $p.size
			border ($p.size / 4) solid transparent

		else
			border-style solid
			border-color transparent

		border-radius 50%

	&__i
		absolute top 0 left 0
		transform translateZ(0)

		if $p.animation
			animation $p.animation