Preciso posicionar um monte de elementos (<30) sequencialmente e eu sempre prefiro uma solução CSS a uma JS prolixo, entretanto, não estou prestes a escrever mais de 30 classes porque isso daria muito trabalho. Felizmente, estou usando a bússola e eles têm um truque legal onde você pode usar um loop for para gerar rapidamente um monte de classes.
@for $i from 0 through 30 {
&:nth-child(#{$i}) {
margin-left: percentage($i); // compass function that will convert any number to a percentage
}
}Graças à prolixidade do SASS, é bastante autoexplicativo.