/*------------------------------------
  Icon Sizes
------------------------------------*/

/* Extra Small */
.u-icon--size--xs {
	@include px-to-rem(width, 24px);
	@include px-to-rem(height, 24px);
	@include px-to-rem(font-size, 13px);
}

/* Small */
.u-icon--size--sm {
	@include px-to-rem(width, 32px);
	@include px-to-rem(height, 32px);
	@include px-to-rem(font-size, 16px);
}

/* Large */
.u-icon--size--lg {
	@include px-to-rem(width, 56px);
	@include px-to-rem(height, 56px);
	@include px-to-rem(font-size, 28px);
}

/* Extra Large */
.u-icon--size--xl {
	@include px-to-rem(width, 80px);
	@include px-to-rem(height, 80px);
	@include px-to-rem(font-size, 38px);
}