clicktronix / test-summary Goto Github PK

В main.styl лежат еще стили, которые стоило бы перенести в компоненты. Особенно блоки. Хорошо, когда все стили для одной компоненты лежат в одном месте, что бы было легче читать код. При необходимости можно передавать вниз переменные, которые объявлять уже в main.styl или в отдельном файле - обычно его называют variables.
Можно объявить один самый используемый шрифт на html, а где надо уже переопределять.

Много намешано классов в одном компоненте. Не должно быть классов bars-table__right и bars-table__left. Должен быть просто bars-table. Это здесь работает только, потому что страница статичная. При необходимости используй :nth-child или :nth-of-type

В реальном приложении заголовки вполне вероятно были бы жестко прописаны в html. А вот сам текст Lorem ipsum подгружался бы из базы данных. Но в этом случае можно просто положить в отдельный файл.
И да.. У тебе где-то при задании аттрибутов в pug, отсутствует табуляция.

Шрифты все же лучше объявлять в самих блоках, что бы блоки были самодостаточны, что бы при необходимости можно было блок вставить даже в другой проект, не задумываясь, не потерялись ли при этом какие-нибудь стили.
На случай необходимости смены шрифта можно использовать переменные.