You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.5 KiB
49 lines
1.5 KiB
// 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;
|
|
}
|