Изменить переменную Bootstrap в миксине

Question

Используя Bootstrap 4, я пытаюсь изменить значение brand-primary в миксине:

// variables
$theme-colors: (
  "main": #9fa28b,
  "another-section": #ec008c,
  "yet-another-section": #00b0d8
);

// main scss
@mixin theme($color){
    $theme-colors: (
        "brand-primary": $color
    );
}

body {
    @include theme(theme-color($key: "main"));

    &.another-section {
        @include theme(theme-color($key: "another-section"));
    }

    &.yet-another-section {
        @include theme(theme-color($key: "yet-another-section"));
    }
}

Это компилируется без ошибок, но ничего с классами another-section или yet-another-section находятся в скомпилированном css.

Есть ли способ переопределить brand-primary внутри миксина (или любой переменной)?

Answer 1

Посмотрите здесь: https://sass-lang.com/documentation/variables#advanced -variable-functions

use map.get ($ theme-colors, "warning"); вместо этого!

Answer 2

Если я правильно понимаю, вы хотите изменить цвет. Все, что вам нужно сделать, это переопределить основной цвет, проверьте эту ссылку Как изменить основной цвет bootstrap?