JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
  <bullshit v-for="i in 7" :class="`bullshit-${i}`"></bullshit>
</div>

SASS

$colors: red, orange, yellow, green, cyan, blue, magenta

@for $i from 1 through length($colors)
  .bullshit-#{$i}
    padding-left: #{10 * $i}px
    font-size: #{1 + 0.2 * $i}em
    color: nth($colors, $i)

body
  background: black

JavaScript

Vue.component('bullshit', {
  template: '<div>bullshit</div>',
});

new Vue({
  el: '#app',
});