<script>
export default {
}
</script>

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

<style scoped lang="stylus">
$size = 4
for num in 1..4
  $size += num

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

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