@guebbit/css-toolkit 1.3.2 → 1.4.1

package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.js

@@ -1 +0,0 @@
-import{_ as a,c as r,o,j as t,a as s}from"./chunks/framework.BZemHgQ6.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 o(),r("div",null,e[0]||(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[s("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.B3A_IOEL.lean.js

@@ -1 +0,0 @@
-import{_ as a,c as r,o,j as t,a as s}from"./chunks/framework.BZemHgQ6.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 o(),r("div",null,e[0]||(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[s("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.BdV8Kx9J.js

@@ -1 +0,0 @@
-import{_ as a,c as s,o as n,j as e,a as r}from"./chunks/framework.BZemHgQ6.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 n(),s("div",null,t[0]||(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[r("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.BdV8Kx9J.lean.js

@@ -1 +0,0 @@
-import{_ as a,c as s,o as n,j as e,a as r}from"./chunks/framework.BZemHgQ6.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 n(),s("div",null,t[0]||(t[0]=[e("h1",{id:"todo",tabindex:"-1"},[r("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.Cn1TneoC.js

@@ -1 +0,0 @@
-import{_ as n,c as o,o as i,j as e,a}from"./chunks/framework.BZemHgQ6.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.Cn1TneoC.lean.js

@@ -1 +0,0 @@
-import{_ as n,c as o,o as i,j as e,a}from"./chunks/framework.BZemHgQ6.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.cD70Q1mW.js

@@ -1 +0,0 @@
-import{_ as t,c as o,o as i,j as a,a as r}from"./chunks/framework.BZemHgQ6.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 i(),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 _=t(s,[["render",n]]);export{u as __pageData,_ as default};

package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.cD70Q1mW.lean.js

@@ -1 +0,0 @@
-import{_ as t,c as o,o as i,j as a,a as r}from"./chunks/framework.BZemHgQ6.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 i(),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 _=t(s,[["render",n]]);export{u as __pageData,_ as default};

package/docs/.vitepress/dist/assets/mixins_build-compatibility.md.DvZg2OSO.js

@@ -1,41 +0,0 @@
-import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.BZemHgQ6.js";const g=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 h(p,s,e,k,E,r){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, Safari</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>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	@param string $browser: target browser</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	@content</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">**/</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@mixin</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$browser</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // INTERNET EXPLORER</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</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:#D73A49;--shiki-dark:#F97583;">    @media</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> all</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> and</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-high-contrast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">), (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-high-contrast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">active</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</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>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // MICROSOFT EDGE</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;edge&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-ime-align</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:#D73A49;--shiki-dark:#F97583;">      @content</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>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // FIREFOX</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;firefox&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-moz-appearance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</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>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // OPERA</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;opera&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-o-object-fit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">fill</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</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>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // SAFARI</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;safari&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-webkit-named-image</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">i</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">and</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">not</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-webkit-touch-callout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</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>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="scss-variables" tabindex="-1">SCSS variables <a class="header-anchor" href="#scss-variables" aria-label="Permalink to &quot;SCSS variables&quot;">​</a></h2><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>@content</code></td><td style="text-align:left;">CSS Style to apply</td><td style="text-align:left;"><code>content</code></td><td style="text-align:left;">\`\`</td></tr><tr><td style="text-align:left;"><code>$browser</code></td><td style="text-align:left;">browser name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;"><code>none</code></td></tr></tbody></table>`,8)]))}const y=i(l,[["render",h]]);export{g as __pageData,y as default};

package/docs/.vitepress/dist/assets/mixins_create-colors.md.Bi4iqAHf.js

@@ -1 +0,0 @@
-import{_ as t,c as o,o as r,j as a,a as s}from"./chunks/framework.BZemHgQ6.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 r(),o("div",null,e[0]||(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[s("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.Bi4iqAHf.lean.js

@@ -1 +0,0 @@
-import{_ as t,c as o,o as r,j as a,a as s}from"./chunks/framework.BZemHgQ6.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 r(),o("div",null,e[0]||(e[0]=[a("h1",{id:"todo",tabindex:"-1"},[s("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.DqwBKQ0G.lean.js

@@ -1 +0,0 @@
-import{_ as i,c as a,o as t,ag as n}from"./chunks/framework.BZemHgQ6.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 t(),a("div",null,s[0]||(s[0]=[n("",6)]))}const g=i(h,[["render",l]]);export{F as __pageData,g as default};

package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.js

@@ -1,45 +0,0 @@
-import{_ as i,c as a,o as t,ag as n}from"./chunks/framework.BZemHgQ6.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 t(),a("div",null,s[0]||(s[0]=[n(`<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>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">36</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">36</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;">48</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">48</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;">), true);</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;"> *</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * t - applies the spacing for margin-top</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * b - applies the spacing for margin-bottom</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * l - applies the spacing for margin-left</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * r - applies the spacing for margin-right</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * x - applies the spacing for both *-left and *-right</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * y - applies the spacing for both *-top and *-bottom</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * a - applies the spacing for the property in all directions</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> *</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * @param {Array&lt;name,value&gt;[]} measure-list - postfix name and value</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> */</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@mixin</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> create-helper-margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$measure-list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: (), </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$important</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: false, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$prefix</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @each</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$val</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $measure-list</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mt-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-top</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mb-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-bottom</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ml-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-left</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mr-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-right</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mx-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-right</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-left</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">my-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-top</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin-bottom</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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:#6F42C1;--shiki-dark:#B392F0;">    .</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$prefix}</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ma-</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$name}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">      margin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">#{$val}</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> #{</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">($important == true, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;!important&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">)}</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>
-<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>$measure-list</code></td><td style="text-align:left;">List of pairs &lt;name, value&gt;</td><td style="text-align:left;"><code>Array&lt;name,value&gt;[]</code></td><td style="text-align:left;"><code>[]</code></td></tr><tr><td style="text-align:left;"><code>$important</code></td><td style="text-align:left;">If instruction is !important</td><td style="text-align:left;"><code>boolean</code></td><td style="text-align:left;"><code>false</code></td></tr><tr><td style="text-align:left;"><code>$prefix</code></td><td style="text-align:left;">Eventual prefix (like <code>guebbit-</code>), to prevent collisions</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">\`\`</td></tr></tbody></table>`,6)]))}const g=i(h,[["render",l]]);export{F as __pageData,g as default};

package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.lean.js

@@ -1 +0,0 @@
-import{_ as i,c as a,o as t,ag as n}from"./chunks/framework.BZemHgQ6.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 t(),a("div",null,s[0]||(s[0]=[n("",6)]))}const g=i(h,[["render",l]]);export{F as __pageData,g as default};