Как в атомарном css изменять свойства сразу у нескольких блоков?

Question

[Атланта]

На данный момент я использую и классические классы (семантические) и атомарный css для позиционирования. Я не могу понять, как изменить, например, margin-top у нескольких блоков? Неужели надо вручную изменять класс mt(25px) всем необходимым мне блокам?

<div class="box mt(25px)"></div>
<div class="box fl mt(25px)"></div>
<div class="block mt(25px)"></div>

Например, мне надо изменить margin только у div с классом box.

Comments

[Alibek Kulseitov]

Не понимаю а зачем изначально так делать?) напиши класс mt-25 и в стилях пиши margin-top: 25, как в бутстрапе mixin называется spacing.scss

[Атланта]

Alibek Kulseitov, Я не совсем поняла. Если класс будет называться mt-25. И например он использовался 15 раз, мне надо изменить его в 10 случаях. Я должна вручную менять этот класс на, например, mt-30? Ведь rename (shift + f6) мне здесь не поможет.

[Alibek Kulseitov]

Атланта, не обьязательно 25 должно соответствовать 25px. Это условное название класса я себе сделал mt-5 значит margin-top: 40px например