Exploring SCSS and testing with a simple for loop to assign transition-delays on a series of <li> tags.
Successfully implemented the for loop, but facing difficulty in concatenating desired strings. For instance, the following code operates correctly:
li {
@for $i from 1 through 8
{
&:nth-of-type(#{$i})
{
transition-delay: #{$i}s;
}
}
}
However, it sets the transition delay in whole seconds. My goal is to have it as (zero point seconds), such as 0.#{$i}s;
What am I overlooking? Despite numerous attempts, I seem to be missing a fundamental aspect here. Should I combine...