在pc视图中更改susy $ total-columns

Question

我试图像这样改变$ total-columns：

@include at-breakpoint(55em 12)
  $total-columns: 12

如下所示： Susy: change the number of columns according to screen size

但是我无法让它发挥作用。 我首先使用

设置_base

$total-columns: 5

我专为移动设备而设计 但在pc-view中我希望容器有12列。

我错过了什么吗？

Answer 1

根据Susy的参考，可以尝试以下（取决于60em应该是你的最小值还是最大值）：

$media-layout: 12 60em;     // Use 12 cols up to max 60em.
or
$media-layout: 30em 12 60em;// Use 12 cols between min 30em & max 60em.
or
$media-layout: 60em 12;     // At min 60em, use 12-col layout.

获取已定义的变量并在mixin中输入该变量：

@include at-breakpoint($media-layout)