É possivel recuperar uma parte do nome de uma classe em um elemento e passar como valor para a propriedade do CSS utilizand Stylus?
Exemplo

<pre>
.font-word-spacing-light--1 {
  word-spacing: -0.1px !important
}
.font-letter-spacing-light--1 {
  letter-spacing: -0.1px !important
}
.align-left--16px {
  position relative
  left -16px
}
</pre>

E neste caso, utilizar no elemento da seguinte forma

    <h2 class="font-word-spacing-light--1 font-letter-spacing-light--1 align-left--16px">Elemento</h2>

Neste caso, queria saber se isso é possível, como o vuetify faz algo assim, fiquei imaginando se é possível, lá tem por exemplo as classes de cores

<pre>
cor-vermelha /* cor de fundo vermelha */
cor-vermelha--text /* cor da fonte vermelha */
</pre>

Eu li no manual que existem Mixins, Variáveis e Funções só não entendi direito como utilizar e se possibilita o que mencionei

------

Vamos dizer que algo prático ficaria assim (estou apenas exemplificando com uma sintaxe qualquer)

    <h2 class="cor-do-texto--ff00ff tamanho-do-texto--60">
      Título com cor #ff00ff e tamanho 60PX
    </h2>
    
    <style lang="stylus">
      .cor-do-texto--{%s}
        color #{%s} /* imprime color: #ff00ff */
    
      .tamanho-do-texto--{%s}
        text-size {%s}PX /* imprime text-size: 60px */
    </style>