конвертирую 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"
}