Есть ли у какого-нибудь препроцессора CSS генерация классов динамически из HTML(посмотрите подробнее)?

Question

[Anatoly Terkov]

Здравствуйте.
Я сторонник людей, которые пишут примерно так:

<p class="my-article">
Lorem ipsum
</p>
<p class="my-article margin-top-13 margin-left-32">
Lorem ipsum
</p>
<p class="my-article">
Lorem ipsum
</p>

Ну, и соответственно CSS:

.my-article{
color: blue;
}
.margin-top-13{
margin-top: 13px;
}
.margin-left-32{
margin-left: 32px;
}

В данном случае, конечно, в этом нет особой нужды. Хотя, смотря какой дизайн.
Меня интересует, есть ли такое чудо, которое может генерировать классы, когда к ним обращаешься через HTML?
Например, примерно так:

/* допустим, что это синтаксис less */
.margin-left-@{px}{
margin-left: @px;
}

То есть, чтобы при обращении из HTML классом margin-left-432942839 в CSS создавался именно такой класс и именно с такими пикселями.
Возможно ли\есть ли такое?
Или как возможно это сделать?

Answer 1

[Сергей delphinpro]

Стрёмные классы конечно, ну да ладно, дело ваше :)

Подобных плагинов я не встречал, но если вам так хочется, могу предложить один приемчик.

В препроцессорах есть циклы. Нагенерируйте классов через них, а потом конечный css прогоните через uncss, чтобы удалить неиспользуемые :)