|
|
// 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;
|
|
|
} |
