Стиль маркера списка

В SIMAI Framewrok с помощью модификаторов можно изменить вид маркера списка.

Классы

Описание

Адаптивный модификатор. Изменяет стиль маркера списка в зависимости от размера области просмотра.

Использование модификатора: {контрольная точка}:{модификатор}

• Контрольная точка. Необязательный параметр. Применяет модификатор начиная с определенного размера области просмотра, согласно контрольным точкам (sm, md, lg, xl). Если контрольная точка не задана, то действует для любого размера области просмотра.
• Модификатор. Обязательный параметр. Принимает значения:
  • list-none – у списка не показывается маркер списка;
  • list-disc – маркер списка в виде диска (по умолчанию);
  • list-decimal – маркер списка в виде числительного.

Пример

<ul class="list-none">
  <li>Lorem ipsum dolor sit amet, conctetur adipisicing elit</li>
  <li>Assumenda, quia temporibus eveniet a libero incidunt suscipit</li>
  <li>Quidem, ipsam illum quis sed voluptatum quae eum fugit earum</li>
</ul>
<ul class="list-disc">
  <li>Lorem ipsum dolor sit amet, conctetur adipisicing elit</li>
  <li>Assumenda, quia temporibus eveniet a libero incidunt suscipit</li>
  <li>Quidem, ipsam illum quis sed voluptatum quae eum fugit earum</li>
</ul>
<ul class="list-decimal">
  <li>Lorem ipsum dolor sit amet, conctetur adipisicing elit</li>
  <li>Assumenda, quia temporibus eveniet a libero incidunt suscipit</li>
  <li>Quidem, ipsam illum quis sed voluptatum quae eum fugit earum</li>
</ul>

Изменить статью