51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Ordered list

100% 
<ol>
    <li>
        Lorem ipsum dolor sit amet
    </li>
    <li>
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
    </li>
    <li>
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
    </li>
    <li>
        List item
        <ol>
            <li>
                List item
            </li>
            <li>
                List item
            </li>
            <li>
                List item
                <ol>
                    <li>
                        List item
                    </li>
                    <li>
                        List item
                    </li>
                </ol>
            </li>
            <li>
                List item
            </li>
        </ol>
    </li>
    <li>
        List item
    </li>
</ol>
 
<ol{% if classes %} class="{{ classes }}"{% endif %}>
    <li>
        {{ itemShort }}
    </li>
    <li>
        {{ itemMedium }}
    </li>
    <li>
        {{ itemLong }}
    </li>
    <li>
        {{ text }}
        <ol>
            <li>
                {{ text }}
            </li>
            <li>
                {{ text }}
            </li>
            <li>
                {{ text }}
                <ol>
                    <li>
                        {{ text }}
                    </li>
                    <li>
                        {{ text }}
                    </li>
                </ol>
            </li>
            <li>
                {{ text }}
            </li>
        </ol>
    </li>
    <li>
        {{ text }}
    </li>
</ol>
 
{
  "text": "List item",
  "itemShort": "Lorem ipsum dolor sit amet",
  "itemMedium": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam",
  "itemLong": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam",
  "classes": ""
}
  • Handle: @ordered-list
  • Preview:
  • Filesystem Path: src/patterns/10-elements/lists/ordered-list/ordered-list.twig

There are no notes for this item.