rudern.de Webstyleguide

Lists 

<div class="editor--content styleguide--background">

    <ul>
        <li>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit
        </li>
        <li>
            Veniam eligendi ipsum itaque natus iusto veritatis dolor
        </li>
        <li>
            Rerum numquam perspiciatis atque, vitae tempore!
        </li>
    </ul>

    <ol>
        <li>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit
        </li>
        <li>
            Veniam eligendi ipsum itaque natus iusto veritatis dolor
        </li>
        <li>
            Rerum numquam perspiciatis atque, vitae tempore!
        </li>
    </ol>

</div>
 
<div class="editor--content styleguide--background">

  <ul>
    {{#each items}}
    <li>
      {{ text }}
    </li>
    {{/each}}
  </ul>

  <ol>
    {{#each items}}
    <li>
      {{ text }}
    </li>
    {{/each}}
  </ol>

</div>
 
{
  "items": [
    {
      "text": "Lorem ipsum dolor, sit amet consectetur adipisicing elit"
    },
    {
      "text": "Veniam eligendi ipsum itaque natus iusto veritatis dolor"
    },
    {
      "text": "Rerum numquam perspiciatis atque, vitae tempore!"
    }
  ]
}

All text stylings are only applied with the .editor–content wrapper class