scss custom mixin覆盖更改值,但不替换它,而是添加它

scss custom mixin覆盖更改值,但不替换它,而是添加它,css,sass,scss-mixins,Css,Sass,Scss Mixins,我想将边界半径值0覆盖到4px 不替换,而是添加它。我做错了什么? @导入: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

我想将边界半径值0覆盖到4px

不替换,而是添加它。我做错了什么?

@导入: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按钮{
边界半径:0;
边界半径:4px;
}
预期结果:

.uk按钮{
边界半径:4px;
}

@include
,如它所说,只添加/包括特定规则,但不替换它们

主题SCS应如下所示:

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