Я ищу ответ об этом:
У меня есть миксины с петлей внутри:
@global-language-array: fr, de, es, en;
@language-array-length: length(@global-language-array);
.landing-specific( @landing-name,
@landing-color,
@landing-bg-color,
@landing-alt-start: 0,
@landing-alt-end: 0,
@landing-search-color: @landing-color,
@custom-heart: false,
@landing-multi-language: false) {
& when (@landing-multi-language) {
.lang-loop (@language-array-length) when (@language-array-length > 0) {
@lang: extract(@global-language-array, @language-array-length);
html[lang="@{lang}"] & {
background-image: url(../img/bg/texture.png), url(~"../img/culture/@{lang}/view/landing-default/@{landing-name}/banner-lg.jpg");
}
.lang-loop (@language-array-length - 1);
}
.lang-loop(@language-array-length);
}
}
Я искал везде в Интернете, но я не могу помочь себе и найти, как я мог бы: переопределить мою @language-array-length в моих аргументах, специфичных для .landing, чтобы зацикливаться только на этом новом массиве обновлений.
Я не уверен, что я очень ясен, извините за мой английский и спасибо, кто может помочь мне в этой кропотливой задаче.
Это css, которого я пытаюсь достичь:
@media (min-width: 1200px) {
.organisation.alt-1 .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/view/landing-default/organisation/banner-alt-1-lg.jpg);
}
.organisation .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/view/landing-default/organisation/banner-lg.jpg);
}
html[lang="en"] .organisation .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/culture/en/view/landing-default/organisation/banner-lg.jpg);
}
html[lang="es"] .organisation .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/culture/es/view/landing-default/organisation/banner-lg.jpg);
}
html[lang="de"] .organisation .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/culture/de/view/landing-default/organisation/banner-lg.jpg);
}
html[lang="fr"] .organisation .banner-landing {
background-image: url(../img/bg/texture.png), url(../img/culture/fr/view/landing-default/organisation/banner-lg.jpg);
}
.organisation .slide-fade {
background-image: url(../img/bg/texture.png), url(../img/view/landing-default/organisation/banner-lg-fade.jpg);
}
}
Для каждой страницы у меня есть миксины, например: .landing-specific(organization, #487e19, #a0d474, 1, 1);
Я хочу генерировать стили, специфичные для языка, только если язык находится в массиве.
Это относительно сложно объяснить, извините :/