如何使用Sass设置顶部栏下拉菜单分隔符的样式?

时间:2015-04-10 18:57:07

标签: css sass zurb-foundation

如何使用Sass设置TopBar下拉菜单分隔符的样式(在下图中显示为黑线)?

_setting.scss中的这一部分似乎只适用于垂直菜单分隔符:

// Divider Styles
$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, lightness: 13%);
$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, lightness: -50%);

enter image description here

1 个答案:

答案 0 :(得分:0)

下面的代码只是用于分隔符样式的sass变量。

// Divider Styles
$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, lightness: 13%);
$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, lightness: -50%);

您需要找到定义实际类'.divider'的位置并更新其中的样式。