Question

我有一个Sass集合，其中包含几个像素高度，我想将其作为另一个变量使用。这可能在萨斯？

我调查了@for, @each and @while loops，但无法弄清楚如何将结果累加到变量中。

$section-height: (640px, 621px, 504px, 804px);
$section-height-total: ???

body{
  height: $section-height-total;
}

感谢您的帮助。

Answer 1

$section-height是一个列表，因此您可以使用@for，@each或@while中的任何一个以类似方式迭代它。这是使用@each的一种方式：

$section-height: (640px, 621px, 504px, 804px);
$section-height-total: 0;

@each $height in $section-height {
  $section-height-total: $section-height-total + $height;
}

body {
  height: $section-height-total;
}

输出：

body {
    height: 2569px;
}

一起添加Sass集合值？

1 个答案: