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

/* 这里是一个动态的 CSS 选择器，@{fa-css-prefix} 会在编译时被替换为具体的内容。
   此选择器用于设置无序列表的样式。 */
   .@{fa-css-prefix}-ul {
    /* 清除无序列表的左内边距。 */
    padding-left: 0;
    /* 设置左外边距为 @fa-li-width 变量所代表的值。 */
    margin-left: @fa-li-width;
    /* 清除列表的默认样式类型。 */
    list-style-type: none;
    /* 选择无序列表中的直接子元素 li，设置其为相对定位。 */
    > li { position: relative; }
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix} 会在编译时被替换为具体的内容。
     此选择器用于设置列表项的样式。 */
  .@{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));
    }
  }