/
components.html
46 lines (40 loc) · 1.48 KB
/
components.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
---
layout: base.njk
hook: "component-library"
---
{% include "partials/docs-header.html" %}
{% from 'components/hero.macro.html' import hero %}
{{ hero({
title: "ESLint Docs Components",
supporting_text: "Components used across this site."
})
}}
<div class="content-container grid">
<div class="span-1-3">
<nav class="index">
<button class="index__toggle" aria-label="Components" id="js-index-toggle" hidden>
Components
<svg width="20" height="20" viewBox="20 20 60 60">
<path id="ham-top" d="M30,37 L70,37 Z" stroke="currentColor"></path>
<path id="ham-middle" d="M30,50 L70,50 Z" stroke="currentColor"></path>
<path id="ham-bottom" d="M30,63 L70,63 Z" stroke="currentColor"></path>
</svg>
</button>
<ul class="index__list" id="js-index-list">
{% for item in collections.library %}
<li class="index__item">
<a href="{{ item.url | url | prettyURL }}" {{ helpers.getLinkActiveState(item.url,
page.url) | safe }}>{{ item.data.title }}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
<div class="span-4-12">
<main id="main" tabindex="-1" class="components-main">
<h1>{{ title }}</h1>
{{ content | safe }}
</main>
</div>
</div>
{% include "partials/site-footer.html" %}