在SASS中使用递归函数生成标题大小

时间:2019-07-17 16:45:06

标签: recursion math sass

我正在尝试编写一个带乘法因子的递归函数。我对递归的经验不是很丰富,所以有逻辑

x = foo
x+1 = foo * factor
x+2 = x+1 * factor
x+3 = x+2 * factor
.
.
.
y = x+n * factor 

我正在努力寻找背后的数学逻辑,而且我不知道是否有可能使用递归函数来编写它……

1 个答案:

答案 0 :(得分:0)

经过一番研究,我发现自己没有朝着正确的方向发展。我从方程式中提取出因子x的值,然后集中精力研究因子。

@function calculateFontSize($n) {
  @if $n == 1  {
    @return $headingSizeRatio;
  }
  @else {
    @return $headingSizeRatio * calculateFontSize($n - 1);
  }
}

@for $i from 1 through 6 {
  h#{7 - $i} {
    font-size: $base-font-size * calculateFontSize($i);
  }
}

它解决了我的问题。 :)