Я пишу таблицу стилей с меньшим количеством стилей для двунаправленного веб-сайта, и мне нужно написать один файл с меньшим количеством файлов и создать две разные таблицы стилей, одну для макетов слева направо ( 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?