.persona

Есть овверрайд на десктопы

Глобальная версия простая, она в таком виде используется на мобилках. На десктопе же она усложняется медиазапросом на однослойную панельку.

Вся персона кликабельна, соответствено внутри нет ссылок. Если нужен клик по аватарке, то используем JS. Если наоборот, то эффекты наведения с аватарки можно снять таким модификатором .avatar_not-clickable.

С комментарием

Сам комментарий - это элемент .persona__note. К сожалению этого недостаточно. Нужен еще модификатор .persona_has-note чтобы там разметку перестроить.

Ну и надо бы какое-то разумное ограничение на количество символов поставить, я думаю.

Lightning

Диск в отличном состоянии

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec ipsum mollis, placerat magna vitae, pulvinar augue. Donec non ullamcorper quam. Nunc feugiat elit quis nisi feugiat lacinia. Nam nibh orci, consectetur eu sollicitudin et, blandit vitae sapien. Praesent hendrerit lectus nec est euismod, non consectetur mi eleifend. Integer bibendum lacus ut placerat pharetra. Phasellus ut dolor turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam sed mollis.

7 км

1700

обмен

С фоном

Добавляется элемент .persona__background с фоновой картинкой. Так же добавляется модификатор .persona_has-background. В принципе этот модификатор нужен только в оверрайде на десктопы и толька в паравозике (чтобы сбросить палку-разделитель), но для сохранения общности можно везде его проставлять.

Паравозик