Setting SASS variables inside a loop

I am having problems putting something like the following repetitive variable declarations inside a loop:

$px1: 1px;
$px2: 2px;
$px3: 3px;
$px4: 4px;
$px5: 5px;
...

I thought i could just do this:

@for $i from 1 through 10 {
  $px#{$i}: #{$i}px;
}

But SCSS is complaining that it is invalid CSS, but i am not trying to write CSS, i am just trying to set some variables that i can use later on.

Is there a way to set variables dynamically like this, without declaring any CSS?

[xzyfer]

To do this you need a list

$pxs: ();
@for $i from 1 through 10 {
  $pxs: append($pxs, $i * 1px);
}

Now you can access you px via nth

a {
  border-width: nth($pxs, 1); // 1px
}

[wouter-muller]

OK, thanks guys!

@xzyfer Interesting example with the list!

I will only need a handful of these variables, so i’ll just write them out without a loop…