1

所以我最近使用 Zurb's Foundation 建立了一个新项目。我已经从 gem 设置 ( http://foundation.zurb.com/docs/sass.html ) 中获得了默认设置。

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

$button-radius: 30px;

但什么也没有发生。因此，在阅读了文档后，我尝试创建自己的按钮类并包括按钮 mixin，如下所示：

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

但是当我这样做时，我得到一个错误，$padding说不存在！这让我非常困惑，因为它在整个 Foundation 中都使用过（或者我理解）。

谁能建议这里可能出了什么问题。如果需要，我可以提供任何其他信息。

最后，我认为没有$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";
4

1 回答 1

0

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

于 2016-12-31T11:23:21.427 回答