@xonar
А смысл?

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

Здравствуйте.
Помогите разобраться. Есть 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
>> }
  • Вопрос задан
  • 964 просмотра
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Вы документацию читаете вообще? :))

@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;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
kasheibess
@kasheibess
веб уже не тот
По тому, что пора переходить на Stylus =)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы