Как обозвать типографику?

Question

[wakenbyWork]

Есть ui-kit с выведенной типографикой, я хочу ее вынести в миксины, вот как она выглядить:

Скриншот

Я сейчас меняю названия стилей для текста, и у меня два вопроса:

1) Нормально ли называть типографию на странице так как на скрине? Типа body, body-small, body-big?
2) Как можно называть овер много стилей для типографии? На скрине видно 6 элементов типографии, не могу придумать как их назвать(( Думаю что можно как-то body-ultra-small, body-middle, body-middle-bold, но не уверен хорошо ли так делать

P.S: С заголовками все легко получилось, просто пишу header h1 и так далее, с tags тоже легко, а вот как оставшуюся типографию как назвать не могу придумать

Comments

[Aetae]

Во-первых: юзайте лучше префикс классов для кита. Например если оный называется "Супер Система", то ss-header, ss-h1 итп. Это не обязательно, но поможет от случайного смешивания стилей как своих, так и сторонних.

В остальном логично называть так, как оно названо в ките - будет гораздо проще новому человеку ориентироваться. Если что-то не названо в ките - по хорошему надо таки именно в нём и поправить.

Комбинированные стили, само собой, заводить не надо: их нужно на месте комбинировать классами. Если для чего-то такая комбинация будет встречаться слишком часто - делать extend(например с помощью sass) и называть вне рамок системы, по конкретной задаче.