Question

所以我最近使用Zurb的基金会建立了一个新项目。我已经通过gem设置（http://foundation.zurb.com/docs/sass.html）进行了默认设置。

我遇到的问题是修改按钮。默认情况下，我的按钮显示为方形＆amp;我想要一个漂亮的圆角样式。所以在_settings.scss内我修改了以下内容：

$button-radius: 30px;

但没有任何反应。因此，在阅读完文档后，我尝试创建自己的按钮类，并包含按钮mixin ，如下所示：

.your-class-name {
    @include button($padding, $bg, $radius, $full-width, $disabled, $is-input);
}

但是当我这样做时，我收到一条错误消息，指出$padding不存在！这让我很困惑，因为它在整个基金会使用（或者我理解）。

任何人都可以建议这里可能出现的问题。如果需要，我可以提供任何其他信息。

最后，我不认为正在应用$global-radius选项，因为当我更改属性但它没有导致错误时所以我有点难过！

编辑：

这是我的核心SASS文件的顶部：

// Global Foundation Settings
@import "settings";

// Comment out this import if you don't want to use normalize
@import "normalize";

// Comment out this import if you are customizing you imports below
@import "foundation";

Answer 1

由于Foundation中的错误，默认$border-radius无效。我也遇到了它，但是当我现在进行仔细检查时，它似乎已经在this commit中修复了。问题是$button-radius在设置文件中定义了两次，一般用于按钮，一个用于表单中的按钮。后者现已重命名为$form-button-radius。

基础SASS修改按钮半径

1 个答案: