Интерполяция стилуса не работает для значения медиазапроса

Question

Я пытаюсь использовать переменные в медиа-запросе в стилусе с использованием интерполяции, но я заметил, что вы можете использовать переменные только в имени свойства, а не в значении.Работает следующий код:

lgScreen = "992px"

@media (min-{lgScreen}: 992px)
    .something
        background red

Но этот код не

lgScreen = "992px"

@media (min-width: {lgScreen})
    .something
        background red

Я получаю следующую ошибку:

ParseError: expected ":", got "}"

Как мне сгенерировать медиаданныезапрос, используя мою переменную для значения минимальной ширины?

Answer 1

Вам не нужно интерполировать в этой позиции.Удалите фигурные скобки и все должно работать нормально .

Возможно, вы также захотите удалить кавычки в объявлении переменной, поскольку они также будут выводиться в медиа-запросе.