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.
38 lines
1.8 KiB
38 lines
1.8 KiB
// Bordered & Pulled
|
|
// -------------------------
|
|
|
|
/* 这里使用了 Sass 的插值语法，#{$fa-css-prefix} 会在编译时被替换为具体的值。
|
|
这个选择器用于设置具有特定前缀的元素的边框样式。 */
|
|
.#{$fa-css-prefix}-border {
|
|
/* 设置内边距为.2em.25em.15em。 */
|
|
padding:.2em.25em.15em;
|
|
/* 设置边框为实线，宽度为.08em，颜色为变量 $fa-border-color 所代表的颜色。 */
|
|
border: solid.08em $fa-border-color;
|
|
/* 设置边框圆角半径为.1em。 */
|
|
border-radius:.1em;
|
|
}
|
|
|
|
/* 以下两个选择器使用插值语法，分别用于设置向左和向右浮动。 */
|
|
.#{$fa-css-prefix}-pull-left { float: left; }
|
|
.#{$fa-css-prefix}-pull-right { float: right; }
|
|
|
|
/* 这里使用插值语法的选择器，用于在具有特定前缀的元素上应用样式。 */
|
|
.#{$fa-css-prefix} {
|
|
/* 当具有特定前缀的元素同时具有.#{$fa-css-prefix}-pull-left 类名时，设置右外边距为.3em。 */
|
|
&.#{$fa-css-prefix}-pull-left { margin-right:.3em; }
|
|
/* 当具有特定前缀的元素同时具有.#{$fa-css-prefix}-pull-right 类名时，设置左外边距为.3em。 */
|
|
&.#{$fa-css-prefix}-pull-right { margin-left:.3em; }
|
|
}
|
|
|
|
/* 以下两个选择器在 4.4.0 版本后被弃用，分别用于设置向右和向左浮动。 */
|
|
.pull-right { float: right; }
|
|
.pull-left { float: left; }
|
|
|
|
/* 这里使用插值语法的选择器，用于在具有特定前缀的元素上应用样式，针对弃用的类名。 */
|
|
.#{$fa-css-prefix} {
|
|
/* 当具有特定前缀的元素同时具有.pull-left 类名时，设置右外边距为.3em。 */
|
|
&.pull-left { margin-right:.3em; }
|
|
/* 当具有特定前缀的元素同时具有.pull-right 类名时，设置左外边距为.3em。 */
|
|
&.pull-right { margin-left:.3em; }
|
|
}
|