Lists

<h2 class="styleguide-title">Lists</h2>
<div class="preview-inner-container">
    <h3 class="styleguide">Normal list</h3>
    <ul class="">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
        <li>item 4</li>
    </ul>

    <h3 class="styleguide">list without styling</h3>
    <ul class="no-style">
        <li>item 1</li>
        <li><i class='icon-twitter'></i> item 2</li>
        <li>item 3</li>
        <li>item 4</li>
    </ul>

    <h3 class="styleguide">Link list</h3>
    <ul class="links">
        <li><a href='#'>item 1</a></li>
        <li><a href='#'>item 2</a></li>
        <li><a href='#'>item 3</a></li>
        <li><a href='#'>item 4</a></li>
    </ul>
</div>
<h2 class="styleguide-title">Lists</h2>
<div class="preview-inner-container">
  <h3 class="styleguide">Normal list</h3>
  {% include '@list'
  with {
  "items": [
  "item 1",
  "item 2",
  "item 3",
  "item 4"
  ]
  }
  %}

  <h3 class="styleguide">list without styling</h3>
  {% include '@list'
  with {
  "modifier": "no-style",
  "items": [
  "item 1",
  "<i class='icon-twitter'></i> item 2",
  "item 3",
  "item 4"
  ]
  }
  %}

  <h3 class="styleguide">Link list</h3>
  {% include '@list'
  with {
  "modifier": "links",
  "items": [
  "<a href='#'>item 1</a>",
  "<a href='#'>item 2</a>",
  "<a href='#'>item 3</a>",
  "<a href='#'>item 4</a>"
  ]
  }
  %}
</div>
{
  "items": [
    "item 1",
    "<i class='icon-twitter'></i> item 2",
    "item 3",
    "item 4"
  ]
}

There are no notes for this item.