[theme-danix.xyz.git] / assets / sass / fa-v6 / _rotated-flipped.scss

// rotating + flipping icons
// -------------------------

.#{$fa-css-prefix}-rotate-90 {
  transform: rotate(90deg);
}

.#{$fa-css-prefix}-rotate-180 {
  transform: rotate(180deg);
}

.#{$fa-css-prefix}-rotate-270 {
  transform: rotate(270deg);
}

.#{$fa-css-prefix}-flip-horizontal {
  transform: scale(-1, 1);
}

.#{$fa-css-prefix}-flip-vertical {
  transform: scale(1, -1);
}

.#{$fa-css-prefix}-flip-both,
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { 
  transform: scale(-1, -1);
}

.#{$fa-css-prefix}-rotate-by {
  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
}
Commit	Line	Data
c7bc4983	1	// rotating + flipping icons
	2	// -------------------------
	3
	4	.#{$fa-css-prefix}-rotate-90 {
	5	transform: rotate(90deg);
	6	}
	7
	8	.#{$fa-css-prefix}-rotate-180 {
	9	transform: rotate(180deg);
	10	}
	11
	12	.#{$fa-css-prefix}-rotate-270 {
	13	transform: rotate(270deg);
	14	}
	15
	16	.#{$fa-css-prefix}-flip-horizontal {
	17	transform: scale(-1, 1);
	18	}
	19
	20	.#{$fa-css-prefix}-flip-vertical {
	21	transform: scale(1, -1);
	22	}
	23
	24	.#{$fa-css-prefix}-flip-both,
	25	.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
	26	transform: scale(-1, -1);
	27	}
	28
	29	.#{$fa-css-prefix}-rotate-by {
	30	transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
	31	}