Почему не работает mixin в scss?

Question

[xonar]

Здравствуйте.
Помогите разобраться. Есть 2 файла scss в одном файле я создаю миксин, а во втором хочу его подключить. Но, выдаёт ошибку.

Вот так указываю миксин:

.@mixin button{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #54cff0;
    color: #fff;
    border-radius: 50px;
    padding: 15px 30px;
    margin-top: 20px;
    text-transform: uppercase;
}

А вот так в другом файле подключаю:

.form__button{
    @include button; //пробовал button(); тоже не выходит
}

Ошибка при сборке:

Error in plugin "sass"
Message:
source\scss\header.scss
Error: Invalid CSS after "}": expected 1 selector or at-rule, was ".@mixin button{"
on line 163 of source/scss/header.scss
from line 1 of source/scss/form.scss
>> }

Answer 1

[Rustam Bainazarov]

Вы документацию читаете вообще? :))

@mixin button() {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    background: #54cff0;
    color: #fff;
    border-radius: 50px;
    padding: 15px 30px;
    margin-top: 20px;
    text-transform: uppercase;
}

Comments

[xonar]

Блин без точки же. Читаю, но чтот походу устал, вообще об точке не думал. Спасибо)))

[Rustam Bainazarov]

xonar, вы ещё про скобки не забудьте. Даже если там нет аргументов, они нужны.

[xonar]

Рустам Байназаров, Спасибо, учту)

Answer 2

[Александр Логинов-Солоницын]

По тому, что пора переходить на Stylus =)

Comments

[xonar]

Про stylus читал поверхностно, но не увидел что-то такого ради чего стоило бы бросать Sass. Да и судя по рынку не очень востребован он.

[Александр Логинов-Солоницын]

xonar, просто он удобнее. Меньше печатать нужно символов и проще читать код. Плюс не нужно заучивать птичий синтаксис))

[Александр Логинов-Солоницын]

То, что он сейчас впал в стагнацию - да, печально, но не смертельно. Изучив один препроцессор, можно сказать, что изучил все. Там функционал примерно одинаковый. Скоро в CSS введут новые фичи, и смысл препроцессоров будет только в написании меньшего количества символов. А Stylus по этому показателю лидер)