SASS - 获取之前的项目宽度并在其上添加变量

Question

我尝试使用SASS访问列表中的上一个项目，以便我可以将我的变量$ itemWidthIncrement添加到前一个项目值，因此每个项目的增量为3px：

UPSTART_SESSION

这是否适用于SASS，或者我没有以正确的方式接近这个？

Answer 1

试试这个 - 保留$currentWidth变量并根据需要增加：

$totalItems: 12;
$itemWidthIncrement: 3px;
$itemMarginIncrement: 1px;
$currentWidth: 1px;

@for $i from 1 through $totalItems {
  .item-:nth-child(#{$i}) {
        float: if($i % 2 == 0, left, right);
        width: $currentWidth;
   }
   $currentWidth: $currentWidth + $itemWidthIncrement;
}