<div class="o-container o-prose c-table-of-content">
<h2>Bro ipsum dolor sit amet gaper backside single track, manny Bike epic clipless</h2>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#7164e8d1-0946-4012-b73c-0fa13879014a">Veniam rerum voluptatem officia.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#15972b78-96ef-4379-99c9-6a6653376231">Et vel esse et ut in sint laudantium suscipit.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#b8480ceb-1d95-42a2-b451-abdea7ea8643">Vitae labore dolores omnis.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#c91069b7-d696-4333-af91-9abba00af06f">Ea officia soluta modi laudantium id aut cum neque repudiandae.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#e5bcc8b1-cb76-4595-b267-a02434c8eb6c">Asperiores dignissimos unde in voluptatum quos.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#e3c04694-c940-46a4-871c-1ee6815922fe">Neque nesciunt eveniet repellendus repellat tempore voluptas.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#85993f86-5447-4890-b7da-c3b96d6d2cb4">Soluta qui qui magni.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#d91c05a8-7f69-469c-99ba-a916745f838c">At autem commodi officia.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#97550252-0098-4231-8aa0-7fa3bfafeb61">Vel cum non.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#1eeaed03-18a7-4eba-a730-896e4b8d80fe">Et dignissimos repellat nemo accusantium ad nisi libero.</a>
<ol class="c-table-of-content__list">
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#a8e1f596-c6d3-458e-b9e3-f50b07fe983d">Eos ea et aut id aut.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#42ed2472-f269-477b-a171-587807dac450">Blanditiis est autem.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#e3f3158f-b88f-4991-9f7b-a41f5a45db90">Corrupti repellat soluta aliquid.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#5da3673e-a83a-49ea-b8ae-1c55d29b9974">Illo atque natus consequatur est dolore.</a>
</li>
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#1c11f231-95b0-4545-9bae-816ba346b0b5">Dolorum et laudantium corporis.</a>
</li>
</ol>
</li>
</ol>
</div>
<!-- Fake content to test anchors
<article>
<h3 id="7164e8d1-0946-4012-b73c-0fa13879014a">Veniam rerum voluptatem officia.</h3>
<p>
</div>
<article>
<h3 id="15972b78-96ef-4379-99c9-6a6653376231">Et vel esse et ut in sint laudantium suscipit.</h3>
<p>
</div>
<article>
<h3 id="b8480ceb-1d95-42a2-b451-abdea7ea8643">Vitae labore dolores omnis.</h3>
<p>
</div>
<article>
<h3 id="c91069b7-d696-4333-af91-9abba00af06f">Ea officia soluta modi laudantium id aut cum neque repudiandae.</h3>
<p>
</div>
<article>
<h3 id="e5bcc8b1-cb76-4595-b267-a02434c8eb6c">Asperiores dignissimos unde in voluptatum quos.</h3>
<p>
</div>
<article>
<h3 id="e3c04694-c940-46a4-871c-1ee6815922fe">Neque nesciunt eveniet repellendus repellat tempore voluptas.</h3>
<p>
</div>
<article>
<h3 id="85993f86-5447-4890-b7da-c3b96d6d2cb4">Soluta qui qui magni.</h3>
<p>
</div>
<article>
<h3 id="d91c05a8-7f69-469c-99ba-a916745f838c">At autem commodi officia.</h3>
<p>
</div>
<article>
<h3 id="97550252-0098-4231-8aa0-7fa3bfafeb61">Vel cum non.</h3>
<p>
</div>
<article>
<h3 id="1eeaed03-18a7-4eba-a730-896e4b8d80fe">Et dignissimos repellat nemo accusantium ad nisi libero.</h3>
<p>
</div>
-->
<div class="o-container o-prose c-table-of-content">
{% if heading -%}
<h2>{{ heading }}</h2>
{%- endif%}
<ol class="c-table-of-content__list">
{% for item in items %}
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4</span>
<a class="c-table-of-content__link" href="#{{ item.url }}"
>{{ item.name }}</a>
{% if item.items %}
<ol class="c-table-of-content__list">
{% for item in item.items %}
<li class="c-table-of-content__list-item">
<span class="c-table-of-content__counter">4.2</span>
<a class="c-table-of-content__link" href="#{{ item.url }}"
>{{ item.name }}</a
>
</li>
{% endfor %}
</ol>
{% endif %}
</li>
{% endfor %}
</ol>
</div>
<!-- Fake content to test anchors
{% for item in items %}
<article>
<h3 id="{{ item.url }}">{{ item.name }}</h3>
<p>
</div>
{% endfor %}
-->
{
"heading": "Bro ipsum dolor sit amet gaper backside single track, manny Bike epic clipless",
"items": [
{
"name": "Veniam rerum voluptatem officia.",
"url": "7164e8d1-0946-4012-b73c-0fa13879014a",
"i": 0,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Et vel esse et ut in sint laudantium suscipit.",
"url": "15972b78-96ef-4379-99c9-6a6653376231",
"i": 1,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Vitae labore dolores omnis.",
"url": "b8480ceb-1d95-42a2-b451-abdea7ea8643",
"i": 2,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Ea officia soluta modi laudantium id aut cum neque repudiandae.",
"url": "c91069b7-d696-4333-af91-9abba00af06f",
"i": 3,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Asperiores dignissimos unde in voluptatum quos.",
"url": "e5bcc8b1-cb76-4595-b267-a02434c8eb6c",
"i": 4,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Neque nesciunt eveniet repellendus repellat tempore voluptas.",
"url": "e3c04694-c940-46a4-871c-1ee6815922fe",
"i": 5,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Soluta qui qui magni.",
"url": "85993f86-5447-4890-b7da-c3b96d6d2cb4",
"i": 6,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "At autem commodi officia.",
"url": "d91c05a8-7f69-469c-99ba-a916745f838c",
"i": 7,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Vel cum non.",
"url": "97550252-0098-4231-8aa0-7fa3bfafeb61",
"i": 8,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
},
{
"name": "Et dignissimos repellat nemo accusantium ad nisi libero.",
"url": "1eeaed03-18a7-4eba-a730-896e4b8d80fe",
"i": 9,
"items": [
{
"name": "Eos ea et aut id aut.",
"url": "a8e1f596-c6d3-458e-b9e3-f50b07fe983d",
"y": 0,
"subItemsCount": 5
},
{
"name": "Blanditiis est autem.",
"url": "42ed2472-f269-477b-a171-587807dac450",
"y": 1,
"subItemsCount": 5
},
{
"name": "Corrupti repellat soluta aliquid.",
"url": "e3f3158f-b88f-4991-9f7b-a41f5a45db90",
"y": 2,
"subItemsCount": 5
},
{
"name": "Illo atque natus consequatur est dolore.",
"url": "5da3673e-a83a-49ea-b8ae-1c55d29b9974",
"y": 3,
"subItemsCount": 5
},
{
"name": "Dolorum et laudantium corporis.",
"url": "1c11f231-95b0-4545-9bae-816ba346b0b5",
"y": 4,
"subItemsCount": 5
}
]
}
]
}
/* ======================================================================
# _components.table-of-content.css
====================================================================== */
.c-table-of-content {
@extend .u-break-after;
}
.c-table-of-content__list-item::before {
content: '' !important;
}
.c-table-of-content__list-item .c-table-of-content__counter {
position: absolute;
font-weight: 400;
color: #6b7280;
left: 0;
margin-top: 0 !important;
}
/***
* Level 2
*/
.c-table-of-content__list > .c-table-of-content__list-item .c-table-of-content__list-item {
@apply pl-12 !important;
}
/***
* Level 3
*/
.c-table-of-content__list > .c-table-of-content__list-item .c-table-of-content__list-item .c-table-of-content__list-item {
@apply pl-24 !important;
}
/***
* FIXME: Add page number
*/
.c-table-of-content__link::after {
content: leader(dotted) " " target-counter(attr(href, url), page) !important;
}
No notes defined.