Локализация CSS

Механизм интернационализации позволяет изменять стилевое оформление элементов интерфейса (контролов, компонентов, html-контейнеров, статических картинок) при изменении локали веб-приложения. В этом подразделе статьи будут раскрыты особенности работы такого механизма.

Когда Вы решили локализовать ресурсы, описывающие стили, нужно учитывать ряд особенностей. Во-первых, CSS-классы, используемые для локализации, явно помечаются селектором. Во-вторых, такие классы создают в отдельных LESS-файлах.

Селектор локали для CSS-классов

Для того, чтобы механизм локализации работал успешно, необходимо для локализуемых CSS-классов явно устанавливать селектор. Он соответствует кодовому обозначению локали.

Расположение локализуемых LESS-файлов

Локализуемые CSS-классы создают в отдельных файлах. Классы таких файлов будут запакованы на Сервисе представления и подключены на локализуемую страницу.

Если CSS-класс будет использован для одного языка внутри страны, то необходимо создать LESS-файл, соответствующий следующим требованиям:

  • Расположен в директории компонента в папке resources/lang/.
  • Имеет название [язык].less.
  • Для всех классов внутри файла вначале добавлен селектор с именем локали .[язык].