// Bordered & Pulled
// -------------------------

/* 这里是一个动态的 CSS 选择器，@{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; }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix} 会在编译时被替换为具体的内容。
     此选择器用于在特定元素具有特定类名时设置边距。 */
  .@{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; }
  
  /* 这里是一个动态的 CSS 选择器，@{fa-css-prefix} 会在编译时被替换为具体的内容。
     此选择器用于在特定元素具有弃用的类名时设置边距。 */
  .@{fa-css-prefix} {
    /* 当特定元素同时具有.pull-left 类名时，设置右外边距为.3em。 */
    &.pull-left { margin-right:.3em; }
    /* 当特定元素同时具有.pull-right 类名时，设置左外边距为.3em。 */
    &.pull-right { margin-left:.3em; }
  }