覆盖Zurb基金会CSS Rails中

Question

，因为类“固定”并不在该文件存在，我不能覆盖类中foundation_and_overrides.scss“.fixed”，我搜索它无处不在（按Ctrl + F在“固定“）

或者，我需要将其值设置为”左“而不是”0“。我不知道该怎么做，我已经尝试直接在我的头文件或application.css中覆盖css类，但它不起作用，我怀疑编译后的foundation_and_overrides.css会优先考虑。

此外，我不能直接在html元素上更改它的值，因为滚动时关联的javascript会销毁它的css数据。 我的html：

<div data-magellan-expedition="fixed"> 
    <dl class="sub-nav"> 
    <dd> 
     <a href="/en/login"> 
     Log in 
     </a> 
    </dd> 
    <dd class="active"> 
     <a href="/en/signin"> 
     Sign up 
     </a> 
    </dd> 
    </dl> 
</div> 

什么镀铬的检验元素告诉我：

enmedia="screen" http://0.0.0.0:3000/assets/foundation_and_overrides.css?body=1:4367 
.fixed { 
    width: 100%; 
    left: 0; 
    position: fixed; 
    top: 0; 
    z-index: 99; 
} 

我不能创建一个新的类，并复制“固定” attribrutes那里，我已经试了一下，在这种情况下，我还需要复制x类，因为固定属性是其他属性的父项。

Answer 1

类从上栏组件.fixed： https://github.com/zurb/foundation/blob/master/scss/foundation/components/_top-bar.scss

有两种方式：
1.设置变量$包括HTML的顶条类：虚假的，如果你不需要顶-bar组件
2.添加一些类的风格。你的类{左：无;}在您的样式结束，并覆盖默认.fixed