npm - @guebbit/css-toolkit - Versions diffs - 1.1.3 → 1.2.0 - Mend

@guebbit/css-toolkit 1.1.3 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/docs/.vitepress/dist/assets/{functions_colors.md.Dz-AUCFY.lean.js → functions_colors.md.8WIzA1Az.lean.js} RENAMED Viewed

@@ -1,8 +1,10 @@
-import{_ as i,c as t,a2 as a,o as e}from"./chunks/framework.Bt53DRYp.js";const c=JSON.parse('{"title":"Colors","description":"","frontmatter":{},"headers":[],"relativePath":"functions/colors.md","filePath":"functions/colors.md"}'),l={name:"functions/colors.md"};function h(n,s,r,o,k,p){return e(),t("div",null,s[0]||(s[0]=[a(`<h1 id="colors" tabindex="-1">Colors <a class="header-anchor" href="#colors" aria-label="Permalink to &quot;Colors&quot;"></a></h1><p><a href="https://blog.logrocket.com/using-hsl-colors-css/#what-hsl" target="_blank" rel="noreferrer">https://blog.logrocket.com/using-hsl-colors-css/#what-hsl</a><a href="https://blog.logrocket.com/building-color-palette-css/#60-30-10-design-rule" target="_blank" rel="noreferrer">https://blog.logrocket.com/building-color-palette-css/#60-30-10-design-rule</a></p><h2 id="color-brightness" tabindex="-1">color-brightness <a class="header-anchor" href="#color-brightness" aria-label="Permalink to &quot;color-brightness&quot;"></a></h2><p>Gives %, less than 50 darker is better, less than 50, lighter.</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) &gt; </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">TODO</span></span></code></pre></div><table tabindex="0"><thead><tr><th style="text-align:left;">Variable</th><th style="text-align:left;">Description</th><th style="text-align:left;">Accepted Values</th><th style="text-align:left;">Default</th></tr></thead><tbody><tr><td style="text-align:left;"><code>$color</code></td><td style="text-align:left;">Color to check</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>none</code></td></tr></tbody></table><h2 id="color-contrast" tabindex="-1">color-contrast <a class="header-anchor" href="#color-contrast" aria-label="Permalink to &quot;color-contrast&quot;"></a></h2><p>Compares contrast of a given color to the light/dark arguments and returns whichever is most &quot;contrasty&quot;</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">background-color: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,c as t,a2 as a,o as l}from"./chunks/framework.BQmytedh.js";const g=JSON.parse('{"title":"Colors","description":"","frontmatter":{},"headers":[],"relativePath":"functions/colors.md","filePath":"functions/colors.md"}'),h={name:"functions/colors.md"};function e(n,s,k,r,p,o){return l(),t("div",null,s[0]||(s[0]=[a(`<h1 id="colors" tabindex="-1">Colors <a class="header-anchor" href="#colors" aria-label="Permalink to &quot;Colors&quot;"></a></h1><p><a href="https://blog.logrocket.com/using-hsl-colors-css/#what-hsl" target="_blank" rel="noreferrer">https://blog.logrocket.com/using-hsl-colors-css/#what-hsl</a><a href="https://blog.logrocket.com/building-color-palette-css/#60-30-10-design-rule" target="_blank" rel="noreferrer">https://blog.logrocket.com/building-color-palette-css/#60-30-10-design-rule</a></p><h2 id="color-brightness" tabindex="-1">color-brightness <a class="header-anchor" href="#color-brightness" aria-label="Permalink to &quot;color-brightness&quot;"></a></h2><p>Gives %, less than 50 darker is better, less than 50, lighter.</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) &gt; </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@function</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @return</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(((</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">red</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> .299</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">green</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> .587</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">blue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> .114</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)), </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">255</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> *</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><table tabindex="0"><thead><tr><th style="text-align:left;">Variable</th><th style="text-align:left;">Description</th><th style="text-align:left;">Accepted Values</th><th style="text-align:left;">Default</th></tr></thead><tbody><tr><td style="text-align:left;"><code>$color</code></td><td style="text-align:left;">Color to check</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>none</code></td></tr></tbody></table><h2 id="color-contrast" tabindex="-1">color-contrast <a class="header-anchor" href="#color-contrast" aria-label="Permalink to &quot;color-contrast&quot;"></a></h2><p>Compares contrast of a given color to the light/dark arguments and returns whichever is most &quot;contrasty&quot;</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">background-color: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">color: color-contrast(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@function</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> color-contrast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> #fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$dark:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> #000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$light:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> #fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  $color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  $light-text-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$light</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  $dark-text-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">color-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$dark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @return</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">abs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color-brightness</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $light-text-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> abs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$color-brightness</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $dark-text-brightness</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">), </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$light</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$dark</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="color-hex2rgba" tabindex="-1">color-hex2rgba <a class="header-anchor" href="#color-hex2rgba" aria-label="Permalink to &quot;color-hex2rgba&quot;"></a></h2><p>Convert HEX color to RGBA color</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">color: color-hex2rgba(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">#00ff00</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, 0</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">.5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="color-hex2rgbcore" tabindex="-1">color-hex2rgbcore <a class="header-anchor" href="#color-hex2rgbcore" aria-label="Permalink to &quot;color-hex2rgbcore&quot;"></a></h2><p>Compares contrast of a given color to the light/dark arguments and returns whichever is most &quot;contrasty&quot;</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">--custom-var</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: color-hex2rgbcore(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">#00ff00</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><table tabindex="0"><thead><tr><th style="text-align:left;">Variable</th><th style="text-align:left;">Description</th><th style="text-align:left;">Accepted Values</th><th style="text-align:left;">Default</th></tr></thead><tbody><tr><td style="text-align:left;"><code>$color</code></td><td style="text-align:left;">Color to check</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>4px</code></td></tr><tr><td style="text-align:left;"><code>$dark</code></td><td style="text-align:left;">Dark color to apply</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>#000</code></td></tr><tr><td style="text-align:left;"><code>$light</code></td><td style="text-align:left;">White color to apply</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>#fff</code></td></tr></tbody></table>`,18)]))}const g=i(l,[["render",h]]);export{c as __pageData,g as default};
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="color-hex2rgba" tabindex="-1">color-hex2rgba <a class="header-anchor" href="#color-hex2rgba" aria-label="Permalink to &quot;color-hex2rgba&quot;"></a></h2><p>Convert HEX color to RGBA color</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">color: color-hex2rgba(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">#00ff00</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, 0</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">.5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="color-hex2rgbcore" tabindex="-1">color-hex2rgbcore <a class="header-anchor" href="#color-hex2rgbcore" aria-label="Permalink to &quot;color-hex2rgbcore&quot;"></a></h2><p>Compares contrast of a given color to the light/dark arguments and returns whichever is most &quot;contrasty&quot;</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">--custom-var</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: color-hex2rgbcore(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">#00ff00</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><table tabindex="0"><thead><tr><th style="text-align:left;">Variable</th><th style="text-align:left;">Description</th><th style="text-align:left;">Accepted Values</th><th style="text-align:left;">Default</th></tr></thead><tbody><tr><td style="text-align:left;"><code>$color</code></td><td style="text-align:left;">Color to check</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>4px</code></td></tr><tr><td style="text-align:left;"><code>$dark</code></td><td style="text-align:left;">Dark color to apply</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>#000</code></td></tr><tr><td style="text-align:left;"><code>$light</code></td><td style="text-align:left;">White color to apply</td><td style="text-align:left;"><code>color</code></td><td style="text-align:left;"><code>#fff</code></td></tr></tbody></table>`,18)]))}const E=i(h,[["render",e]]);export{g as __pageData,E as default};

package/docs/.vitepress/dist/assets/{functions_helpers.md.BLiEkjA1.js → functions_helpers.md.DlnJURDc.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as a,c as r,j as t,a as o,o as s}from"./chunks/framework.~~Bt53DRYp~~.js";const m=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/helpers.md","filePath":"functions/helpers.md"}'),n={name:"functions/helpers.md"};function c(d,e,i,l,p,f){return s(),r("div",null,e[0]\|\|(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[o("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=a(n,[["render",c]]);export{m as __pageData,_ as default};
1	+ import{_ as a,c as r,j as t,a as o,o as s}from"./chunks/framework.BQmytedh.js";const m=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/helpers.md","filePath":"functions/helpers.md"}'),n={name:"functions/helpers.md"};function c(d,e,i,l,p,f){return s(),r("div",null,e[0]\|\|(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[o("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=a(n,[["render",c]]);export{m as __pageData,_ as default};

package/docs/.vitepress/dist/assets/{functions_helpers.md.BLiEkjA1.lean.js → functions_helpers.md.DlnJURDc.lean.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as a,c as r,j as t,a as o,o as s}from"./chunks/framework.~~Bt53DRYp~~.js";const m=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/helpers.md","filePath":"functions/helpers.md"}'),n={name:"functions/helpers.md"};function c(d,e,i,l,p,f){return s(),r("div",null,e[0]\|\|(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[o("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=a(n,[["render",c]]);export{m as __pageData,_ as default};
1	+ import{_ as a,c as r,j as t,a as o,o as s}from"./chunks/framework.BQmytedh.js";const m=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/helpers.md","filePath":"functions/helpers.md"}'),n={name:"functions/helpers.md"};function c(d,e,i,l,p,f){return s(),r("div",null,e[0]\|\|(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[o("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=a(n,[["render",c]]);export{m as __pageData,_ as default};

package/docs/.vitepress/dist/assets/{functions_strings.md.BHTeKsax.js → functions_strings.md.B-I-mSmy.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as a,c as s,j as e,a as n,o as r}from"./chunks/framework.~~Bt53DRYp~~.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/strings.md","filePath":"functions/strings.md"}'),o={name:"functions/strings.md"};function i(c,t,d,l,f,p){return r(),s("div",null,t[0]\|\|(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[n("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const u=a(o,[["render",i]]);export{_ as __pageData,u as default};
1	+ import{_ as a,c as s,j as e,a as n,o as r}from"./chunks/framework.BQmytedh.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/strings.md","filePath":"functions/strings.md"}'),o={name:"functions/strings.md"};function i(c,t,d,l,f,p){return r(),s("div",null,t[0]\|\|(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[n("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const u=a(o,[["render",i]]);export{_ as __pageData,u as default};

package/docs/.vitepress/dist/assets/{functions_strings.md.BHTeKsax.lean.js → functions_strings.md.B-I-mSmy.lean.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as a,c as s,j as e,a as n,o as r}from"./chunks/framework.~~Bt53DRYp~~.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/strings.md","filePath":"functions/strings.md"}'),o={name:"functions/strings.md"};function i(c,t,d,l,f,p){return r(),s("div",null,t[0]\|\|(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[n("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const u=a(o,[["render",i]]);export{_ as __pageData,u as default};
1	+ import{_ as a,c as s,j as e,a as n,o as r}from"./chunks/framework.BQmytedh.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"functions/strings.md","filePath":"functions/strings.md"}'),o={name:"functions/strings.md"};function i(c,t,d,l,f,p){return r(),s("div",null,t[0]\|\|(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[n("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const u=a(o,[["render",i]]);export{_ as __pageData,u as default};

package/docs/.vitepress/dist/assets/{index.md.Dwdim14B.js → index.md.DO-yHYeM.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as n,c as o,j as e,a,o as i}from"./chunks/framework.~~Bt53DRYp~~.js";const p=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),s={name:"index.md"};function r(l,t,d,c,f,m){return i(),o("div",null,t[0]\|\|(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[a("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1),e("h1",{id:"todo",tabindex:"-1"},[a("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1),e("ul",null,[e("li",null,"create an automatic functions for gradients"),e("li",null,"More tests. For every function or mixin.")],-1)]))}const x=n(s,[["render",r]]);export{p as __pageData,x as default};
1	+ import{_ as n,c as o,j as e,a,o as i}from"./chunks/framework.BQmytedh.js";const p=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),s={name:"index.md"};function r(l,t,d,c,f,m){return i(),o("div",null,t[0]\|\|(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[a("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1),e("h1",{id:"todo",tabindex:"-1"},[a("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1),e("ul",null,[e("li",null,"create an automatic functions for gradients"),e("li",null,"More tests. For every function or mixin.")],-1)]))}const x=n(s,[["render",r]]);export{p as __pageData,x as default};

package/docs/.vitepress/dist/assets/{index.md.Dwdim14B.lean.js → index.md.DO-yHYeM.lean.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as n,c as o,j as e,a,o as i}from"./chunks/framework.~~Bt53DRYp~~.js";const p=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),s={name:"index.md"};function r(l,t,d,c,f,m){return i(),o("div",null,t[0]\|\|(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[a("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1),e("h1",{id:"todo",tabindex:"-1"},[a("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1),e("ul",null,[e("li",null,"create an automatic functions for gradients"),e("li",null,"More tests. For every function or mixin.")],-1)]))}const x=n(s,[["render",r]]);export{p as __pageData,x as default};
1	+ import{_ as n,c as o,j as e,a,o as i}from"./chunks/framework.BQmytedh.js";const p=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),s={name:"index.md"};function r(l,t,d,c,f,m){return i(),o("div",null,t[0]\|\|(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[a("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1),e("h1",{id:"todo",tabindex:"-1"},[a("TODO "),e("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1),e("ul",null,[e("li",null,"create an automatic functions for gradients"),e("li",null,"More tests. For every function or mixin.")],-1)]))}const x=n(s,[["render",r]]);export{p as __pageData,x as default};

package/docs/.vitepress/dist/assets/{mixins_build-aspect-ratio.md.l9MRJQQl.js → mixins_build-aspect-ratio.md.Cjv_a3MY.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as t,c as o,j as a,a as i,o as r}from"./chunks/framework.~~Bt53DRYp~~.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-aspect-ratio.md","filePath":"mixins/build-aspect-ratio.md"}'),s={name:"mixins/build-aspect-ratio.md"};function n(d,e,c,l,p,m){return r(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[i("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=t(s,[["render",n]]);export{u as __pageData,_ as default};
1	+ import{_ as t,c as o,j as a,a as i,o as r}from"./chunks/framework.BQmytedh.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-aspect-ratio.md","filePath":"mixins/build-aspect-ratio.md"}'),s={name:"mixins/build-aspect-ratio.md"};function n(d,e,c,l,p,m){return r(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[i("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=t(s,[["render",n]]);export{u as __pageData,_ as default};

package/docs/.vitepress/dist/assets/{mixins_build-aspect-ratio.md.l9MRJQQl.lean.js → mixins_build-aspect-ratio.md.Cjv_a3MY.lean.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as t,c as o,j as a,a as i,o as r}from"./chunks/framework.~~Bt53DRYp~~.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-aspect-ratio.md","filePath":"mixins/build-aspect-ratio.md"}'),s={name:"mixins/build-aspect-ratio.md"};function n(d,e,c,l,p,m){return r(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[i("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=t(s,[["render",n]]);export{u as __pageData,_ as default};
1	+ import{_ as t,c as o,j as a,a as i,o as r}from"./chunks/framework.BQmytedh.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-aspect-ratio.md","filePath":"mixins/build-aspect-ratio.md"}'),s={name:"mixins/build-aspect-ratio.md"};function n(d,e,c,l,p,m){return r(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[i("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const _=t(s,[["render",n]]);export{u as __pageData,_ as default};

package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.t0sS5a2s.js → mixins_build-compatibility.md.BO6wODYa.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const o=JSON.parse('{"title":"Build Compatibility","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-compatibility.md","filePath":"mixins/build-compatibility.md"}'),l={name:"mixins/build-compatibility.md"};function e(h,s,p,k,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="build-compatibility" tabindex="-1">Build Compatibility <a class="header-anchor" href="#build-compatibility" aria-label="Permalink to &quot;Build Compatibility&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Compatibility mode for browsers Firefox, Internet Explorer, Microsoft Edge, Opera (TODO), Safari (TODO)</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> guebbit-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const o=JSON.parse('{"title":"Build Compatibility","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-compatibility.md","filePath":"mixins/build-compatibility.md"}'),l={name:"mixins/build-compatibility.md"};function e(h,s,p,k,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="build-compatibility" tabindex="-1">Build Compatibility <a class="header-anchor" href="#build-compatibility" aria-label="Permalink to &quot;Build Compatibility&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Compatibility mode for browsers Firefox, Internet Explorer, Microsoft Edge, Opera (TODO), Safari (TODO)</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> guebbit-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h1 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h1><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	Compatibility mode for browsers</span></span>

package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.t0sS5a2s.lean.js → mixins_build-compatibility.md.BO6wODYa.lean.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const o=JSON.parse('{"title":"Build Compatibility","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-compatibility.md","filePath":"mixins/build-compatibility.md"}'),l={name:"mixins/build-compatibility.md"};function e(h,s,p,k,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="build-compatibility" tabindex="-1">Build Compatibility <a class="header-anchor" href="#build-compatibility" aria-label="Permalink to &quot;Build Compatibility&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Compatibility mode for browsers Firefox, Internet Explorer, Microsoft Edge, Opera (TODO), Safari (TODO)</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> guebbit-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const o=JSON.parse('{"title":"Build Compatibility","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-compatibility.md","filePath":"mixins/build-compatibility.md"}'),l={name:"mixins/build-compatibility.md"};function e(h,s,p,k,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="build-compatibility" tabindex="-1">Build Compatibility <a class="header-anchor" href="#build-compatibility" aria-label="Permalink to &quot;Build Compatibility&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Compatibility mode for browsers Firefox, Internet Explorer, Microsoft Edge, Opera (TODO), Safari (TODO)</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> guebbit-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h1 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h1><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	Compatibility mode for browsers</span></span>

package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.C-TaPgpo.js → mixins_build-scrollbar.md.BX34elgD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as l,o as t}from"./chunks/framework.Bt53DRYp.js";const g=JSON.parse('{"title":"Scrollbar","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-scrollbar.md","filePath":"mixins/build-scrollbar.md"}'),n={name:"mixins/build-scrollbar.md"};function h(e,s,k,p,r,d){return t(),a("div",null,s[0]||(s[0]=[l(`<h1 id="scrollbar" tabindex="-1">Scrollbar <a class="header-anchor" href="#scrollbar" aria-label="Permalink to &quot;Scrollbar&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Scrollbars of element</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-scrollbar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i,c as a,a2 as l,o as t}from"./chunks/framework.BQmytedh.js";const g=JSON.parse('{"title":"Scrollbar","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-scrollbar.md","filePath":"mixins/build-scrollbar.md"}'),n={name:"mixins/build-scrollbar.md"};function h(e,s,k,p,r,d){return t(),a("div",null,s[0]||(s[0]=[l(`<h1 id="scrollbar" tabindex="-1">Scrollbar <a class="header-anchor" href="#scrollbar" aria-label="Permalink to &quot;Scrollbar&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Scrollbars of element</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-scrollbar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	Builder - scrollbars of element</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	@param string $color</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	@param pixels $size</span></span>

package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.C-TaPgpo.lean.js → mixins_build-scrollbar.md.BX34elgD.lean.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as l,o as t}from"./chunks/framework.Bt53DRYp.js";const g=JSON.parse('{"title":"Scrollbar","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-scrollbar.md","filePath":"mixins/build-scrollbar.md"}'),n={name:"mixins/build-scrollbar.md"};function h(e,s,k,p,r,d){return t(),a("div",null,s[0]||(s[0]=[l(`<h1 id="scrollbar" tabindex="-1">Scrollbar <a class="header-anchor" href="#scrollbar" aria-label="Permalink to &quot;Scrollbar&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Scrollbars of element</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-scrollbar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i,c as a,a2 as l,o as t}from"./chunks/framework.BQmytedh.js";const g=JSON.parse('{"title":"Scrollbar","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-scrollbar.md","filePath":"mixins/build-scrollbar.md"}'),n={name:"mixins/build-scrollbar.md"};function h(e,s,k,p,r,d){return t(),a("div",null,s[0]||(s[0]=[l(`<h1 id="scrollbar" tabindex="-1">Scrollbar <a class="header-anchor" href="#scrollbar" aria-label="Permalink to &quot;Scrollbar&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><p>Scrollbars of element</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-scrollbar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#fff</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">#000</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">10</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><h2 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	Builder - scrollbars of element</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	@param string $color</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *	@param pixels $size</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-colors.md.Bs8hXar1.js → mixins_create-colors.md.82HeTZt6.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as t,c as o,j as a,a as r,o as s}from"./chunks/framework.~~Bt53DRYp~~.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-colors.md","filePath":"mixins/create-colors.md"}'),c={name:"mixins/create-colors.md"};function n(i,e,d,l,m,p){return s(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[r("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const x=t(c,[["render",n]]);export{_ as __pageData,x as default};
1	+ import{_ as t,c as o,j as a,a as r,o as s}from"./chunks/framework.BQmytedh.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-colors.md","filePath":"mixins/create-colors.md"}'),c={name:"mixins/create-colors.md"};function n(i,e,d,l,m,p){return s(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[r("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const x=t(c,[["render",n]]);export{_ as __pageData,x as default};

package/docs/.vitepress/dist/assets/{mixins_create-colors.md.Bs8hXar1.lean.js → mixins_create-colors.md.82HeTZt6.lean.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_ as t,c as o,j as a,a as r,o as s}from"./chunks/framework.~~Bt53DRYp~~.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-colors.md","filePath":"mixins/create-colors.md"}'),c={name:"mixins/create-colors.md"};function n(i,e,d,l,m,p){return s(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[r("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const x=t(c,[["render",n]]);export{_ as __pageData,x as default};
1	+ import{_ as t,c as o,j as a,a as r,o as s}from"./chunks/framework.BQmytedh.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-colors.md","filePath":"mixins/create-colors.md"}'),c={name:"mixins/create-colors.md"};function n(i,e,d,l,m,p){return s(),o("div",null,e[0]\|\|(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[r("TODO "),a("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"")],-1)]))}const x=t(c,[["render",n]]);export{_ as __pageData,x as default};

package/docs/.vitepress/dist/assets/{mixins_create-helper-margin.md.BFzwO-0T.js → mixins_create-helper-margin.md.D2-T7z0a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const F=JSON.parse('{"title":"Create Margin","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-margin.md","filePath":"mixins/create-helper-margin.md"}'),h={name:"mixins/create-helper-margin.md"};function l(k,s,p,e,r,E){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-margin" tabindex="-1">Create Margin <a class="header-anchor" href="#create-margin" aria-label="Permalink to &quot;Create Margin&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const F=JSON.parse('{"title":"Create Margin","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-margin.md","filePath":"mixins/create-helper-margin.md"}'),h={name:"mixins/create-helper-margin.md"};function l(k,s,p,e,r,E){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-margin" tabindex="-1">Create Margin <a class="header-anchor" href="#create-margin" aria-label="Permalink to &quot;Create Margin&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">auto</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">auto</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-helper-margin.md.BFzwO-0T.lean.js → mixins_create-helper-margin.md.D2-T7z0a.lean.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const F=JSON.parse('{"title":"Create Margin","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-margin.md","filePath":"mixins/create-helper-margin.md"}'),h={name:"mixins/create-helper-margin.md"};function l(k,s,p,e,r,E){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-margin" tabindex="-1">Create Margin <a class="header-anchor" href="#create-margin" aria-label="Permalink to &quot;Create Margin&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const F=JSON.parse('{"title":"Create Margin","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-margin.md","filePath":"mixins/create-helper-margin.md"}'),h={name:"mixins/create-helper-margin.md"};function l(k,s,p,e,r,E){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-margin" tabindex="-1">Create Margin <a class="header-anchor" href="#create-margin" aria-label="Permalink to &quot;Create Margin&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">auto</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">auto</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-helper-padding.md.Ci6DL4m-.js → mixins_create-helper-padding.md.Cp-laxuA.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const F=JSON.parse('{"title":"Create Padding","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-padding.md","filePath":"mixins/create-helper-padding.md"}'),h={name:"mixins/create-helper-padding.md"};function l(k,s,p,e,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-padding" tabindex="-1">Create Padding <a class="header-anchor" href="#create-padding" aria-label="Permalink to &quot;Create Padding&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-padding</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const F=JSON.parse('{"title":"Create Padding","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-padding.md","filePath":"mixins/create-helper-padding.md"}'),h={name:"mixins/create-helper-padding.md"};function l(k,s,p,e,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-padding" tabindex="-1">Create Padding <a class="header-anchor" href="#create-padding" aria-label="Permalink to &quot;Create Padding&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-padding</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">24</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">24</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-helper-padding.md.Ci6DL4m-.lean.js → mixins_create-helper-padding.md.Cp-laxuA.lean.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const F=JSON.parse('{"title":"Create Padding","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-padding.md","filePath":"mixins/create-helper-padding.md"}'),h={name:"mixins/create-helper-padding.md"};function l(k,s,p,e,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-padding" tabindex="-1">Create Padding <a class="header-anchor" href="#create-padding" aria-label="Permalink to &quot;Create Padding&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-padding</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const F=JSON.parse('{"title":"Create Padding","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-helper-padding.md","filePath":"mixins/create-helper-padding.md"}'),h={name:"mixins/create-helper-padding.md"};function l(k,s,p,e,r,d){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-padding" tabindex="-1">Create Padding <a class="header-anchor" href="#create-padding" aria-label="Permalink to &quot;Create Padding&quot;"></a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-padding</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">12</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">24</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">24</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">px</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.CGTPQqQv.js → mixins_create-instruction.md.dJ83FO6R.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const g=JSON.parse('{"title":"Create Instruction","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-instruction.md","filePath":"mixins/create-instruction.md"}'),e={name:"mixins/create-instruction.md"};function l(h,s,k,p,d,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-instruction" tabindex="-1">Create Instruction <a class="header-anchor" href="#create-instruction" aria-label="Permalink to &quot;Create Instruction&quot;"></a></h1><p>Create instructions. Given name and size. Example: width and min-width</p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-instructions</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, (</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const g=JSON.parse('{"title":"Create Instruction","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-instruction.md","filePath":"mixins/create-instruction.md"}'),e={name:"mixins/create-instruction.md"};function l(h,s,k,p,d,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-instruction" tabindex="-1">Create Instruction <a class="header-anchor" href="#create-instruction" aria-label="Permalink to &quot;Create Instruction&quot;"></a></h1><p>Create instructions. Given name and size. Example: width and min-width</p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-instructions</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, (</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">25</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">25</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">75</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">75</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>

package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.CGTPQqQv.lean.js → mixins_create-instruction.md.dJ83FO6R.lean.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.Bt53DRYp.js";const g=JSON.parse('{"title":"Create Instruction","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-instruction.md","filePath":"mixins/create-instruction.md"}'),e={name:"mixins/create-instruction.md"};function l(h,s,k,p,d,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-instruction" tabindex="-1">Create Instruction <a class="header-anchor" href="#create-instruction" aria-label="Permalink to &quot;Create Instruction&quot;"></a></h1><p>Create instructions. Given name and size. Example: width and min-width</p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-instructions</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, (</span></span>
+import{_ as i,c as a,a2 as t,o as n}from"./chunks/framework.BQmytedh.js";const g=JSON.parse('{"title":"Create Instruction","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/create-instruction.md","filePath":"mixins/create-instruction.md"}'),e={name:"mixins/create-instruction.md"};function l(h,s,k,p,d,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="create-instruction" tabindex="-1">Create Instruction <a class="header-anchor" href="#create-instruction" aria-label="Permalink to &quot;Create Instruction&quot;"></a></h1><p>Create instructions. Given name and size. Example: width and min-width</p><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;"></a></h2><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-instructions</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, (</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">25</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">25</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">50</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">75</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">75</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">%</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">),</span></span>