Stylus進階指南

實現字符串乘法

CSS需求

ul{
	margin-left: 1rem;
}
ul ul {
	margin-left: 2rem;
}
ul ul ul {
	margin-left: 3rem;
}
//...

Stylus css

times(str, delimiter, num) {
  buf = "";

  for num in (1 .. num) {
    buf = buf + str + delimiter ;
  }

  buf;
}

total = 10
for num in (1..total){
  {times("ul"," ",num)}{
  	margin-left: unit(num,"rem")
  }
}