Задача: извлечь данные из имени класса, чтобы использовать их для в качестве переменных.
Практическая задача: задать правильно размеры двух соседних картинок в блоке, исходя из их пропорций. css-классы вида "aspect-X1Y1-X2Y2". Пока для каждой пары картинок (их много и пропорции все разные) приходится каждый раз прописывать свой класс с конкретными пропорциями. Хотелось бы уместить все в единую формулу, которая подхватывала бы данные из имени класса указанного в html.
Текущий вариант css:
[class*='43-34'] {
--aW1: 4;
--aH1: 3;
--aW2: 3;
--aH2: 4;
[class*='43-34']:nth-child(2n+1) {width: calc((var(--aW1) * var(--aH2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW1) / var(--aH1))}
[class*='43-34']:nth-child(2n) {width: calc((var(--aH1) * var(--aW2) / (var(--aW1) * var(--aH2) + var(--aH1) * var(--aW2))) * 100%); aspect-ratio: calc(var(--aW2) / var(--aH2))}
Стандартными методами css это не сделать. Может через less? Но как?