Смешивание SCSS не работает - PullRequest
Новая
       1

Смешивание SCSS не работает

0 голосов
/ 29 апреля 2018

Я пытаюсь изучать миксины с помощью SCSS, я пытаюсь создать простой миксин для управления стилем кнопок, но он не работает.

Я уверен, что упустил что-то очевидное, но сейчас я вырываю волосы.

Любой совет будет высоко ценится.

Как вы видите здесь - мой миксин не применяется.

HTML 

<div class="button-collection">
<button type="button" 
      class="button-collection__button button-collection__button--is-blue">
    Button One
</button>
<button type="button" 
      class="button-collection__button button-collection__button--is-pink">
    Button Two
</button>


@mixin button($primary) {
    background-color: $primary;
}

.button-collection__button {
    display: block;
    width: 400px;
    height: 40px;
    margin: 10px auto;
    &.--is-blue {
        @include button(#449dc7);
        height: 400px;
    }
}

1 Ответ

0 голосов
/ 29 апреля 2018

Вы ошиблись в названии класса, оно должно быть &--is-blue, а не &.--is-blue, без точки. Это не ошибка микширования, а неправильный синтаксис scss.

...