Динамические свойства CSS в LESS?

Я пишу таблицу стилей с меньшим количеством стилей для двунаправленного веб-сайта, и мне нужно написать один файл с меньшим количеством файлов и создать две разные таблицы стилей, одну для макетов слева направо ( ltr), а другой - для раскладок справа налево (rtl)

, поэтому, когда я задаю стили для раскладок rtl, я хочу преобразовать каждое левое значение в правое, будь то float, padding или margin,

для этого я определил необходимые переменные в верхней части моего файла less следующим образом:

@left: right;
@right: left;

просто, я могу перемещать элементы динамически, как это

float: @left; // this will be floated to left in ltr layout while it will be right in rtl layout.

, но моя проблема в том, что я хочу иметь возможность также использовать эти переменные для создания динамических свойств, например, при позиционировании элементов абсолютно или относительно, я хочу иметь возможность писать left или right pr operty динамически зависит от значения переменной @left следующим образом

position: relative;
@left: 10px;

, но это дает ошибку при компиляции, любая подсказка, как это сделать. Обратите внимание, что я делал это с помощью SASS, но до сих пор я не могу заставить его работать с LESS?

6
задан Anas Nakawa 3 February 2012 в 15:33
поделиться