Если вы используете менее, вы можете импортировать контекстуализировать CSS так:
@import (inline) '../../bower_components/offline/themes/offline-theme-default.css';
.language-de {
@import (less) '../../bower_components/offline/themes/offline-language-german.css';
}
.language-en {
@import (less) '../../bower_components/offline/themes/offline-language-english.css';
}
Вы можете переключить язык, установив язык -... класс на вашем <body>
элемент для пример.
UPDATE: Если вы используете инструмент cleancss, убедитесь, что вы добавили '@charset' UTF-8 "; ' в вашем основном файле LESS ... иначе в блоке будет @charset, а cleanncss испортит ваш CSS.
ОБНОВЛЕНИЕ: SASS также может импортировать css. Например:
@import '../../bower_components/offline/themes/offline-theme-default';
.language-de {
@import '../../bower_components/offline/themes/offline-language-german';
}
.language-en {
@import '../../bower_components/offline/themes/offline-language-english';
}
Вы имеете в виду динамическое изменение языкового файла, загруженного автономным.js, с использованием кода, внешнего для кода Offline.js? –
Я хочу найти способ динамически менять язык. Я не видел, что offline.js имеет эту функцию – slorenzo
см. Https://github.com/HubSpot/offline/issues/155 –