scss自定义mixin覆盖更改值不替换，但添加它

Question

我想将边框半径值 0 覆盖为 4px。

不替换，而是添加。我做错了什么？

@import:theme.scss:

.uk-button {
    border-radius: 0;
    @if(mixin-exists(hook-button)) { @include hook-button(); }
}

custom.scss：

// Custom mixin overwrites
// that's correct?
@mixin hook-button() {
    border-radius: 4px;
}

意外结果：

.uk-button {
    border-radius: 0; 
    border-radius: 4px;
}

预期结果：

.uk-button {
    border-radius: 4px;
}

Answer 1

@include，正如它所说，仅添加/包含特定规则，但不会替换它们。

主题 SCSS 应如下所示：

.uk-button {
    @if(mixin-exists(hook-button)) { @include hook-button(); }
    @else { border-radius: 0; }
}