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

/* 使用 Sass 的插值语法创建选择器，用于设置堆叠容器的样式。 */
.#{$fa-css-prefix}-stack {
  /* 将元素设置为相对定位。 */
  position: relative;
  /* 将元素显示为内联块级元素。 */
  display: inline-block;
  /* 设置宽度为 2em。 */
  width: 2em;
  /* 设置高度为 2em。 */
  height: 2em;
  /* 设置行高为 2em。 */
  line-height: 2em;
  /* 将元素垂直对齐方式设置为中间对齐。 */
  vertical-align: middle;
}

/* 使用 Sass 的插值语法创建选择器，用于设置堆叠元素的样式。 */
.#{$fa-css-prefix}-stack-1x,.#{$fa-css-prefix}-stack-2x {
  /* 将元素设置为绝对定位。 */
  position: absolute;
  /* 将元素的左边位置设置为 0。 */
  left: 0;
  /* 设置元素宽度为 100%。 */
  width: 100%;
  /* 将文本居中对齐。 */
  text-align: center;
}

/* 使用 Sass 的插值语法创建选择器，用于设置堆叠元素中尺寸为 1x 的元素的行高。 */
.#{$fa-css-prefix}-stack-1x {
  /* 继承父元素的行高。 */
  line-height: inherit;
}

/* 使用 Sass 的插值语法创建选择器，用于设置堆叠元素中尺寸为 2x 的元素的字体大小。 */
.#{$fa-css-prefix}-stack-2x {
  /* 设置字体大小为 2em。 */
  font-size: 2em;
}

/* 使用 Sass 的插值语法创建选择器，用于设置具有反向样式的元素的文本颜色。 */
.#{$fa-css-prefix}-inverse {
  /* 设置文本颜色为变量 $fa-inverse 所代表的颜色。 */
  color: $fa-inverse;
}