// Stacked Icons
// -------------------------

/* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-stack 会在编译时被替换为具体的内容。
   此选择器用于设置堆叠容器的样式。 */
   .@{fa-css-prefix}-stack {
    /* 将元素设置为相对定位。 */
    position: relative;
    /* 将元素显示为内联块级元素。 */
    display: inline-block;
    /* 设置宽度为 2em。 */
    width: 2em;
    /* 设置高度为 2em。 */
    height: 2em;
    /* 设置行高为 2em。 */
    line-height: 2em;
    /* 将元素垂直对齐方式设置为中间对齐。 */
    vertical-align: middle;
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-stack-1x 和.@{fa-css-prefix}-stack-2x 
     会在编译时被替换为具体的内容。这两个选择器用于设置堆叠元素的样式。 */
  .@{fa-css-prefix}-stack-1x,.@{fa-css-prefix}-stack-2x {
    /* 将元素设置为绝对定位。 */
    position: absolute;
    /* 设置元素的左边位置为 0。 */
    left: 0;
    /* 设置元素宽度为 100%。 */
    width: 100%;
    /* 将文本居中对齐。 */
    text-align: center;
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-stack-1x 会在编译时被替换为具体的内容。
     此选择器用于设置堆叠元素中尺寸为 1x 的元素的行高。 */
  .@{fa-css-prefix}-stack-1x {
    /* 继承父元素的行高。 */
    line-height: inherit;
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-stack-2x 会在编译时被替换为具体的内容。
     此选择器用于设置堆叠元素中尺寸为 2x 的元素的字体大小。 */
  .@{fa-css-prefix}-stack-2x {
    /* 设置字体大小为 2em。 */
    font-size: 2em;
  }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix}-inverse 会在编译时被替换为具体的内容。
     此选择器用于设置具有反向样式的元素的文本颜色。 */
  .@{fa-css-prefix}-inverse {
    /* 设置文本颜色为 @fa-inverse 变量所代表的颜色。 */
    color: @fa-inverse;
  }