layout - 使用 Susy 更改导航

Question

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

Answer 1

使用at-breakpointmixin（请参阅文档）：

// mobile styles here

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

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