Я получаю сообщение об ошибке при создании адаптивной страницы.Я использую @mixin, чтобы сделать это возможным.
@mixin mediaSm{
@mixin screen and (max-width:768px) {
@content;
}
}
@mixin mediaMd{
@mixin screen and (max-width:500px) {
@content;
}
}
@mixin mediaLg{
@mixin screen (min-width:769px) and (max-width:1170px) {
@content;
}
}
@mixin mediaSm{
@mixin screen and (min-width:500px) {
@content;
}
}
Я получаю сообщение об ошибке, в котором говорится, что формат неправильный, и должно быть '{' после 'и'.Я использую Ubuntu, но тот же код не отображает вид ошибки в Windows 10.
{"status": 1, "file": "/ opt / lampp / htdocs / my_portfolio /scss / _config.scss "," line ": 34,
" column ": 10," message ":" Неверный CSS после \ "@mixin screen \": ожидается \ "{\", was \ "и (max-width: 768p \ "", "formatted": "Ошибка: недопустимый CSS после \" @mixin screen \ ": ожидаемый \" {\ ", был \" и (max-width: 768p \ "\ n в строке34 из scss / _config.scss \ n из строки 1 экрана scss / main.scss \ n >> @mixin и (max-width: 768px) {\ n \ n --------- ^ \ n"}