/**
 * Loader
 *
 * Description: Style for the loader.
 * -----------------------------------------------------------------------------
 */

/**
 * Table of Contents: 
 *
 * 1.0 - Loader
 * 2.0 - Loader in buttons
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 - Loader
 * -----------------------------------------------------------------------------
 */

.loader {
	@include huddingeIcons();
	@extend .anim-spin;
	@extend .icon-spinner3;

	$font-size: 30px;
	font-size: $font-size;
	line-height: $font-size;
	vertical-align: middle;
	text-align: center;
	display: block;

	&.loader-large {
		$font-size: 60px;
		font-size: $font-size;
		line-height: $font-size;
		margin-left: auto;
		margin-right: auto;
		padding: $margin-standard / 2 0;
	}
}



/**
 * 2.0 - Loader in buttons
 * -----------------------------------------------------------------------------
 */

.btn, button {
	.loader {
		$font-size: 25px;
		font-size: $font-size;
		line-height: $font-size;
		padding: 0;
		margin: 0 1em;
		/*position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -($font-size/2);
		margin-left: -($font-size/2);*/
	}

	&.btn-small .loader {
		$font-size: 20px;
		font-size: $font-size;
		line-height: $font-size;
		/*margin-top: -($font-size/2);
		margin-left: -($font-size/2);*/
	}
}