使用 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。