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