Sass 使用susy栅格创建方形div

是否可以让

@include span（第3个，共12个）

以像素为单位而不是%返回

我试图创建正方形元素，我希望这个元素的高度等于它的宽度

.myElement {
  width: span(3 of 12)
  height: span(3 of 12)
}

---

当然，这会导致高度为%，实际上是其父容器的%，因此它不等于宽度！有什么想法吗？

一点也不可能——只是有点棘手（如果你想要一个流动的正方形）

---

这里有一个。

事实上我打赌这是不可能的，因为它就像一个动态样式表……可能是

// Static width/height is simple
.square-a {
  @include span(2 static);
  height: span(2 static);
}

// Fluid takes a bit more work
.square-b {
  @include span(2);
  height: 0;
  // %-Padding is always relative to parent width
  padding-top: span(2);
  position: relative;

  // Inner element positioned to fit space
  span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}