scss @include [mixin] с использованием ([arguments]) синтаксиса не распознается в реактивном проекте - PullRequest
Новая
       97

scss @include [mixin] с использованием ([arguments]) синтаксиса не распознается в реактивном проекте

0 голосов
/ 24 октября 2019

Следуя документации sass по адресу https://sass -lang.com / Documentation / at-rules / mixin # arguments-to-content-blocks , я решил создать миксин, который принимает контентблокировать и динамически изменять его, используя медиазапросы, а также предоставляя переменную для гибкого использования: 

@mixin main-offset {
    @content (7.26%);

    @media screen and (max-width: 1360px) {
        @content (24%);
    }
}

body {
    @include main-offset using($offset) {
        padding: 0 $offset 0 0;
        margin: 0 0 0 $offset;
    }
}

Это компилируется с синтаксической ошибкой, ожидающей точку с запятой, куда идут аргументы @content (@content; вместо @content(...)

Также подсветчик синтаксиса VsCode слишком запутан вокруг блока using.

Я использую "node-sass": "^4.12.0" и "react": "^16.10.2"

Если я полностью неправильно понимаю эту функцию, альтернативное решениеТакже приветствуем.

Спасибо.

...