Skip to content

Commit 90b9294

Browse files
estherbrunnerestherbrunner
authored
Merge pull request #21 from efflore/v0.8.5-docs
docs: fix imports on other docs pages, refine Installation & Setup
2 parents fa0b269 + 947c1e0 commit 90b9294

13 files changed

+163
-148
lines changed

‎docs/advanced-topics.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Advanced Topics</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/api-reference.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – API Reference</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/assets/css/global.css

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -373,7 +373,6 @@ header {
373373

374374
&:hover,
375375
&:focus {
376-
color: var(--color-white);
377376
background-color: var(--color-secondary-hover);
378377
}
379378

‎docs/best-practices-patterns.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Best Practices & Patterns</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/changelog-versioning.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Changelog & Versioning</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/contributing-development.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Contributing & Development</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/core-concepts.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Core Concepts</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/detailed-walkthrough.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Detailled Walkthrough</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/examples-recipes.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Examples & Recipes</title>
55
<link rel="stylesheet" href="assets/css/global.css">
6+
<link rel="stylesheet" href="assets/css/okaidia.css">
67
<link rel="stylesheet" href="assets/css/components.css">
7-
<script type="module" src="assets/js/main.js"></script>
8+
<script type="module" src="assets/js/main.min.js"></script>
89
</head>
910
<body>
1011
<header class="content-grid">

‎docs/index.html

Lines changed: 53 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!doctype html>
22
<html>
33
<head>
4-
<title>UIElement Docs</title>
4+
<title>UIElement Docs – Introduction</title>
55
<link rel="stylesheet" href="assets/css/global.css">
66
<link rel="stylesheet" href="assets/css/okaidia.css">
77
<link rel="stylesheet" href="assets/css/components.css">
@@ -193,42 +193,41 @@ <h2>Quick Start Guide</h2>
193193
<li><button type="button">CSS</button></li>
194194
<li><button type="button">JavaScript</button></li>
195195
</ul>
196-
</tab-list>
197-
<accordion-panel open>
198-
<details open aria-disabled="true">
199-
<summary class="visually-hidden">
200-
<div class="summary">HTML</div>
201-
</summary>
202-
<code-block language="html" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
203-
<p class="meta">
204-
<span class="file">my-counter.html</span>
205-
<span class="language">html</span>
206-
</p>
207-
<pre><code class="language-html">&lt;my-counter count="42"&gt;
196+
<accordion-panel open>
197+
<details open aria-disabled="true">
198+
<summary class="visually-hidden">
199+
<div class="summary">HTML</div>
200+
</summary>
201+
<code-block language="html" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
202+
<p class="meta">
203+
<span class="file">my-counter.html</span>
204+
<span class="language">html</span>
205+
</p>
206+
<pre><code class="language-html">&lt;my-counter count="42"&gt;
208207
&lt;p&gt;
209208
Count: &lt;span class="count"&gt;&lt;/span&gt;
210209
Parity: &lt;span class="parity"&gt;&lt;/span&gt;
211210
&lt;/p&gt;
212211
&lt;button id="increment"&gt;+&lt;/button&gt;
213212
&lt;button id="decrement"&gt;-&lt;/button&gt;
214213
&lt;/my-counter&gt;</code></pre>
215-
<input-button>
216-
<button type="button" class="secondary small">Copy</button>
217-
</input-button>
218-
</code-block>
219-
</details>
220-
</accordion-panel>
221-
<accordion-panel>
222-
<details aria-disabled="true">
223-
<summary class="visually-hidden">
224-
<div class="summary">CSS</div>
225-
</summary>
226-
<code-block language="css" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
227-
<p class="meta">
228-
<span class="file">my-counter.css</span>
229-
<span class="language">css</span>
230-
</p>
231-
<pre><code class="language-css">my-counter {
214+
<input-button class="copy">
215+
<button type="button" class="secondary small">Copy</button>
216+
</input-button>
217+
</code-block>
218+
</details>
219+
</accordion-panel>
220+
<accordion-panel>
221+
<details aria-disabled="true">
222+
<summary class="visually-hidden">
223+
<div class="summary">CSS</div>
224+
</summary>
225+
<code-block language="css" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
226+
<p class="meta">
227+
<span class="file">my-counter.css</span>
228+
<span class="language">css</span>
229+
</p>
230+
<pre><code class="language-css">my-counter {
232231
display: flex;
233232
gap: 0.5rem;
234233
margin-block: 1rem;
@@ -242,23 +241,23 @@ <h2>Quick Start Guide</h2>
242241
margin-right: 0.5rem;
243242
}
244243
}</code></pre>
245-
<input-button>
246-
<button type="button" class="secondary small">Copy</button>
247-
</input-button>
248-
</code-block>
249-
</details>
250-
</accordion-panel>
251-
<accordion-panel>
252-
<details aria-disabled="true">
253-
<summary class="visually-hidden">
254-
<div class="summary">JavaScript</div>
255-
</summary>
256-
<code-block language="js" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
257-
<p class="meta">
258-
<span class="file">my-counter.js</span>
259-
<span class="language">js</span>
260-
</p>
261-
<pre><code class="language-js">import { UIElement, asInteger, on, setText } from '@efflore/ui-element'
244+
<input-button class="copy">
245+
<button type="button" class="secondary small">Copy</button>
246+
</input-button>
247+
</code-block>
248+
</details>
249+
</accordion-panel>
250+
<accordion-panel>
251+
<details aria-disabled="true">
252+
<summary class="visually-hidden">
253+
<div class="summary">JavaScript</div>
254+
</summary>
255+
<code-block language="js" copy-success="Copied!" copy-error="Error trying to copy to clipboard!">
256+
<p class="meta">
257+
<span class="file">my-counter.js</span>
258+
<span class="language">js</span>
259+
</p>
260+
<pre><code class="language-js">import { UIElement, asInteger, on, setText } from '@efflore/ui-element'
262261

263262
class MyCounter extends UIElement {
264263
static observedAttributes = ['count']
@@ -275,12 +274,13 @@ <h2>Quick Start Guide</h2>
275274
}
276275
}
277276
MyCounter.define('my-counter')</code></pre>
278-
<input-button>
279-
<button type="button" class="secondary small">Copy</button>
280-
</input-button>
281-
</code-block>
282-
</details>
283-
</accordion-panel>
277+
<input-button class="copy">
278+
<button type="button" class="secondary small">Copy</button>
279+
</input-button>
280+
</code-block>
281+
</details>
282+
</accordion-panel>
283+
</tab-list>
284284
</details>
285285
</accordion-panel>
286286
</component-demo>

0 commit comments

Comments
 (0)