// Icon Sizes // ------------------------- /* makes the font 33% larger relative to the icon container */ /* 这里使用了 Sass 的插值语法,#{$fa-css-prefix}-lg 会在编译时被替换为具体的值。 这个选择器用于设置具有特定前缀且较大尺寸的元素样式。 */ .#{$fa-css-prefix}-lg { /* 设置字体大小为 4em 的三分之一。 */ font-size: (4em / 3); /* 设置行高为 3em 的四分之一。 */ line-height: (3em / 4); /* 将元素垂直对齐方式设置为 -15%,用于微调位置。 */ vertical-align: -15%; } /* 以下几个选择器使用插值语法,分别用于设置不同倍数的字体大小。 */ .#{$fa-css-prefix}-2x { /* 设置字体大小为 2 倍。 */ font-size: 2em; } .#{$fa-css-prefix}-3x { /* 设置字体大小为 3 倍。 */ font-size: 3em; } .#{$fa-css-prefix}-4x { /* 设置字体大小为 4 倍。 */ font-size: 4em; } .#{$fa-css-prefix}-5x { /* 设置字体大小为 5 倍。 */ font-size: 5em; }