На этот вопрос уже есть ответ здесь:

У меня есть div, как это:

<div class="center small-top-margin">
  <%= rails code %>
</div>

где `small-top-margin 'выглядит следующим образом:

.small-top-margin {
    margin-top: 2em;
}

Есть ли способ передать аргумент классу CSS, так что

class="top-margin(2) # =>margin-top: 2em;
class="top-margin(5) # =>margin-top: 5em; и т.д..

или даже лучше

class="margin(top, 2) # =>margin-top: 2em;

Я включилRails теги на случай, если есть способ сделать это через рельсы, хотя чисто решение CSS / Sass было бы лучше.