А вот если вы все свалите на основной урл, то как региональность прикрутите ?
Думаю до 100. Такой информации к сожелению нет
Так что тут наверное скорей вопрос на сколько сильно тяжеловесная операция для создания html для Next с уже имеющимися данными.
Трудный вопрос. До сих пор хватало css, там и переменные ввели и многое из препроцессорной истории. Но вот с этим примером с пропорциями прям засада. Поэтому почитал инфы и решил, что less для данной задачи проще в освоении. Спасибо за пример, буду пробовать и вникать
Это всё равно работает на этапе компиляции и в выходном css будет портянка классов.
Но не понял, как эти переменные затем вернуть в качестве аргументов в значения из примера: --aW1, --aH1...
.fn(@aspect-class) {
@matches: ~`@{aspect-class}.match(/\d+/g)`;
@aW1: e(%(`@{matches}[0]`));
@aH1: e(%(`@{matches}[1]`));
@aW2: e(%(`@{matches}[2]`));
@aH2: e(%(`@{matches}[3]`));
.aspect-@{aspect-class} {
& :nth-child(2n+1) {
width: calc((@aW1 * @aH2) / ((@aW1 * @aH2) + (@aH1 * @aW2)) * 100%);
aspect-ratio: calc(@aW1 / @aH1);
}
& :nth-child(2n) {
width: calc((@aH1 * @aW2) / ((@aW1 * @aH2) + (@aH1 * @aW2)) * 100%);
aspect-ratio: calc(@aW2 / @aH2);
}
}
}
.fn(aspect-43-34);я только окунулся в less