Sass 在基础中改变断点

Sass 在基础中改变断点,sass,media-queries,zurb-foundation,Sass,Media Queries,Zurb Foundation,嘿,伙计们,我在更改顶部导航的断点时遇到了问题,在顶部导航中,它切换到下拉菜单 这是我的第一个项目,基金会4。我找到了这个 * Transitions and breakpoint styles */ $topbar-transition-speed: 300ms; $topbar-breakpoint: emCalc(940); /* Change to 9999px for always mobile layout */ $topbar-media-query: "only screen a

嘿,伙计们,我在更改顶部导航的断点时遇到了问题,在顶部导航中,它切换到下拉菜单

这是我的第一个项目,基金会4。我找到了这个

* Transitions and breakpoint styles */
$topbar-transition-speed: 300ms;
$topbar-breakpoint: emCalc(940); /* Change to 9999px for always mobile layout */
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";

但我不知道如何实施。。我还没有使用SACS。。最终!其变量声明中的默认标志:

!默认
标志允许您通过在导入库之前设置变量来覆盖变量:

$topbar-breakpoint: 400px;
@import "foundation";
结果:

@media only screen and (min-width: 400px) {
  .top-bar {
    /* … */
  }
  /* … */
}

<>你似乎在使用一个旧版本的基金会。现代版有
!其变量声明中的默认
标志:

!默认
标志允许您通过在导入库之前设置变量来覆盖变量:

$topbar-breakpoint: 400px;
@import "foundation";
结果:

@media only screen and (min-width: 400px) {
  .top-bar {
    /* … */
  }
  /* … */
}