Как переопределить параметр mixin, не трогая исходники?

Question

[Дмитрий Дев]

Добрый день.

В исходниках есть такой миксин buttons.scss Выглядит он вот так:

@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
  color: color-yiq($background);
  @include gradient-bg($background);
  border-color: $border;
  @include box-shadow($btn-box-shadow);

  @include hover {
    color: color-yiq($hover-background);
    @include gradient-bg($hover-background);
    border-color: $hover-border;
  }

Как я в своем custom.scss могу переназначить переменную $active-background и $active-border?

Answer 1

[Flying]

Вы можете передавать её как именованный аргумент при вызове, т.е.

@include button-variant($active-background: white, $active-border: lightgrey);

Answer 2

[Дмитрий Дев]

Flying но в таком случае придется создавать новый класс кнопок и в них вызывать миксин. Других вариантов нет, чтобы мне переопределить $hover-background у кнопок на color-yiq вместо стандартного затемнения?

Comments

[Flying]

Если судить по приведённому вами куску кода - нет т.к. значения по-умолчанию для аргументов заданы константами, а не переменными. Можно ещё попробовать переопределить весь mixin, возможно для вас это будет приемлемым решением, но тогда поддержка при обновлениях тоже будет лежать на вас.