SCSS使用扩展

Question

我们有很多定位元素，我正在考虑将我发现的模式抽象为一些可以反复使用的辅助类。

.pos {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.pos--fixed  { position:fixed; }

.pos--bottom { top:    auto; }
.pos--top    { bottom: auto; }
.pos--left   { right:  auto; }
.pos--right  { left:   auto; }

使用@extend功能我想稍后在我们的模块中使用它：

.module__element1 {
  @extend .pos;
  @extend .pos--top;
}

.module__element2 {
  @extend .pos;
  @extend .pos--bottom;
}

这被认为是一种好方法吗？我认为是，但我的同事们有疑虑（他们无法解释）

这就是我认为的原因：

• pos类或我们定位元素的方式不太可能改变
• 是的，它在最终的css文件中生成了更多的选择器，但代码更少
• 它使scss-source文件更易于阅读＆amp;维护。

我希望我在这里得到一些输入而不是怀疑：）