移动基础顶杆的不同背景颜色可能吗？

Question

与桌面视图相比，我想在移动视图中为Foundation topbar菜单使用不同的背景颜色。在设置文件中，您可以使用$ topbar-dropdown-bg设置颜色，但两个视图的颜色相同。我尝试了以下代码：

$topbar-dropdown-bg: white;
@media only screen and (max-width : 40em) { 
   $topbar-dropdown-bg: #dc2a87;
}

但问题是所有视图都给出了颜色背景，但这只应该在移动视图中？

Answer 1

使用scss media query更改基础顶栏。

   @media #{$small-only} { }

将它与bg-background变量一起使用。

   @media #{$small-only} { 
   $topbar-dropdown-bg :#fff;
   }