Выражения в медиа-запросах в миксинах - PullRequest
Новая
       3

Выражения в медиа-запросах в миксинах

1 голос
/ 02 марта 2012

У меня есть миксин примерно так: 

   .media-query (@n) {
        @media all and (max-width: (@n + 1) * (@video-box-width + 2) + (@n+2) * @video-box-margin + (@sidebar-width + 20px) + @margins * 2){
            #container_inner {
                width: @n * (@video-box-width + 2) + (@n+1) * @video-box-margin + (@sidebar-width + 20px);
            }
        }
    }

Однако я получаю ошибку разбора из-за выражения после max-width. Это работает, когда после одной переменной, например, max-width: @variable. Я попытался установить переменную в верхней части миксина, но поскольку переменные на самом деле являются константами, они не изменятся при различных значениях @ n.

Edit: Я хочу назвать это несколько раз, как это 

.media-query(3);
.media-query(2);
.media-query(1);

С этим я получаю макет, который изменяет размер с помощью браузера, но принимает только определенный набор предопределенной ширины.

1 Ответ

2 голосов
/ 02 марта 2012

Редактировать, 13 марта : LESS Версия 1.3 теперь доступна и решает эту проблему, см. changelog . Попробуйте еще раз и удивитесь :) 1005 *

Редактировать, 2 марта : Не правильно понял вопрос, фактический ответ должен быть:

Это известная ошибка, и уже есть несколько открытых проблем на GitHub, указывающих, что LESS в настоящее время предлагает только ограниченную поддержку @media запросов. Извините, нам придется подождать, пока это исправят, или придумать умный обходной путь: -∫

...