@guebbit/css-toolkit 1.2.0 → 1.2.2

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 (54) hide show
  1. package/LICENSE +661 -661
  2. package/README.md +5 -5
  3. package/docs/.postcssrc.cjs +11 -11
  4. package/docs/.vitepress/config.ts +88 -88
  5. package/docs/.vitepress/dist/404.html +1 -1
  6. package/docs/.vitepress/dist/assets/{app.Cez_7bx7.js → app.BQiPqeST.js} +1 -1
  7. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.C9A3MdGo.js +1 -0
  8. package/docs/.vitepress/dist/assets/chunks/{VPLocalSearchBox.lfLgIsvm.js → VPLocalSearchBox.Bz_zRP0g.js} +1 -1
  9. package/docs/.vitepress/dist/assets/chunks/{theme.ZIndENJH.js → theme.DOuq-6g9.js} +2 -2
  10. package/docs/.vitepress/dist/colors/bootstrap.html +2 -2
  11. package/docs/.vitepress/dist/colors/brands.html +2 -2
  12. package/docs/.vitepress/dist/colors/customs.html +2 -2
  13. package/docs/.vitepress/dist/functions/colors.html +2 -2
  14. package/docs/.vitepress/dist/functions/helpers.html +2 -2
  15. package/docs/.vitepress/dist/functions/strings.html +2 -2
  16. package/docs/.vitepress/dist/index.html +2 -2
  17. package/docs/.vitepress/dist/mixins/build-aspect-ratio.html +2 -2
  18. package/docs/.vitepress/dist/mixins/build-compatibility.html +2 -2
  19. package/docs/.vitepress/dist/mixins/build-scrollbar.html +2 -2
  20. package/docs/.vitepress/dist/mixins/create-colors.html +2 -2
  21. package/docs/.vitepress/dist/mixins/create-helper-margin.html +2 -2
  22. package/docs/.vitepress/dist/mixins/create-helper-padding.html +2 -2
  23. package/docs/.vitepress/dist/mixins/create-instruction.html +2 -2
  24. package/docs/.vitepress/theme/index.js +11 -11
  25. package/docs/functions/colors.md +65 -65
  26. package/docs/logo.svg +55 -55
  27. package/docs/logotype.svg +149 -149
  28. package/docs/mixins/build-compatibility.md +22 -22
  29. package/docs/mixins/build-scrollbar.md +18 -18
  30. package/docs/mixins/create-helper-margin.md +25 -25
  31. package/docs/mixins/create-helper-padding.md +24 -24
  32. package/docs/mixins/create-instruction.md +32 -32
  33. package/package.json +61 -61
  34. package/src/colors/_bootstrap.scss +179 -179
  35. package/src/colors/_brands.scss +19 -19
  36. package/src/colors/_customs.scss +52 -52
  37. package/src/colors/_index.scss +199 -199
  38. package/src/functions/_colors.scss +133 -121
  39. package/src/functions/_helpers.scss +44 -42
  40. package/src/functions/_strings.scss +30 -30
  41. package/src/index.scss +12 -12
  42. package/src/mixins/_build-aspect-ratio.scss +36 -36
  43. package/src/mixins/_build-compatibility.scss +27 -27
  44. package/src/mixins/_build-scrollbar.scss +31 -31
  45. package/src/mixins/_create-colors.scss +118 -118
  46. package/src/mixins/_create-helper-margin.scss +38 -38
  47. package/src/mixins/_create-helper-padding.scss +40 -40
  48. package/src/mixins/_create-instructions.scss +11 -11
  49. package/test/compile.test.js +105 -105
  50. package/test/lint.test.js +48 -48
  51. package/test/test.css +104 -99
  52. package/test/test.scss +158 -158
  53. package/vite.config.ts +25 -25
  54. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.CkfJPSmi.js +0 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
- # css-toolkit
2
- A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development
3
-
4
- # TODO
5
- - create an automatic functions for gradients
1
+ # css-toolkit
2
+ A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development
3
+
4
+ # TODO
5
+ - create an automatic functions for gradients
6
6
  - More tests. For every function or mixin.
@@ -1,12 +1,12 @@
1
- module.exports = {
2
- plugins: {
3
- 'postcss-prefix-selector': {
4
- prefix: ':not(:where(.vp-raw *))',
5
- includeFiles: [/vp-doc\.css/],
6
- transform(prefix, _selector) {
7
- const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
8
- return selector + prefix + pseudo
9
- }
10
- }
11
- }
1
+ module.exports = {
2
+ plugins: {
3
+ 'postcss-prefix-selector': {
4
+ prefix: ':not(:where(.vp-raw *))',
5
+ includeFiles: [/vp-doc\.css/],
6
+ transform(prefix, _selector) {
7
+ const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
8
+ return selector + prefix + pseudo
9
+ }
10
+ }
11
+ }
12
12
  }
@@ -1,89 +1,89 @@
1
- import { defineConfig } from 'vitepress';
2
-
3
- export default defineConfig({
4
- lang: "en-US",
5
- title: "Guebbit SCSS Library",
6
- titleTemplate: ":title - base SCSS plus components",
7
- description: "Guebbit's personal SCSS Library (MIT license, free to use).",
8
- themeConfig: {
9
- logo: "/logotype.svg",
10
- siteTitle: "SCSS Library",
11
- search: {
12
- provider: 'local'
13
- },
14
- nav: [
15
- {
16
- text: 'Github',
17
- link: 'https://github.com/Guebbit/css-toolkit',
18
- },
19
- ],
20
- sidebar: [
21
- {
22
- text: 'Colors',
23
- collapsed: false,
24
- items: [
25
- {
26
- text: 'Bootstrap',
27
- link: '/colors/bootstrap.md',
28
- },
29
- {
30
- text: 'Brands',
31
- link: '/colors/brands.md',
32
- },
33
- {
34
- text: 'Gradients',
35
- link: '/colors/customs.md',
36
- }
37
- ]
38
- },
39
- {
40
- text: 'Functions',
41
- collapsed: false,
42
- items: [
43
- {
44
- text: 'Colors',
45
- link: '/functions/colors.md',
46
- },
47
- {
48
- text: 'Helpers',
49
- link: '/functions/helpers.md',
50
- }
51
- ]
52
- },
53
- {
54
- text: 'Mixins',
55
- collapsed: false,
56
- items: [
57
- {
58
- text: 'Build Aspect Ratio',
59
- link: '/mixins/build-aspect-ratio.md',
60
- },
61
- {
62
- text: 'Build Compatibility',
63
- link: '/mixins/build-compatibility.md',
64
- },
65
- {
66
- text: 'Build Scrollbar',
67
- link: '/mixins/build-scrollbar.md',
68
- },
69
- {
70
- text: 'Create Colors',
71
- link: '/mixins/create-colors.md',
72
- },
73
- {
74
- text: 'Create Size instruction',
75
- link: '/mixins/create-instructions.md',
76
- },
77
- {
78
- text: 'Create Margin helper',
79
- link: '/mixins/create-helper-margin.md',
80
- },
81
- {
82
- text: 'Create Padding helper',
83
- link: '/mixins/create-helper-padding.md',
84
- }
85
- ]
86
- },
87
- ]
88
- }
1
+ import { defineConfig } from 'vitepress';
2
+
3
+ export default defineConfig({
4
+ lang: "en-US",
5
+ title: "Guebbit SCSS Library",
6
+ titleTemplate: ":title - base SCSS plus components",
7
+ description: "Guebbit's personal SCSS Library (MIT license, free to use).",
8
+ themeConfig: {
9
+ logo: "/logotype.svg",
10
+ siteTitle: "SCSS Library",
11
+ search: {
12
+ provider: 'local'
13
+ },
14
+ nav: [
15
+ {
16
+ text: 'Github',
17
+ link: 'https://github.com/Guebbit/css-toolkit',
18
+ },
19
+ ],
20
+ sidebar: [
21
+ {
22
+ text: 'Colors',
23
+ collapsed: false,
24
+ items: [
25
+ {
26
+ text: 'Bootstrap',
27
+ link: '/colors/bootstrap.md',
28
+ },
29
+ {
30
+ text: 'Brands',
31
+ link: '/colors/brands.md',
32
+ },
33
+ {
34
+ text: 'Gradients',
35
+ link: '/colors/customs.md',
36
+ }
37
+ ]
38
+ },
39
+ {
40
+ text: 'Functions',
41
+ collapsed: false,
42
+ items: [
43
+ {
44
+ text: 'Colors',
45
+ link: '/functions/colors.md',
46
+ },
47
+ {
48
+ text: 'Helpers',
49
+ link: '/functions/helpers.md',
50
+ }
51
+ ]
52
+ },
53
+ {
54
+ text: 'Mixins',
55
+ collapsed: false,
56
+ items: [
57
+ {
58
+ text: 'Build Aspect Ratio',
59
+ link: '/mixins/build-aspect-ratio.md',
60
+ },
61
+ {
62
+ text: 'Build Compatibility',
63
+ link: '/mixins/build-compatibility.md',
64
+ },
65
+ {
66
+ text: 'Build Scrollbar',
67
+ link: '/mixins/build-scrollbar.md',
68
+ },
69
+ {
70
+ text: 'Create Colors',
71
+ link: '/mixins/create-colors.md',
72
+ },
73
+ {
74
+ text: 'Create Size instruction',
75
+ link: '/mixins/create-instructions.md',
76
+ },
77
+ {
78
+ text: 'Create Margin helper',
79
+ link: '/mixins/create-helper-margin.md',
80
+ },
81
+ {
82
+ text: 'Create Padding helper',
83
+ link: '/mixins/create-helper-padding.md',
84
+ }
85
+ ]
86
+ },
87
+ ]
88
+ }
89
89
  })
@@ -9,7 +9,7 @@
9
9
  <link rel="preload stylesheet" href="/assets/style.BKBz-tcN.css" as="style">
10
10
  <link rel="preload stylesheet" href="/vp-icons.css" as="style">
11
11
 
12
- <script type="module" src="/assets/app.Cez_7bx7.js"></script>
12
+ <script type="module" src="/assets/app.BQiPqeST.js"></script>
13
13
  <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
14
14
  <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
15
15
  <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
@@ -1 +1 @@
1
- import{R as i}from"./chunks/theme.ZIndENJH.js";import{R as o,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,ac as v,d as P,u as R,v as w,s as y,ad as C,ae as b,af as E,ag as S}from"./chunks/framework.BQmytedh.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(i),T=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=R();return w(()=>{y(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&C(),b(),E(),s.setup&&s.setup(),()=>S(s.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=j(),a=_();a.provide(c,e);const t=l(e.route);return a.provide(f,t),a.component("Content",d),a.component("ClientOnly",m),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:h}),{app:a,router:e,data:t}}function _(){return g(T)}function j(){let e=o,a;return A(t=>{let n=v(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=import(n)),o&&(e=!1),r},s.NotFound)}o&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{u(a.route,t.site),e.mount("#app")})});export{D as createApp};
1
+ import{R as i}from"./chunks/theme.DOuq-6g9.js";import{R as o,a3 as u,a4 as c,a5 as l,a6 as f,a7 as d,a8 as m,a9 as h,aa as g,ab as A,ac as v,d as P,u as R,v as w,s as y,ad as C,ae as b,af as E,ag as S}from"./chunks/framework.BQmytedh.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(i),T=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=R();return w(()=>{y(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&C(),b(),E(),s.setup&&s.setup(),()=>S(s.Layout)}});async function D(){globalThis.__VITEPRESS__=!0;const e=j(),a=_();a.provide(c,e);const t=l(e.route);return a.provide(f,t),a.component("Content",d),a.component("ClientOnly",m),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:h}),{app:a,router:e,data:t}}function _(){return g(T)}function j(){let e=o,a;return A(t=>{let n=v(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=import(n)),o&&(e=!1),r},s.NotFound)}o&&D().then(({app:e,router:a,data:t})=>{a.go().then(()=>{u(a.route,t.site),e.mount("#app")})});export{D as createApp};
@@ -0,0 +1 @@
1
+ const t='{"documentCount":31,"nextId":31,"documentIds":{"0":"/colors/bootstrap.html#todo","1":"/colors/brands.html#todo","2":"/functions/colors.html#colors","3":"/functions/colors.html#color-brightness","4":"/functions/colors.html#color-contrast","5":"/functions/colors.html#color-hex2rgba","6":"/functions/colors.html#color-hex2rgbcore","7":"/colors/customs.html#todo","8":"/functions/strings.html#todo","9":"/functions/helpers.html#todo","10":"/mixins/build-aspect-ratio.html#todo","11":"/mixins/build-compatibility.html#build-compatibility","12":"/mixins/build-compatibility.html#example","13":"/mixins/build-compatibility.html#code","14":"/mixins/build-compatibility.html#scss-variables","15":"/#css-toolkit","16":"/#todo","17":"/mixins/build-scrollbar.html#scrollbar","18":"/mixins/build-scrollbar.html#example","19":"/mixins/build-scrollbar.html#code","20":"/mixins/create-colors.html#todo","21":"/mixins/create-helper-padding.html#create-padding","22":"/mixins/create-helper-padding.html#example","23":"/mixins/create-helper-padding.html#code","24":"/mixins/create-instruction.html#create-instruction","25":"/mixins/create-instruction.html#example","26":"/mixins/create-instruction.html#code","27":"/mixins/create-instruction.html#scss-variables","28":"/mixins/create-helper-margin.html#create-margin","29":"/mixins/create-helper-margin.html#example","30":"/mixins/create-helper-margin.html#code"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[1,1,1],"1":[1,1,1],"2":[1,1,18],"3":[2,1,37],"4":[2,1,34],"5":[2,1,11],"6":[2,1,40],"7":[1,1,1],"8":[1,1,1],"9":[1,1,1],"10":[1,1,1],"11":[2,1,1],"12":[1,2,18],"13":[1,1,43],"14":[2,1,17],"15":[2,1,15],"16":[1,1,14],"17":[1,1,1],"18":[1,1,12],"19":[1,1,53],"20":[1,1,1],"21":[2,1,1],"22":[1,2,17],"23":[1,2,77],"24":[2,1,10],"25":[1,2,19],"26":[1,2,32],"27":[2,2,44],"28":[2,1,1],"29":[1,2,18],"30":[1,2,77]},"averageFieldLength":[1.354838709677419,1.2580645161290323,19.903225806451612],"storedFields":{"0":{"title":"TODO","titles":[]},"1":{"title":"TODO","titles":[]},"2":{"title":"Colors","titles":[]},"3":{"title":"color-brightness","titles":["Colors"]},"4":{"title":"color-contrast","titles":["Colors"]},"5":{"title":"color-hex2rgba","titles":["Colors"]},"6":{"title":"color-hex2rgbcore","titles":["Colors"]},"7":{"title":"TODO","titles":[]},"8":{"title":"TODO","titles":[]},"9":{"title":"TODO","titles":[]},"10":{"title":"TODO","titles":[]},"11":{"title":"Build Compatibility","titles":[]},"12":{"title":"Example","titles":["Build Compatibility"]},"13":{"title":"Code","titles":[]},"14":{"title":"SCSS variables","titles":["Code"]},"15":{"title":"css-toolkit","titles":[]},"16":{"title":"TODO","titles":[]},"17":{"title":"Scrollbar","titles":[]},"18":{"title":"Example","titles":["Scrollbar"]},"19":{"title":"Code","titles":["Scrollbar"]},"20":{"title":"TODO","titles":[]},"21":{"title":"Create Padding","titles":[]},"22":{"title":"Example","titles":["Create Padding"]},"23":{"title":"Code","titles":["Create Padding"]},"24":{"title":"Create Instruction","titles":[]},"25":{"title":"Example","titles":["Create Instruction"]},"26":{"title":"Code","titles":["Create Instruction"]},"27":{"title":"SCSS variables","titles":["Create Instruction"]},"28":{"title":"Create Margin","titles":[]},"29":{"title":"Example","titles":["Create Margin"]},"30":{"title":"Code","titles":["Create Margin"]}},"dirtCount":0,"index":[["75px",{"2":{"25":1}}],["75",{"2":{"25":2}}],["y",{"2":{"23":1,"30":1}}],["x3c",{"2":{"23":1,"26":1,"30":1}}],["x",{"2":{"23":1,"30":1}}],["x26",{"2":{"19":3}}],["36px",{"2":{"22":1,"29":1}}],["36",{"2":{"22":1,"29":1}}],["30",{"2":{"2":1}}],["6px",{"2":{"22":1,"29":1}}],["6",{"2":{"22":1,"29":1}}],["60",{"2":{"2":1}}],["width",{"2":{"19":1,"24":2,"25":1}}],["webkit",{"2":{"19":3}}],["white",{"2":{"6":1}}],["whichever",{"2":{"4":1,"6":1}}],["what",{"2":{"2":1}}],["48px",{"2":{"22":1,"29":1}}],["48",{"2":{"22":1,"29":1}}],["40",{"2":{"19":1}}],["4px",{"2":{"6":1,"18":1,"19":2}}],["p100",{"2":{"25":1}}],["p75",{"2":{"25":1}}],["p50",{"2":{"25":1}}],["p25",{"2":{"25":1}}],["prevent",{"2":{"23":1,"27":1,"30":1}}],["prefix",{"2":{"23":1,"27":1,"30":1}}],["property",{"2":{"23":1,"30":1}}],["postfix",{"2":{"23":1,"26":1,"30":1}}],["pixels",{"2":{"19":1}}],["pairs",{"2":{"23":1,"27":1,"30":1}}],["padding",{"0":{"21":1},"1":{"22":1,"23":1},"2":{"22":1}}],["param",{"2":{"13":1,"19":3,"23":1,"26":1,"30":1}}],["palette",{"2":{"2":1}}],["utilities",{"2":{"15":1}}],["using",{"2":{"2":1}}],["name",{"2":{"14":1,"23":4,"24":1,"26":2,"27":2,"30":4}}],["none",{"2":{"3":1,"13":2,"14":1,"27":1}}],["``",{"2":{"14":1,"23":1,"27":1,"30":1}}],["==",{"2":{"13":3,"19":1,"23":9,"26":1,"30":9}}],["\\tbuilder",{"2":{"19":1}}],["\\t",{"2":{"13":2,"19":3}}],["\\tcompatibility",{"2":{"13":1}}],["single",{"2":{"26":1}}],["size",{"2":{"19":3,"24":1}}],["spacing",{"2":{"23":7,"30":7}}],["scrollbars",{"2":{"18":1,"19":1}}],["scrollbar",{"0":{"17":1},"1":{"18":1,"19":1},"2":{"18":1,"19":7}}],["scsscolor",{"2":{"5":1}}],["scssbackground",{"2":{"4":1}}],["scss",{"0":{"14":1,"27":1},"2":{"3":2,"4":1,"6":1,"12":1,"13":1,"15":1,"18":1,"19":1,"22":1,"23":1,"25":1,"26":1,"29":1,"30":1}}],["standardizing",{"2":{"15":1}}],["streamlining",{"2":{"15":1}}],["string",{"2":{"13":1,"14":1,"19":1,"23":1,"27":3,"30":1}}],["style",{"2":{"14":1}}],["supports",{"2":{"13":2}}],["safari",{"2":{"12":1,"13":1}}],["or",{"2":{"16":1}}],["opera",{"2":{"12":1,"13":1}}],["of",{"2":{"4":1,"6":1,"18":1,"19":4,"23":1,"27":2,"30":1}}],["eventual",{"2":{"23":1,"27":1,"30":1}}],["every",{"2":{"16":1}}],["each",{"2":{"23":1,"26":1,"30":1}}],["element",{"2":{"18":1,"19":1}}],["edge",{"2":{"12":1,"13":2}}],["explorer",{"2":{"12":1,"13":1}}],["example",{"0":{"12":1,"18":1,"22":1,"25":1,"29":1},"2":{"24":1}}],["0",{"2":{"5":1}}],["00ff00",{"2":{"5":1,"6":1}}],["000",{"2":{"4":1,"6":1,"18":1}}],["final",{"2":{"27":1}}],["firefox",{"2":{"12":1,"13":2}}],["flag",{"2":{"27":1}}],["false",{"2":{"19":1,"23":2,"26":1,"27":1,"30":2}}],["for",{"2":{"12":1,"13":1,"15":1,"16":2,"23":7,"30":7}}],["fff",{"2":{"4":2,"6":1,"18":1,"19":3}}],["functions",{"2":{"15":1,"16":1}}],["function",{"2":{"3":1,"4":1,"16":1}}],["$delimiter",{"2":{"26":2,"27":1}}],["$dark",{"2":{"4":5,"6":1}}],["$instruction",{"2":{"26":3,"27":1}}],["$important",{"2":{"23":11,"26":2,"27":1,"30":11}}],["$val",{"2":{"23":10,"26":2,"30":10}}],["$name",{"2":{"23":8,"26":2,"30":8}}],["$prefix",{"2":{"23":9,"26":2,"27":1,"30":9}}],["$measure",{"2":{"23":3,"26":2,"27":1,"30":3}}],["$fallback",{"2":{"19":6}}],["$radius",{"2":{"19":3}}],["$size",{"2":{"19":5}}],["$bg",{"2":{"19":6}}],["$browser",{"2":{"13":5,"14":1}}],["$background",{"2":{"4":2,"19":1}}],["$light",{"2":{"4":5,"6":1}}],["$color",{"2":{"3":6,"4":5,"6":1,"19":4}}],["quot",{"2":{"4":2,"6":2}}],["my",{"2":{"23":1,"30":1}}],["mx",{"2":{"23":1,"30":1}}],["mr",{"2":{"23":1,"30":1}}],["ml",{"2":{"23":1,"30":1}}],["mb",{"2":{"23":1,"30":1}}],["mt",{"2":{"23":1,"30":1}}],["measure",{"2":{"23":1,"26":1,"30":1}}],["media",{"2":{"13":1}}],["ma",{"2":{"23":1,"30":1}}],["margin",{"0":{"28":1},"1":{"29":1,"30":1},"2":{"23":14,"29":1,"30":14}}],["math",{"2":{"3":1}}],["ms",{"2":{"13":3}}],["min",{"2":{"24":1}}],["mixins",{"2":{"15":1}}],["mixin",{"2":{"13":1,"16":1,"19":1,"23":1,"26":1,"30":1}}],["microsoft",{"2":{"12":1,"13":1}}],["more",{"2":{"16":1}}],["moz",{"2":{"13":1}}],["mode",{"2":{"12":1,"13":1}}],["most",{"2":{"4":1,"6":1}}],["array",{"2":{"23":2,"26":1,"27":1,"30":2}}],["arguments",{"2":{"4":1,"6":1}}],["an",{"2":{"16":1}}],["and",{"2":{"4":1,"6":1,"13":1,"15":2,"23":3,"24":2,"26":1,"30":3}}],["applies",{"2":{"23":7,"30":7}}],["apply",{"2":{"6":2,"14":1}}],["appearance",{"2":{"13":1}}],["automatic",{"2":{"16":1}}],["auto",{"2":{"13":1,"19":3,"29":2}}],["align",{"2":{"13":1}}],["all",{"2":{"13":1,"23":1,"30":1}}],["active",{"2":{"13":1}}],["accepted",{"2":{"3":1,"6":1,"14":1,"19":1,"23":1,"27":1,"30":1}}],["abs",{"2":{"4":2}}],["a",{"2":{"4":1,"6":1,"15":1,"23":1,"30":1}}],["value",{"2":{"23":3,"26":1,"27":2,"30":3}}],["value>",{"2":{"23":1,"26":1,"30":1}}],["values",{"2":{"3":1,"6":1,"14":1,"19":1,"23":1,"27":1,"30":1}}],["var",{"2":{"6":1}}],["variables",{"0":{"14":1,"27":1}}],["variable",{"2":{"3":1,"6":1,"14":1,"19":1,"23":1,"27":1,"30":1}}],["25px",{"2":{"25":1}}],["25",{"2":{"25":2}}],["255",{"2":{"3":1}}],["24px",{"2":{"22":1,"29":1}}],["24",{"2":{"22":1,"29":1}}],["299",{"2":{"3":1}}],["12px",{"2":{"22":1,"29":1}}],["12",{"2":{"22":1,"29":1}}],["114",{"2":{"3":1}}],["10px",{"2":{"18":1,"19":2}}],["100px",{"2":{"25":1}}],["100",{"2":{"3":1,"25":2}}],["10",{"2":{"2":1}}],["5",{"2":{"5":1}}],["587",{"2":{"3":1}}],["50px",{"2":{"25":1}}],["50",{"2":{"3":3,"25":2}}],["generator",{"2":{"26":1}}],["gt",{"2":{"23":2,"27":2,"30":2}}],["gradients",{"2":{"16":1}}],["green",{"2":{"3":1}}],["guebbit",{"2":{"12":1,"23":1,"27":1,"30":1}}],["given",{"2":{"4":1,"6":1,"24":1}}],["gives",{"2":{"3":1}}],["+",{"2":{"3":2}}],["right",{"2":{"23":4,"30":4}}],["r",{"2":{"23":1,"30":1}}],["radius",{"2":{"19":2}}],["rgba",{"2":{"5":1}}],["repository",{"2":{"15":1}}],["red",{"2":{"3":1}}],["returns",{"2":{"4":1,"6":1}}],["return",{"2":{"3":1,"4":1}}],["rule",{"2":{"2":1}}],[">",{"2":{"3":1,"4":1}}],["important",{"2":{"23":10,"26":1,"27":1,"30":10}}],["ime",{"2":{"13":1}}],["ie",{"2":{"12":1,"13":1}}],["insert",{"2":{"27":1}}],["instructions",{"2":{"24":1,"25":1,"26":2}}],["instruction",{"0":{"24":1},"1":{"25":1,"26":1,"27":1},"2":{"23":1,"27":2,"30":1}}],["in",{"2":{"19":1,"23":2,"26":1,"30":2}}],["include",{"2":{"12":1,"18":1,"22":1,"25":1,"29":1}}],["internet",{"2":{"12":1,"13":1}}],["if",{"2":{"3":1,"4":1,"13":3,"19":2,"23":10,"26":1,"27":1,"30":10}}],["is",{"2":{"3":1,"4":1,"6":1,"23":1,"27":1,"30":1}}],["directions",{"2":{"23":1,"30":1}}],["div",{"2":{"3":1}}],["dark",{"2":{"4":1,"6":2}}],["darker",{"2":{"3":1}}],["delimeter",{"2":{"27":1}}],["development",{"2":{"15":1}}],["default",{"2":{"3":1,"6":1,"14":1,"19":2,"23":1,"27":1,"30":1}}],["description",{"2":{"3":1,"6":1,"14":1,"19":1,"23":1,"27":1,"30":1}}],["design",{"2":{"2":1}}],["t",{"2":{"23":1,"30":1}}],["true",{"2":{"22":1,"23":9,"25":1,"26":1,"29":1,"30":9}}],["transparent",{"2":{"19":1}}],["tests",{"2":{"16":1}}],["text",{"2":{"4":4}}],["target",{"2":{"13":1}}],["thumb",{"2":{"19":1}}],["the",{"2":{"4":1,"6":1,"19":1,"23":8,"27":1,"30":8}}],["than",{"2":{"3":2}}],["top",{"2":{"23":4,"30":4}}],["toolkit",{"0":{"15":1}}],["to",{"2":{"3":1,"4":1,"5":1,"6":4,"14":1,"23":1,"27":2,"30":1}}],["todo",{"0":{"0":1,"1":1,"7":1,"8":1,"9":1,"10":1,"16":1,"20":1},"2":{"12":2,"13":2}}],["lt",{"2":{"23":2,"27":2,"30":2}}],["like",{"2":{"23":1,"27":1,"30":1}}],["list",{"2":{"23":5,"26":3,"27":2,"30":5}}],["lighten",{"2":{"19":1}}],["lighter",{"2":{"3":1}}],["light",{"2":{"4":1,"6":1}}],["left",{"2":{"23":4,"30":4}}],["less",{"2":{"3":2}}],["l",{"2":{"23":1,"30":1}}],["logrocket",{"2":{"2":2}}],["boolean",{"2":{"23":1,"27":1,"30":1}}],["both",{"2":{"23":2,"30":2}}],["bottom",{"2":{"23":4,"30":4}}],["border",{"2":{"19":1}}],["b",{"2":{"23":1,"30":1}}],["background",{"2":{"19":7}}],["bg",{"2":{"19":4}}],["browser",{"2":{"13":1,"14":1}}],["browsers",{"2":{"12":1,"13":1}}],["brightness",{"0":{"3":1},"2":{"3":2,"4":10}}],["build",{"0":{"11":1},"1":{"12":1},"2":{"13":1,"18":1,"19":1}}],["building",{"2":{"2":1}}],["blue",{"2":{"3":1}}],["blog",{"2":{"2":2}}],["better",{"2":{"3":1}}],["classnames",{"2":{"27":1}}],["create",{"0":{"21":1,"24":1,"28":1},"1":{"22":1,"23":1,"25":1,"26":1,"27":1,"29":1,"30":1},"2":{"16":1,"22":1,"23":1,"24":1,"25":1,"26":1,"29":1,"30":1}}],["custom",{"2":{"6":1,"27":1}}],["check",{"2":{"3":1,"6":1}}],["css",{"0":{"15":1},"2":{"2":2,"14":1,"15":1,"26":1,"27":1}}],["collisions",{"2":{"23":1,"27":1,"30":1}}],["color",{"0":{"3":1,"4":1,"5":1,"6":1},"2":{"2":1,"3":4,"4":8,"5":3,"6":8,"19":12}}],["colors",{"0":{"2":1},"1":{"3":1,"4":1,"5":1,"6":1},"2":{"2":1}}],["corner",{"2":{"19":1}}],["code",{"0":{"13":1,"19":1,"23":1,"26":1,"30":1},"1":{"14":1}}],["containing",{"2":{"15":1}}],["content",{"2":{"13":4,"14":2}}],["contrasty",{"2":{"4":1,"6":1}}],["contrast",{"0":{"4":1},"2":{"4":3,"6":1,"13":2}}],["convert",{"2":{"5":1}}],["compatibility",{"0":{"11":1},"1":{"12":1},"2":{"12":2,"13":1}}],["compares",{"2":{"4":1,"6":1}}],["com",{"2":{"2":2}}],["has",{"2":{"19":1}}],["helper",{"2":{"22":1,"23":1,"29":1,"30":1}}],["helpful",{"2":{"15":1}}],["height",{"2":{"19":1}}],["hex2rgbcore",{"0":{"6":1},"2":{"6":1}}],["hex2rgba",{"0":{"5":1},"2":{"5":1}}],["hex",{"2":{"5":1}}],["high",{"2":{"13":2}}],["hsl",{"2":{"2":2}}],["https",{"2":{"2":2}}]],"serializationVersion":2}';export{t as default};
@@ -1,4 +1,4 @@
1
- var Ft=Object.defineProperty;var Ot=(a,e,t)=>e in a?Ft(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var Ae=(a,e,t)=>Ot(a,typeof e!="symbol"?e+"":e,t);import{V as Ct,p as ie,h as me,ah as tt,ai as Rt,aj as At,q as $e,ak as Mt,d as Lt,D as xe,al as st,am as Dt,an as zt,s as Pt,ao as jt,v as Me,P as he,O as _e,ap as Vt,aq as $t,W as Bt,R as Wt,$ as Kt,o as H,b as Jt,j as _,a0 as Ut,k as L,ar as qt,as as Gt,at as Ht,c as Z,n as nt,e as Se,C as it,F as rt,a as fe,t as pe,au as Qt,av as at,aw as Yt,a6 as Zt,ac as Xt,ax as es,_ as ts}from"./framework.BQmytedh.js";import{u as ss,c as ns}from"./theme.ZIndENJH.js";const is={root:()=>Ct(()=>import("./@localSearchIndexroot.CkfJPSmi.js"),[])};/*!
1
+ var Ft=Object.defineProperty;var Ot=(a,e,t)=>e in a?Ft(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var Ae=(a,e,t)=>Ot(a,typeof e!="symbol"?e+"":e,t);import{V as Ct,p as ie,h as me,ah as tt,ai as Rt,aj as At,q as $e,ak as Mt,d as Lt,D as xe,al as st,am as Dt,an as zt,s as Pt,ao as jt,v as Me,P as he,O as _e,ap as Vt,aq as $t,W as Bt,R as Wt,$ as Kt,o as H,b as Jt,j as _,a0 as Ut,k as L,ar as qt,as as Gt,at as Ht,c as Z,n as nt,e as Se,C as it,F as rt,a as fe,t as pe,au as Qt,av as at,aw as Yt,a6 as Zt,ac as Xt,ax as es,_ as ts}from"./framework.BQmytedh.js";import{u as ss,c as ns}from"./theme.DOuq-6g9.js";const is={root:()=>Ct(()=>import("./@localSearchIndexroot.C9A3MdGo.js"),[])};/*!
2
2
  * tabbable 6.2.0
3
3
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
4
4
  */var mt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Ne=mt.join(","),gt=typeof Element>"u",ae=gt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Fe=!gt&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a==null?void 0:a.ownerDocument},Oe=function a(e,t){var s;t===void 0&&(t=!0);var n=e==null||(s=e.getAttribute)===null||s===void 0?void 0:s.call(e,"inert"),r=n===""||n==="true",i=r||t&&e&&a(e.parentNode);return i},rs=function(e){var t,s=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return s===""||s==="true"},bt=function(e,t,s){if(Oe(e))return[];var n=Array.prototype.slice.apply(e.querySelectorAll(Ne));return t&&ae.call(e,Ne)&&n.unshift(e),n=n.filter(s),n},yt=function a(e,t,s){for(var n=[],r=Array.from(e);r.length;){var i=r.shift();if(!Oe(i,!1))if(i.tagName==="SLOT"){var o=i.assignedElements(),l=o.length?o:i.children,c=a(l,!0,s);s.flatten?n.push.apply(n,c):n.push({scopeParent:i,candidates:c})}else{var h=ae.call(i,Ne);h&&s.filter(i)&&(t||!e.includes(i))&&n.push(i);var m=i.shadowRoot||typeof s.getShadowRoot=="function"&&s.getShadowRoot(i),f=!Oe(m,!1)&&(!s.shadowRootFilter||s.shadowRootFilter(i));if(m&&f){var b=a(m===!0?i.children:m.children,!0,s);s.flatten?n.push.apply(n,b):n.push({scopeParent:i,candidates:b})}else r.unshift.apply(r,i.children)}}return n},wt=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},re=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||rs(e))&&!wt(e)?0:e.tabIndex},as=function(e,t){var s=re(e);return s<0&&t&&!wt(e)?0:s},os=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},xt=function(e){return e.tagName==="INPUT"},ls=function(e){return xt(e)&&e.type==="hidden"},cs=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(s){return s.tagName==="SUMMARY"});return t},us=function(e,t){for(var s=0;s<e.length;s++)if(e[s].checked&&e[s].form===t)return e[s]},ds=function(e){if(!e.name)return!0;var t=e.form||Fe(e),s=function(o){return t.querySelectorAll('input[type="radio"][name="'+o+'"]')},n;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")n=s(window.CSS.escape(e.name));else try{n=s(e.name)}catch(i){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",i.message),!1}var r=us(n,e.form);return!r||r===e},hs=function(e){return xt(e)&&e.type==="radio"},fs=function(e){return hs(e)&&!ds(e)},ps=function(e){var t,s=e&&Fe(e),n=(t=s)===null||t===void 0?void 0:t.host,r=!1;if(s&&s!==e){var i,o,l;for(r=!!((i=n)!==null&&i!==void 0&&(o=i.ownerDocument)!==null&&o!==void 0&&o.contains(n)||e!=null&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));!r&&n;){var c,h,m;s=Fe(n),n=(c=s)===null||c===void 0?void 0:c.host,r=!!((h=n)!==null&&h!==void 0&&(m=h.ownerDocument)!==null&&m!==void 0&&m.contains(n))}}return r},ot=function(e){var t=e.getBoundingClientRect(),s=t.width,n=t.height;return s===0&&n===0},vs=function(e,t){var s=t.displayCheck,n=t.getShadowRoot;if(getComputedStyle(e).visibility==="hidden")return!0;var r=ae.call(e,"details>summary:first-of-type"),i=r?e.parentElement:e;if(ae.call(i,"details:not([open]) *"))return!0;if(!s||s==="full"||s==="legacy-full"){if(typeof n=="function"){for(var o=e;e;){var l=e.parentElement,c=Fe(e);if(l&&!l.shadowRoot&&n(l)===!0)return ot(e);e.assignedSlot?e=e.assignedSlot:!l&&c!==e.ownerDocument?e=c.host:e=l}e=o}if(ps(e))return!e.getClientRects().length;if(s!=="legacy-full")return!0}else if(s==="non-zero-area")return ot(e);return!1},ms=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var s=0;s<t.children.length;s++){var n=t.children.item(s);if(n.tagName==="LEGEND")return ae.call(t,"fieldset[disabled] *")?!0:!n.contains(e)}return!0}t=t.parentElement}return!1},Ce=function(e,t){return!(t.disabled||Oe(t)||ls(t)||vs(t,e)||cs(t)||ms(t))},Be=function(e,t){return!(fs(t)||re(t)<0||!Ce(e,t))},gs=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},bs=function a(e){var t=[],s=[];return e.forEach(function(n,r){var i=!!n.scopeParent,o=i?n.scopeParent:n,l=as(o,i),c=i?a(n.candidates):o;l===0?i?t.push.apply(t,c):t.push(o):s.push({documentOrder:r,tabIndex:l,item:n,isScope:i,content:c})}),s.sort(os).reduce(function(n,r){return r.isScope?n.push.apply(n,r.content):n.push(r.content),n},[]).concat(t)},ys=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:Be.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:gs}):s=bt(e,t.includeContainer,Be.bind(null,t)),bs(s)},ws=function(e,t){t=t||{};var s;return t.getShadowRoot?s=yt([e],t.includeContainer,{filter:Ce.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):s=bt(e,t.includeContainer,Ce.bind(null,t)),s},oe=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ae.call(e,Ne)===!1?!1:Be(t,e)},xs=mt.concat("iframe").join(","),Le=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return ae.call(e,xs)===!1?!1:Ce(t,e)};/*!