c-attributes-list c-attributes-list--pros

  • Natus impedit ducimus quis voluptates laborum distinctio ipsam esse atque possimus numquam.
  • Hic consectetur voluptas, distinctio blanditiis maiores.
  • Labore beatae impedit vel placeat eos maxime necessitatibus, cumque hic!
Code
<ul class="c-attributes-list c-attributes-list--pros o-block-list o-block-list--snug">
    <li class="c-attributes-list__item">Natus impedit ducimus quis voluptates laborum distinctio ipsam esse atque possimus numquam.</li>
    <li class="c-attributes-list__item">Hic consectetur voluptas, distinctio blanditiis maiores.</li>
    <li class="c-attributes-list__item">Labore beatae impedit vel placeat eos maxime necessitatibus, cumque hic!</li>
</ul>

c-attributes-list c-attributes-list--cons

  • Numquam ut cum accusantium, in, nulla molestias non nobis dolorum officiis corporis. Consequuntur, vitae, totam.
  • Sint voluptas nostrum quidem rem aliquam eveniet ipsum.
Code
<ul class="c-attributes-list c-attributes-list--cons o-block-list o-block-list--snug">
    <li class="c-attributes-list__item">Numquam ut cum accusantium, in, nulla molestias non nobis dolorum officiis corporis. Consequuntur, vitae, totam.</li>
    <li class="c-attributes-list__item">Sint voluptas nostrum quidem rem aliquam eveniet ipsum.</li>
</ul>

c-attributes-list c-attributes-list--circle c-attributes-list--pros

  • Natus impedit ducimus quis voluptates laborum distinctio ipsam esse atque possimus numquam.
  • Hic consectetur voluptas, distinctio blanditiis maiores.
  • Labore beatae impedit vel placeat eos maxime necessitatibus, cumque hic!
Code
<ul class="c-attributes-list c-attributes-list--circle c-attributes-list--pros o-block-list o-block-list--snug">
    <li class="c-attributes-list__item">Natus impedit ducimus quis voluptates laborum distinctio ipsam esse atque possimus numquam.</li>
    <li class="c-attributes-list__item">Hic consectetur voluptas, distinctio blanditiis maiores.</li>
    <li class="c-attributes-list__item">Labore beatae impedit vel placeat eos maxime necessitatibus, cumque hic!</li>
</ul>

c-attributes-list c-attributes-list--circle c-attributes-list--cons

  • Numquam ut cum accusantium, in, nulla molestias non nobis dolorum officiis corporis. Consequuntur, vitae, totam.
  • Sint voluptas nostrum quidem rem aliquam eveniet ipsum.
Code
<ul class="c-attributes-list c-attributes-list--circle c-attributes-list--cons o-block-list o-block-list--snug">
    <li class="c-attributes-list__item">Numquam ut cum accusantium, in, nulla molestias non nobis dolorum officiis corporis. Consequuntur, vitae, totam.</li>
    <li class="c-attributes-list__item">Sint voluptas nostrum quidem rem aliquam eveniet ipsum.</li>
</ul>