Sass 基础修改按钮半径 所以我最近用Zurb基金会建立了一个新项目。我已经从gem设置()获得了默认设置

Sass 基础修改按钮半径 所以我最近用Zurb基金会建立了一个新项目。我已经从gem设置()获得了默认设置,sass,zurb-foundation,mixins,Sass,Zurb Foundation,Mixins,我遇到的问题是修改按钮。默认情况下,我的按钮显示为方形&我想要一个漂亮的圆角样式。因此,在\u settings.scss中,我修改了以下行: $button-radius: 30px; 但什么也没发生。因此,在阅读了文档之后,我尝试创建自己的button类,并包括button mixin,如下所示: .your-class-name { @include button($padding, $bg, $radius, $full-width, $disabled, $is-input)

我遇到的问题是修改按钮。默认情况下,我的按钮显示为方形&我想要一个漂亮的圆角样式。因此,在
\u settings.scss
中,我修改了以下行:

$button-radius: 30px;
但什么也没发生。因此,在阅读了文档之后,我尝试创建自己的button类,并包括button 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";

默认值>代码> $RADIUS RADION/COD>由于基础中的错误而不起作用。我也遇到了它,但当我现在再次检查时,它似乎已经被修复了。问题是设置文件中定义了两次

$button radius
,一次用于一般按钮,另一次用于表单中的按钮。后者现在已重命名为
$form button radius

$padding
是该mixin的参数名称,您必须向其传递一个值,而不是尚未初始化的变量。设置文件是否在所有其他包含文件之前包含?我知道了。但是我认为它应该在默认基础文件中初始化吗?我已经添加了文件的顶部,它显示了导入(包括页面顶部的设置)。(避免mixin意外覆盖全局变量)。如果您查看,您可以看到它默认使用
$button med
填充。我明白了!谢谢:)好的,我自己的类似乎可以使用它。仍然想知道为什么默认的
$border radius
似乎不起作用。