// Rotated & Flipped Icons
// -------------------------

/* 使用 Sass 的插值语法创建选择器，用于设置元素旋转 90 度。 */
.#{$fa-css-prefix}-rotate-90 {
  /* 调用名为 fa-icon-rotate 的混合器，并传入参数 90 度和 1。 */
  @include fa-icon-rotate(90deg, 1);
}

/* 使用 Sass 的插值语法创建选择器，用于设置元素旋转 180 度。 */
.#{$fa-css-prefix}-rotate-180 {
  /* 调用名为 fa-icon-rotate 的混合器，并传入参数 180 度和 2。 */
  @include fa-icon-rotate(180deg, 2);
}

/* 使用 Sass 的插值语法创建选择器，用于设置元素旋转 270 度。 */
.#{$fa-css-prefix}-rotate-270 {
  /* 调用名为 fa-icon-rotate 的混合器，并传入参数 270 度和 3。 */
  @include fa-icon-rotate(270deg, 3);
}

/* 使用 Sass 的插值语法创建选择器，用于设置元素水平翻转。 */
.#{$fa-css-prefix}-flip-horizontal {
  /* 调用名为 fa-icon-flip 的混合器，并传入参数 -1、1 和 0。 */
  @include fa-icon-flip(-1, 1, 0);
}

/* 使用 Sass 的插值语法创建选择器，用于设置元素垂直翻转。 */
.#{$fa-css-prefix}-flip-vertical {
  /* 调用名为 fa-icon-flip 的混合器，并传入参数 1、-1 和 2。 */
  @include fa-icon-flip(1, -1, 2);
}

// Hook for IE8-9
// -------------------------

/* 在根元素下，针对特定选择器设置过滤器为 none，用于处理旧版本的 Internet Explorer。 */
:root.#{$fa-css-prefix}-rotate-90,
:root.#{$fa-css-prefix}-rotate-180,
:root.#{$fa-css-prefix}-rotate-270,
:root.#{$fa-css-prefix}-flip-horizontal,
:root.#{$fa-css-prefix}-flip-vertical {
  filter: none;
}