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

/* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-rotate-90 会在编译时被替换为具体的内容。
   此选择器用于设置元素旋转 90 度。 */
   .@{fa-css-prefix}-rotate-90 {
    /* 调用.fa-icon-rotate 混合器，传入参数 90deg 和 1，实现旋转效果。 */
   .fa-icon-rotate(90deg, 1);
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-rotate-180 会在编译时被替换为具体的内容。
     此选择器用于设置元素旋转 180 度。 */
  .@{fa-css-prefix}-rotate-180 {
    /* 调用.fa-icon-rotate 混合器，传入参数 180deg 和 2，实现旋转效果。 */
   .fa-icon-rotate(180deg, 2);
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-rotate-270 会在编译时被替换为具体的内容。
     此选择器用于设置元素旋转 270 度。 */
  .@{fa-css-prefix}-rotate-270 {
    /* 调用.fa-icon-rotate 混合器，传入参数 270deg 和 3，实现旋转效果。 */
   .fa-icon-rotate(270deg, 3);
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-flip-horizontal 会在编译时被替换为具体的内容。
     此选择器用于设置元素水平翻转。 */
  .@{fa-css-prefix}-flip-horizontal {
    /* 调用.fa-icon-flip 混合器，传入参数 -1、1 和 0，实现水平翻转效果。 */
   .fa-icon-flip(-1, 1, 0);
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-flip-vertical 会在编译时被替换为具体的内容。
     此选择器用于设置元素垂直翻转。 */
  .@{fa-css-prefix}-flip-vertical {
    /* 调用.fa-icon-flip 混合器，传入参数 1、-1 和 2，实现垂直翻转效果。 */
   .fa-icon-flip(1, -1, 2);
  }
  
  // Hook for IE8-9
  // -------------------------
  
  /* 在根元素下设置过滤器为 none，避免在现代浏览器中使用过时的过滤器。这里是一个动态的 CSS 选择器，
     :root.@{fa-css-prefix}-rotate-90 等会在编译时被替换为具体的内容。 */
  :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;
  }