// 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; }
  }