Skip to content

Commit 629ec3b

Browse files
MrEssexMrEssex
committed
deploy: db2a644 
1 parent ee769bb commit 629ec3b

File tree

85 files changed

+2322
-2163
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

85 files changed

+2322
-2163
lines changed

‎assets/search.json‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎assets/styles/docs.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -835,7 +835,7 @@ main {
835835
}
836836

837837
.content--full-width {
838-
--docs-content-max-width: 100%;
838+
--docs-content-max-width: min(100%, var(--zn-container-hd));
839839
}
840840

841841
.content__body {

‎components/absolute-container/index.html‎

Lines changed: 12 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -116,18 +116,11 @@
116116
<li>
117117
<h2>Tutorials</h2>
118118
<ul>
119-
<li>
120-
<a href="/getting-started/form-controls">Form Controls</a>
121-
</li>
122-
<li>
123-
<a href="/getting-started/form-examples">Form Examples</a>
124-
</li>
125-
<li>
126-
<a href="/getting-started/table-examples">Table Examples</a>
127-
</li>
128-
<li>
129-
<a href="/getting-started/example-layout">Example Layout</a>
130-
</li>
119+
<li><a href="/getting-started/form-controls">Form Controls</a></li>
120+
<li><a href="/getting-started/form-examples">Form Examples</a></li>
121+
<li><a href="/getting-started/table-examples">Table Examples</a></li>
122+
<li><a href="/getting-started/example-layout">Example Layout</a></li>
123+
<li><a href="/getting-started/example-page">Example Page</a></li>
131124
</ul>
132125
</li>
133126
<li>
@@ -473,10 +466,10 @@ <h1>Absolute Container</h1>
473466
</div>
474467
</div>
475468

476-
<div class="code-preview__source-group" id="code-preview-source-group-13">
469+
<div class="code-preview__source-group" id="code-preview-source-group-14">
477470
<div class="code-preview__source code-preview__source--html">
478-
<pre><code class="language-html" id="code-block-16"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span>
479-
</code><zn-copy-button class="copy-code-button" from="code-block-16"></zn-copy-button></pre>
471+
<pre><code class="language-html" id="code-block-17"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-absolute-container</span><span class="token punctuation">&gt;</span></span>
472+
</code><zn-copy-button class="copy-code-button" from="code-block-17"></zn-copy-button></pre>
480473
</div>
481474
</div>
482475

@@ -485,7 +478,7 @@ <h1>Absolute Container</h1>
485478
type="button"
486479
class="code-preview__button code-preview__toggle"
487480
aria-expanded="false"
488-
aria-controls="code-preview-source-group-13"
481+
aria-controls="code-preview-source-group-14"
489482
>
490483
Source
491484
<svg
@@ -535,7 +528,7 @@ <h2 id="importing" class="anchor-heading">
535528
>
536529
using a script tag:
537530
</p>
538-
<pre><code class="language-html" id="code-block-17"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-17"></zn-copy-button></pre>
531+
<pre><code class="language-html" id="code-block-18"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-18"></zn-copy-button></pre>
539532
</zn-accordion>
540533

541534
<zn-accordion caption="JavaScript">
@@ -550,12 +543,12 @@ <h2 id="importing" class="anchor-heading">
550543
>
551544
using a JavaScript import:
552545
</p>
553-
<pre><code class="language-js" id="code-block-18"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-18"></zn-copy-button></pre>
546+
<pre><code class="language-js" id="code-block-19"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-19"></zn-copy-button></pre>
554547
</zn-accordion>
555548

556549
<zn-accordion caption="Bundler">
557550
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
558-
<pre><code class="language-js" id="code-block-19"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-19"></zn-copy-button></pre>
551+
<pre><code class="language-js" id="code-block-20"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/absolute-container/absolute-container.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-20"></zn-copy-button></pre>
559552
</zn-accordion>
560553

561554
<h2 id="slots" class="anchor-heading">Slots<a href="#slots" aria-label='Direct link to "Slots"'></a></h2>

‎components/accordion/index.html‎

Lines changed: 12 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -116,18 +116,11 @@
116116
<li>
117117
<h2>Tutorials</h2>
118118
<ul>
119-
<li>
120-
<a href="/getting-started/form-controls">Form Controls</a>
121-
</li>
122-
<li>
123-
<a href="/getting-started/form-examples">Form Examples</a>
124-
</li>
125-
<li>
126-
<a href="/getting-started/table-examples">Table Examples</a>
127-
</li>
128-
<li>
129-
<a href="/getting-started/example-layout">Example Layout</a>
130-
</li>
119+
<li><a href="/getting-started/form-controls">Form Controls</a></li>
120+
<li><a href="/getting-started/form-examples">Form Examples</a></li>
121+
<li><a href="/getting-started/table-examples">Table Examples</a></li>
122+
<li><a href="/getting-started/example-layout">Example Layout</a></li>
123+
<li><a href="/getting-started/example-page">Example Page</a></li>
131124
</ul>
132125
</li>
133126
<li>
@@ -475,12 +468,12 @@ <h1>Accordion</h1>
475468
</div>
476469
</div>
477470

478-
<div class="code-preview__source-group" id="code-preview-source-group-14">
471+
<div class="code-preview__source-group" id="code-preview-source-group-15">
479472
<div class="code-preview__source code-preview__source--html">
480-
<pre><code class="language-html" id="code-block-20"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-accordion</span> <span class="token attr-name">caption</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>This is the caption<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>label<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
473+
<pre><code class="language-html" id="code-block-21"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-accordion</span> <span class="token attr-name">caption</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>This is the caption<span class="token punctuation">"</span></span> <span class="token attr-name">label</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>label<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span>
481474
Boo <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>zn-icon</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>android<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-icon</span><span class="token punctuation">&gt;</span></span>
482475
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>zn-accordion</span><span class="token punctuation">&gt;</span></span>
483-
</code><zn-copy-button class="copy-code-button" from="code-block-20"></zn-copy-button></pre>
476+
</code><zn-copy-button class="copy-code-button" from="code-block-21"></zn-copy-button></pre>
484477
</div>
485478
</div>
486479

@@ -489,7 +482,7 @@ <h1>Accordion</h1>
489482
type="button"
490483
class="code-preview__button code-preview__toggle"
491484
aria-expanded="false"
492-
aria-controls="code-preview-source-group-14"
485+
aria-controls="code-preview-source-group-15"
493486
>
494487
Source
495488
<svg
@@ -539,7 +532,7 @@ <h2 id="importing" class="anchor-heading">
539532
>
540533
using a script tag:
541534
</p>
542-
<pre><code class="language-html" id="code-block-21"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-21"></zn-copy-button></pre>
535+
<pre><code class="language-html" id="code-block-22"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code><zn-copy-button class="copy-code-button" from="code-block-22"></zn-copy-button></pre>
543536
</zn-accordion>
544537

545538
<zn-accordion caption="JavaScript">
@@ -554,12 +547,12 @@ <h2 id="importing" class="anchor-heading">
554547
>
555548
using a JavaScript import:
556549
</p>
557-
<pre><code class="language-js" id="code-block-22"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-22"></zn-copy-button></pre>
550+
<pre><code class="language-js" id="code-block-23"><span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/@kubex/zinc@1.0.0/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-23"></zn-copy-button></pre>
558551
</zn-accordion>
559552

560553
<zn-accordion caption="Bundler">
561554
<p>To import this component using <a href="/getting-started/installation#bundling">a bundler</a>:</p>
562-
<pre><code class="language-js" id="code-block-23"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-23"></zn-copy-button></pre>
555+
<pre><code class="language-js" id="code-block-24"><span class="token keyword">import</span> <span class="token string">'@kubex/zinc/dist/components/accordion/accordion.js'</span><span class="token punctuation">;</span></code><zn-copy-button class="copy-code-button" from="code-block-24"></zn-copy-button></pre>
563556
</zn-accordion>
564557

565558
<h2 id="slots" class="anchor-heading">Slots<a href="#slots" aria-label='Direct link to "Slots"'></a></h2>

0 commit comments

Comments
 (0)