SUSY 2非帆布并固定

Question

使用Susy 2，是否有一种方法可以组合固定位置侧边栏，当以较小尺寸查看时，也可以在画布上和画布上触发？

Answer 1

绝对！这样做就像没有Susy一样，但是使用Susy进行数学运算。由于非画布栏不会浮动，您可能想要使用span函数（而不是mixin）：

.off-canvas {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: span(3);

  &.off {
    transform: translateX(- span(3));
  }
}

这样的事情。设置的方法有多种 - 然后使用Susy作为宽度。