Stylus: kare bileşen öğeleri arasında hedef satırları

Question

Boşluktan oluşan bir karenin hedef kalemi çizmeye çalışıyorum.

Bir for döngüsü ile başarısız bir şekilde denedim çünkü ilkeyi anlamada sorun yaşıyorum.

burada, sorunu göstermek için ben geçerli satır numarası ile her bir öğeyi numaraya sebebini teşkil eden bir koddur:

sqrt(x) 
    return math(x, 'sqrt') 
$n = 100 // Items 
$rn = sqrt($n) 
$length = 1...($n + 1) 
for $i in $length 
    if ($i < ($rn + 1)) 
    $col = '' + L1 + '' 
    else if ($i < (($rn * 2) + 1)) 
    $col = '' + L2 + '' 
    else if ($i < (($rn * 3) + 1)) 
    $col = '' + L3 + '' 
    // etc... 
    else 
    $col = '' + L0 + '' // Feedback 
    screen :nth-child({$i})::after 
    content $col 

Example online.

Şimdilik ben koşulu ile çizgi if/else ama önceden sayısını bilmeden Repliklerimi odaklanmak istiyorum çünkü değil tatmin edicidir ...

Nasıl devam etmek hedef?

Answer 1

Çok iyi buldum. İşte optimize kod:

sqrt(x) 
    return math(x, 'sqrt') 

$n = 100 // Items 
$rn = sqrt($n) 
$length = 1...($n + 1) 

for $i in $length 
    screen :nth-child({$i})::after 
    $col = '' + 'L' + (floor(($i - 1)/$rn) + 1) + '' 
    content $col 

Example online 1

Example online 2