<script>
export default {
}
</script>

<template>
<div>
  <div class="scss-iteration">
    {{'$size: 4;\n'
    + '@for $num from 1 through 4 {\n'
    + '  $size : $size + $num\n'
    + '}\n'
    + '\n'
    + '.scss-iteration {\n'
    + '  font-size: $size;\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang="scss">
$size: 3;
@for $num from 1 through 4 {
  $size : $size + $num
}

.scss-iteration {
  font-size: $size;

  color: #126085;
  left: 10;
  top: 3;
  width: 230;
  height: 140;
}
</style>