Javascript TopBar下拉菜单填充错误

所以我制作了一个下拉菜单，有一些非常奇怪的事情发生在基金会上。链接的右边有一个21雷姆的填充！重要的是，我敢肯定这是来自基金会。我的菜单css中没有21rem或任何重要内容。下面是它正在生成的确切代码行。我有一个编译所有css的文件，所以很难准确地找出原因

.top-bar-section .has-dropdown > a {
  padding-right: 21rem !important; }

---

有什么想法吗？

在css中设置目标

。配置文件菜单

，并使用

右键填充覆盖它：0！重要信息

如果这不起作用，请在

标签上添加一个
id
，并以该
id
为目标。我认为，隐式单位存在问题

从中编辑您的
bower\u components/foundation/scss/foundation/components/\u top-bar.scss
文件

padding-#{$opposite-direction}: $topbar-link-padding + 20 !important;

到

基金会<代码>提交94312772C2DC18016BEF5159E1313975 612822B < /代码>这是第517行。
不知道如何生成CSS和一些JS，很难说您使用的是基础CSS的缩小版本，或者导入所有的SCSS文件吗？我使用Ruby on Rails和基金会GEM，版本5.02。我认为它导入了所有的scss文件，并假设rails稍后会缩小它。wsn不是我，他否决了投票，但通常使用
！重要提示
是一种不好的做法……是的，当然，但如果您使用的是1。您无法找出代码的来源和2。正在生成标记
！重要信息
…我不认为不良做法（我大力提倡）会在这里起到什么作用。布莱恩想要一个解决方案，就是这样。根据这篇文章，你可以设置一个id，这是我说我知道的第二件事，因此我没有投反对票。只需将你的评论添加到答案中，这样其他用户就不会有错误的想法。我可能不得不暂时添加重要的内容，尽管它不是很理想。我不喜欢在css中添加重要内容。不过，没有什么不利于你的解决方案。
padding-#{$opposite-direction}: $topbar-link-padding + rem-calc(20) !important;