@for 循环中的 SASS 动态变量 [英] SASS Dynamic variable inside @for loop

问题描述

我正在尝试在 SASS 中动态调用现有的 vars 端 @for 循环.

I'm trying to dynamically call existing vars side @for loop in SASS.

$font-size-h1:            floor(($font-size-base * 2.6));
$font-size-h2:            floor(($font-size-base * 2.15));
$font-size-h3:            ceil(($font-size-base * 1.7));
$font-size-h4:            ceil(($font-size-base * 1.25));
$font-size-h5:            $font-size-base;
$font-size-h6:            ceil(($font-size-base * 0.85));

@for $i from 1 through 6 {
  h#{$i} {
    font-size: $font-size-h#{i};
  }
}

推荐答案

你不能用 SASS 插入来调用一个变量.最好的办法是使用映射，它像数组一样工作.这是一个很好的参考:https://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184

You cannot interpolate to call a variable with SASS. You best bet is to use maps, which work like arrays. Here's a good reference: https://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184

这篇关于@for 循环中的 SASS 动态变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！