Mam powtórzenie ng w kanciastej aplikacji, która może mieć od 2 do 5 elementów i siatkę z 20 kolumnami. Chcę, żeby przedmioty zawierały całą szerokość siatki, więc jeśli są 2, które chcę:
.card:nth-child(1) {
@include span(10 of 20); }
.card:nth-child(2) {
@include span(10 of 20 last); }
i jeśli mam 5 kart, które chcę:
.card:nth-child(n+1):nth-child(-n+4) {
@include span(4 of 20); }
.card:nth-child(5) {
@include span(4 of 20 last); }
I potrzebuję tego, aby dynamicznie działał pomiędzy nimi. Każdy pomysł, jak mogę uzyskać coś takiego do pracy?
Odpowiedzi:
1 dla odpowiedzi № 1Nie jest to możliwe, ponieważ Sass jest preprocesorem i nie ma wiedzy o DOM.