МЕНЬШЕ CSS устанавливает переменные в медиа-запросе?

Я работаю на iPad- Чтобы мой веб-сайт работал как на iPad с дисплеем Retina, так и на более старых версиях iPad, я хочу установить переменную в LESS CSS в медиа-запросе, например:

@media all and (max-width: 768px) {
    @ratio: 1;
}

@media all and (min-width: 769px) {
    @ratio: 2;  
}

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

width: 100px * @ratio;

Но я получил ошибку компиляции, говорящую, что @ratio не определено. Можно ли найти обходной путь, чтобы заставить его работать? Спасибо.