List

Списки

У списков у нас обнулены дефолтные отступы и установлены руками. При этом маркеры остались дефолтные, работают с нумерованным и ненумированным списком и их можно доопределить в проекте самостоятельно.

<p class="paragraph">Не забыть купить:</p>
<ul class="list">
    <li class="list__item">Картошку;</li>
    <li class="list__item">Капусту;</li>
    <li class="list__item">Колбасу.</li>
</ul>

Но помимо этого мы сформировали класс .list--unstyled. Который отключает маркеры и внутренние отступы. Они могут быть использованы для создания списка с ручным вводом маркера. Например в описании диалогов:

<ul class="list list--unstyled">
    <li class="list__item">— Привет, как дела?</li>
    <li class="list__item">— Нормально, как в школе.</li>
    <li class="list__item">— Чо?</li>
</ul>