Поддержка RTL

UIkit 3 поддерживает режим справа налево и позволяет переключать ориентацию всех элементов дизайна.

Версия RTL переключает ориентацию элементов дизайна UIkit, включая такие свойства, как float, text-align, направление фоновых теней и многое другое. Тем не менее, все классы с явным именем *-left или *-right остаются в режиме RTL такими же.


Применение

Чтобы использовать UIkit в режиме RTL, используйте файл uikit.rtl.min.css который расположен в папке dist/. Не забудьте добавить атрибут dir="rtl" в тег <html> вашего веб-сайта. JavaScript поддерживает режим RTL по умолчанию, поэтому вы можете включать обычные JS-файлы, ничего не меняя.

<!DOCTYPE html>
<html dir="rtl">
    <head>
        <title></title>
        <link rel="stylesheet" href="css/uikit.rtl.min.css" />
        <script src="js/uikit.min.js"></script>
    </head>
    <body>
    </body>
</html>

Создавайте разметку как обычно. При работе с версией RTL разницы нет.


Компиляция из источника

После того, как вы установили UIkit с Github, вы также можете скомпилировать RTL-версию UIkit самостоятельно. Пользовательская тема UIkit, которую вы создали в каталоге custom/, также будет включена.

yarn
yarn compile-rtl

Полученные файлы находятся в папке dist/ и заканчиваются на *.rtl.css. Файлы JavaScript остаются такими же, как и в версии LTR по умолчанию.

Документация
Компоненты