自定义Zurb基金会4个元素

使用基金会4按钮，您可以使用mixin自定义设计。这对大多数元素都是一样的。自定义Zurb基金会4个元素

不过，也有许多设置的混入不暴露于定制，例如：字体颜色悬停效果边框颜色

这些都是基于按钮的背景颜色都算。该按钮仅仅是一个例子，但我对所有其他元素都有同样的问题。

有没有推荐的方法来定制不被mixin暴露的零件？我不想进入源代码并更改实际的mixin定义。如果我的设计规范与Foundation默认设置大不相同，不使用Foundation会更好吗？

2013-10-14 elanh

几乎每个设置都可以使用SASS变量进行自定义。最常见的可在_variables.scss中访问，但可以覆盖实际组件SCSS文件中使用的任何其他变量。

对于尚未包含变量的值，您可以使用CSS覆盖样式，并将覆盖包括在包装器混合中。例如：

@mixin my-button-style($bg:$primary-color, $radius:false, $disabled:false) { 
    @include button-style($bg, $radius, $disabled); 

    /* CSS overrides go here */ 
    border-color: pink; /* etc */ 

}

来源

2013-10-16 22:05:10

自定义Zurb基金会4个元素

回答

相关问题