List
Default list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Sed vel odio venenatis, mattis risus quis, facilisis nibh
- Phasellus eget consectetur nisi
- Donec tellus magna, varius vitae consectetur ac, mollis eget ligula
- Nam finibus a dolor ut pellentesque
- Vivamus gravida rhoncus quam, in congue dolor porta vitae
- Aliquam bibendum tempor ipsum nec fermentum
- Aenean ultricies libero quam, quis condimentum velit viverra a
Markup: ..\..\styleguide\templates\atoms\content\list.html
<ul class="rocksite-a-list [modifier class]">
<li class="rocksite-a-list__item">Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li class="rocksite-a-list__item">Sed vel odio venenatis, mattis risus quis, facilisis nibh</li>
<li class="rocksite-a-list__item">Phasellus eget consectetur nisi</li>
<li class="rocksite-a-list__item">Donec tellus magna, varius vitae consectetur ac, mollis eget ligula</li>
<li class="rocksite-a-list__item">Nam finibus a dolor ut pellentesque</li>
<li class="rocksite-a-list__item">Vivamus gravida rhoncus quam, in congue dolor porta vitae</li>
<li class="rocksite-a-list__item">Aliquam bibendum tempor ipsum nec fermentum</li>
<li class="rocksite-a-list__item">Aenean ultricies libero quam, quis condimentum velit viverra a</li>
</ul>
../source/scss/components/atoms/content/_list.scss
, line 1