使用Susy更改导航

Question

如何使用Susy更改页面的不同元素的布局，例如，在桌面上更改页面的顶部导航，而在移动设备上更改带有下拉列表的按钮？

Answer 1

使用at-breakpoint mixin（see the docs）：

// mobile styles here

@include at-breakpoint($min-screen-width $large-columns) {
  // screen styles here
}

您还可以在Susy网站上的几个演示中看到at-breakpoint。