Any idea should tell me

what is the # doing:

explain it to me …anyone here

.text-#{$j} { font-size: 15px * $j; }

<style type='text/scss'>

@for $j from 1 through 16 {
.text-#{$j} { font-size: 15px * $j; }
}

</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>

On a quick search I found this article :


Hope this might help you

#{} interpolation syntax it allows the using of the variables in selectors and property names

I think it might work like this but I am not sure as I haven’t used SASS before:

j=1      .text-1 {  font-size:15px*1; } 
j=2      .text-2 {  font-size:15px*2; }    
.
.
.
etc