Блоки

Постскриптумы

Строки «метка — текст» для P.S., P.P.S. и подобных заключительных замечаний.

ps с версии 0.1.0

Примеры

P.S. под предложением

<div class="ps">
  <div class="ps__row"><div class="ps__lbl">P.S.</div><div class="ps__txt"><p>Если вы дочитали досюда, дело не в мотивации и не в дисциплине. Дело в том, что список своих пробелов вы не можете составить сами: для этого нужно знать то, чего вы не знаете.</p></div></div>
  <div class="ps__row"><div class="ps__lbl">P.P.S.</div><div class="ps__txt"><p>Первый месяц возвращается по одному сообщению. Решение стоит вам не шестидесяти тысяч и не года, а одного вечера: открыть маршрут первой недели и посмотреть, двигается ли дело.</p></div></div>
  <div class="ps__row"><div class="ps__lbl">P.P.P.S.</div><div class="ps__txt"><p>И честно про то, чего здесь нет. Нет наставника, который будет вести вас за руку, нет потока с дедлайнами и нет обещания трудоустройства.</p></div></div>
</div>

Установка

bukatchuk-ui add ps

Вместе с компонентом установятся: tokens, fonts, base.

Файлы

Файл	Назначение
`ps.css`	стили
`example.html`	образец разметки, в проект не копируется
`ps.jekyll.html`	вставка для Jekyll

Вставка для Jekyll

{%- comment -%}
  Постскриптумы. Параметр: rows — список с полями label, text.
  Ставится внутри секции вместо .wrap.
  Пример: {% include ui/ps.html rows=site.data.ps.rows %}
{%- endcomment -%}
<div class="ps">
  {%- for r in include.rows %}
  <div class="ps__row"><div class="ps__lbl">{{ r.label }}</div><div class="ps__txt"><p class="rv">{{ r.text }}</p></div></div>
  {%- endfor %}
</div>