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

标签 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

最佳答案

下面的代码只是用于分隔符样式的 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”的定义位置并更新那里的样式。

关于css - 如何使用 Sass 设置顶部栏下拉菜单分隔线的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29568799/

相关文章:

javascript - 如何将 VBScript 字符串传递为我的 HTML 输入框中的默认值?

css - compass Sprite

html - 如何实现不重叠的div堆栈?

css - 在网格系统之外扩展响应元素?

html - Zurb Foundation - 创建自定义表单但现在不会创建帖子

javascript - 我的谷歌地图被切断了,我想知道为什么? Javascript,V

html - 如何让我的应用程序在移动设备上填满整个高度?

html - 使 Materialise CSS 工具提示在悬停在其上方时保持不变

css - Sass mixin 中的变量而不是类

css - Extjs Sass 主题珍宝