Belartale
@Belartale
Front-end week-junior developer

Почему node-sass не конвертирует в css?

конвертирую node-sass, мешает миксин, но если конвертировать через плагин в vscode - оно нормально работает и конвертирует в css файл.

sass файл:
@mixin adaptiv-font($pcSize, $modSize) {
    $addSize: $pcSize - $modSize;
    $addModSize: $addSize + $addSize * 0.7;
    @media (max-width: 767px) {
        font-size: calc(#{$modSize + px} + #{$addModSize} * ((100vw - 320px) / #{$maxWidth}));
    }
    @media (min-width: 767px) {
        font-size: calc(#{$modSize + px} + #{$addSize} * (100vw / #{$maxWidth}));
    }
}

.logo-text {
                margin-left: 15px;
                margin-right: 20px;
                text-transform: uppercase;
                @include adaptiv-font(50, 1);
                font-weight: 600;
            }

Ошибка с консоли:
Wrote CSS to G:\Belart\Git\Moving-New-Jersey\css\style.css
=> changed: G:\Belart\Git\Moving-New-Jersey\scss\style.scss
{
  "status": 1,
  "file": "G:/Belart/Git/Moving-New-Jersey/scss/main-style.scss",
  "line": 20,
  "column": 94,
  "message": "Undefined variable: \"$maxWidth\".",
  "formatted": "Error: Undefined variable: \"$maxWidth\".\n        on line 20 of scss/main-style.scss, in mixin `adaptiv-font`\n        from line 17 of scss/style.scss\n>> dSize} * ((100vw - 320px) / #{$maxWidth}));\r\n   ------------------------------------------^\n"
}
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
Belartale
@Belartale Автор вопроса
Front-end week-junior developer
Недосмотрел переменную $maxWidth как уже сказал Михаил @notiv-nt в комментах
"message": "Undefined variable: \"$maxWidth\".
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы