Atomic CSS словарь классов?

Question

[Михаил]

Продвинутые люди подскажите где нарыть словарь общепринятых названий классов для атомарного CSS чтобы не пугать народ при презентации верстки?

Comments

[dicem]

Atomic css, жму руку

Answer 1

[Сергей delphinpro]

"Атомик CSS" и "не пугать" — не должны встречаться в одном предложении.

UPD
https://github.com/yoksel/common-words

Comments

[profesor08]

<div class="Row">
    <div class="Fl(start) W(1/2) Bgc(#0280ae.5) H(90px)"></div>
    <div class="Fl(start) W(1/2) Bgc(#0280ae) H(90px)"></div>
</div>
<div class="D(tb) W(100%)" role="presentation">
    <div class="D(tbc) Bgc(#0280ae) H(90px)"></div>
    <div class="D(tbc) Bgc(#0280ae.5) H(90px)"></div>
</div>
   <div class="IbBox W(50%) Bgc(#0280ae.5) H(90px)"></div><!--
--><div class="IbBox W(50%) Bgc(#0280ae) H(90px)"></div>
<div class="D(f)">
    <div class="Flxg(1) Bgc(#0280ae) H(90px)"></div>
    <div class="Flxg(1) Bgc(#0280ae.5) H(90px)"></div>
</div>

Ой жесть, как мне теперь такое развидеть? Оно же сниться будет.

[Сергей delphinpro]

profesor08, Пи...ц. Я думал, что видел всё, но это уже за гранью...

[dicem]

Сергей delphinpro, БЭМ это за гранью, а это очень кайфовая тема

[Михаил]

спасибо за полезную информацию. Немного конкретики:
Я про классы типа
.pb-100 {
padding-bottom: 100px
}
Есть какой либо свод сокращений для такого типа тегов ну или какое то логическое правило?

[Вадим Кот]

Михаил, https://docs.emmet.io/cheat-sheet/ - секция css