// List Icons
// -------------------------

/* 这里使用了 Sass 的插值语法，#{$fa-css-prefix}-ul 会在编译时被替换为具体的值。
   这个选择器用于设置具有特定前缀的无序列表的样式。 */
   .#{$fa-css-prefix}-ul {
    /* 清除无序列表的左内边距。 */
    padding-left: 0;
    /* 设置左外边距为变量 $fa-li-width 所代表的值。 */
    margin-left: $fa-li-width;
    /* 清除列表的默认样式类型。 */
    list-style-type: none;
    /* 选择无序列表中的直接子元素 li，设置其为相对定位。 */
    > li { position: relative; }
  }
  
  /* 这里使用了 Sass 的插值语法，#{$fa-css-prefix}-li 会在编译时被替换为具体的值。
     这个选择器用于设置具有特定前缀的列表项的样式。 */
  .#{$fa-css-prefix}-li {
    /* 将列表项设置为绝对定位。 */
    position: absolute;
    /* 设置左外边距为负的变量 $fa-li-width 所代表的值，使列表项图标向左偏移。 */
    left: -$fa-li-width;
    /* 设置宽度为变量 $fa-li-width 所代表的值。 */
    width: $fa-li-width;
    /* 设置上外边距为 (2em / 14)，用于微调位置。 */
    top: (2em / 14);
    /* 将文本居中对齐。 */
    text-align: center;
    /* 当列表项同时具有.#{$fa-css-prefix}-lg 类名时，调整左外边距。 */
    &.#{$fa-css-prefix}-lg {
      left: -$fa-li-width + (4em / 14);
    }
  }