@guebbit/css-toolkit 1.3.2 → 1.4.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 (131) hide show
  1. package/LICENSE +661 -661
  2. package/README.md +3 -6
  3. package/docs/.postcssrc.cjs +12 -12
  4. package/docs/.vitepress/cache/deps/_metadata.json +52 -0
  5. package/docs/.vitepress/cache/deps/chunk-GD2PZ323.js +9709 -0
  6. package/docs/.vitepress/cache/deps/chunk-GD2PZ323.js.map +7 -0
  7. package/docs/.vitepress/cache/deps/chunk-LW4I4DCF.js +12542 -0
  8. package/docs/.vitepress/cache/deps/chunk-LW4I4DCF.js.map +7 -0
  9. package/docs/.vitepress/cache/deps/package.json +3 -0
  10. package/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js +4504 -0
  11. package/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map +7 -0
  12. package/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js +581 -0
  13. package/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js.map +7 -0
  14. package/docs/.vitepress/cache/deps/vitepress___@vueuse_integrations_useFocusTrap.js +1145 -0
  15. package/docs/.vitepress/cache/deps/vitepress___@vueuse_integrations_useFocusTrap.js.map +7 -0
  16. package/docs/.vitepress/cache/deps/vitepress___mark__js_src_vanilla__js.js +1665 -0
  17. package/docs/.vitepress/cache/deps/vitepress___mark__js_src_vanilla__js.js.map +7 -0
  18. package/docs/.vitepress/cache/deps/vitepress___minisearch.js +1839 -0
  19. package/docs/.vitepress/cache/deps/vitepress___minisearch.js.map +7 -0
  20. package/docs/.vitepress/cache/deps/vue.js +343 -0
  21. package/docs/.vitepress/cache/deps/vue.js.map +7 -0
  22. package/docs/.vitepress/config.ts +89 -89
  23. package/docs/.vitepress/dist/404.html +3 -3
  24. package/docs/.vitepress/dist/assets/{app.CBPosL5d.js → app.L5XIc3SO.js} +1 -1
  25. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.BjS_jZ-W.js +1 -0
  26. package/docs/.vitepress/dist/assets/chunks/{VPLocalSearchBox.gSyUO2Y7.js → VPLocalSearchBox.D9sh6SyY.js} +1 -1
  27. package/docs/.vitepress/dist/assets/chunks/{theme.BeEqdqye.js → theme.CNmpkBNC.js} +2 -2
  28. package/docs/.vitepress/dist/assets/colors_bootstrap.md.CoHKBFV-.js +183 -0
  29. package/docs/.vitepress/dist/assets/colors_bootstrap.md.CoHKBFV-.lean.js +1 -0
  30. package/docs/.vitepress/dist/assets/colors_brands.md.D66byFIK.js +34 -0
  31. package/docs/.vitepress/dist/assets/colors_brands.md.D66byFIK.lean.js +1 -0
  32. package/docs/.vitepress/dist/assets/colors_customs.md.BOrXeoM5.js +53 -0
  33. package/docs/.vitepress/dist/assets/colors_customs.md.BOrXeoM5.lean.js +1 -0
  34. package/docs/.vitepress/dist/assets/{functions_colors.md.BsOBqU9L.js → functions_colors.md.-D_m804_.js} +12 -4
  35. package/docs/.vitepress/dist/assets/functions_colors.md.-D_m804_.lean.js +1 -0
  36. package/docs/.vitepress/dist/assets/functions_helpers.md.ByBd49Zv.js +51 -0
  37. package/docs/.vitepress/dist/assets/functions_helpers.md.ByBd49Zv.lean.js +1 -0
  38. package/docs/.vitepress/dist/assets/functions_strings.md.BQe_bdya.js +38 -0
  39. package/docs/.vitepress/dist/assets/functions_strings.md.BQe_bdya.lean.js +1 -0
  40. package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.js +1 -0
  41. package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.lean.js +1 -0
  42. package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.ICFUpBeX.js +39 -0
  43. package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.ICFUpBeX.lean.js +1 -0
  44. package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.DvZg2OSO.js → mixins_build-compatibility.md.CmlXWpxv.js} +4 -3
  45. package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.Bze7PgzU.js → mixins_build-scrollbar.md.hZriM4ET.js} +7 -2
  46. package/docs/.vitepress/dist/assets/mixins_create-colors.md.D6f2BMAy.js +204 -0
  47. package/docs/.vitepress/dist/assets/mixins_create-colors.md.D6f2BMAy.lean.js +1 -0
  48. package/docs/.vitepress/dist/assets/{mixins_create-helper-margin.md.DqwBKQ0G.js → mixins_create-helper-margin.md.CFz5if3z.js} +18 -18
  49. package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.CFz5if3z.lean.js +1 -0
  50. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Ct06sNMx.js +50 -0
  51. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Ct06sNMx.lean.js +1 -0
  52. package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.BeAIoeQx.js → mixins_create-instruction.md.B0iVQyHl.js} +18 -4
  53. package/docs/.vitepress/dist/colors/bootstrap.html +189 -7
  54. package/docs/.vitepress/dist/colors/brands.html +40 -7
  55. package/docs/.vitepress/dist/colors/customs.html +59 -7
  56. package/docs/.vitepress/dist/functions/colors.html +16 -8
  57. package/docs/.vitepress/dist/functions/helpers.html +57 -7
  58. package/docs/.vitepress/dist/functions/strings.html +44 -7
  59. package/docs/.vitepress/dist/hashmap.json +1 -1
  60. package/docs/.vitepress/dist/index.html +6 -6
  61. package/docs/.vitepress/dist/mixins/build-aspect-ratio.html +45 -7
  62. package/docs/.vitepress/dist/mixins/build-compatibility.html +10 -9
  63. package/docs/.vitepress/dist/mixins/build-scrollbar.html +12 -7
  64. package/docs/.vitepress/dist/mixins/create-colors.html +210 -7
  65. package/docs/.vitepress/dist/mixins/create-helper-margin.html +23 -23
  66. package/docs/.vitepress/dist/mixins/create-helper-padding.html +39 -34
  67. package/docs/.vitepress/dist/mixins/create-instruction.html +24 -10
  68. package/docs/.vitepress/theme/index.js +12 -12
  69. package/docs/colors/bootstrap.md +18 -1
  70. package/docs/colors/brands.md +8 -1
  71. package/docs/colors/customs.md +8 -1
  72. package/docs/functions/colors.md +71 -66
  73. package/docs/functions/helpers.md +15 -1
  74. package/docs/functions/strings.md +13 -1
  75. package/docs/index.md +1 -1
  76. package/docs/logo.svg +55 -55
  77. package/docs/logotype.svg +149 -149
  78. package/docs/mixins/build-aspect-ratio.md +16 -1
  79. package/docs/mixins/build-compatibility.md +24 -23
  80. package/docs/mixins/build-scrollbar.md +21 -19
  81. package/docs/mixins/create-colors.md +16 -1
  82. package/docs/mixins/create-helper-margin.md +21 -25
  83. package/docs/mixins/create-helper-padding.md +21 -24
  84. package/docs/mixins/create-instruction.md +38 -33
  85. package/index.scss +1 -1
  86. package/package.json +67 -61
  87. package/src/colors/_bootstrap.scss +179 -180
  88. package/src/colors/_brands.scss +34 -20
  89. package/src/colors/_customs.scss +53 -53
  90. package/src/colors/_index.scss +200 -200
  91. package/src/functions/_colors.scss +143 -135
  92. package/src/functions/_helpers.scss +51 -44
  93. package/src/functions/_strings.scss +38 -31
  94. package/src/index.scss +14 -14
  95. package/src/mixins/_build-aspect-ratio.scss +37 -37
  96. package/src/mixins/_build-compatibility.scss +40 -39
  97. package/src/mixins/_build-scrollbar.scss +37 -32
  98. package/src/mixins/_create-class.scss +29 -19
  99. package/src/mixins/_create-colors-vars.scss +31 -27
  100. package/src/mixins/_create-colors.scss +202 -155
  101. package/src/mixins/_create-helper-margin.scss +43 -39
  102. package/src/mixins/_create-helper-padding.scss +47 -40
  103. package/test/compile.test.js +197 -132
  104. package/test/lint.test.js +43 -48
  105. package/test/test.css +32 -0
  106. package/test/test.scss +216 -197
  107. package/vite.config.ts +26 -26
  108. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.C6BRpH9I.js +0 -1
  109. package/docs/.vitepress/dist/assets/colors_bootstrap.md.CFg-dNGF.js +0 -1
  110. package/docs/.vitepress/dist/assets/colors_bootstrap.md.CFg-dNGF.lean.js +0 -1
  111. package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.js +0 -1
  112. package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.lean.js +0 -1
  113. package/docs/.vitepress/dist/assets/colors_customs.md.CnHhl84q.js +0 -1
  114. package/docs/.vitepress/dist/assets/colors_customs.md.CnHhl84q.lean.js +0 -1
  115. package/docs/.vitepress/dist/assets/functions_colors.md.BsOBqU9L.lean.js +0 -1
  116. package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.js +0 -1
  117. package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.lean.js +0 -1
  118. package/docs/.vitepress/dist/assets/functions_strings.md.BdV8Kx9J.js +0 -1
  119. package/docs/.vitepress/dist/assets/functions_strings.md.BdV8Kx9J.lean.js +0 -1
  120. package/docs/.vitepress/dist/assets/index.md.Cn1TneoC.js +0 -1
  121. package/docs/.vitepress/dist/assets/index.md.Cn1TneoC.lean.js +0 -1
  122. package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.cD70Q1mW.js +0 -1
  123. package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.cD70Q1mW.lean.js +0 -1
  124. package/docs/.vitepress/dist/assets/mixins_create-colors.md.Bi4iqAHf.js +0 -1
  125. package/docs/.vitepress/dist/assets/mixins_create-colors.md.Bi4iqAHf.lean.js +0 -1
  126. package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.DqwBKQ0G.lean.js +0 -1
  127. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.js +0 -45
  128. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.lean.js +0 -1
  129. /package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.DvZg2OSO.lean.js → mixins_build-compatibility.md.CmlXWpxv.lean.js} +0 -0
  130. /package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.Bze7PgzU.lean.js → mixins_build-scrollbar.md.hZriM4ET.lean.js} +0 -0
  131. /package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.BeAIoeQx.lean.js → mixins_create-instruction.md.B0iVQyHl.lean.js} +0 -0
package/test/test.scss CHANGED
@@ -1,197 +1,216 @@
1
- @use "../src/index" as guebbit;
2
-
3
- :root{
4
- @include guebbit.create-colors-vars(guebbit.$colors-collection);
5
- @include guebbit.create-colors-vars((
6
- "primary": guebbit.create-collection(#ff00ff)
7
- ), "g-theme-");
8
- }
9
-
10
- @include guebbit.create-colors(guebbit.$colors-collection);
11
- @include guebbit.create-colors((
12
- // colors are ignored if vars is true
13
- "primary": guebbit.create-collection()
14
- ), true, "", "g-theme-");
15
-
16
-
17
-
18
-
19
- @include guebbit.create-class("text-align", (
20
- "right",
21
- "left",
22
- "center",
23
- ), true);
24
-
25
-
26
-
27
- @include guebbit.create-helper-margin((
28
- (auto, auto),
29
- (6, 6px),
30
- (12, 12px),
31
- (24, 24px),
32
- (36, 36px),
33
- (48, 48px),
34
- ));
35
-
36
- @include guebbit.create-helper-padding((
37
- (6, 6px),
38
- (12, 12px),
39
- (24, 24px),
40
- (36, 36px),
41
- (48, 48px),
42
- ));
43
-
44
- @include guebbit.create-class("font-size", (
45
- (n2, 0.6em),
46
- (n1, 0.8em),
47
- (1, 1.2em),
48
- (2, 1.5em),
49
- (3, 2em),
50
- ));
51
-
52
- @include guebbit.create-class("opacity", (
53
- (0, 0),
54
- (25, 0.25),
55
- (50, 0.50),
56
- (75, 0.75),
57
- (100, 1),
58
- ));
59
-
60
- @include guebbit.create-class("width", (
61
- (25, 25%),
62
- (50, 50%),
63
- (75, 75%),
64
- (100, 100%),
65
- (p25, 25px),
66
- (p50, 50px),
67
- (p75, 75px),
68
- (p100, 100px)
69
- ), true);
70
-
71
- @include guebbit.create-class("min-width", (
72
- (25, 25%),
73
- (50, 50%),
74
- (75, 75%),
75
- (100, 100%),
76
- (p25, 25px),
77
- (p50, 50px),
78
- (p75, 75px),
79
- (p100, 100px)
80
- ), true);
81
-
82
- @include guebbit.create-class("gap", (
83
- (6, 6px),
84
- (12, 12px),
85
- (24, 24px),
86
- ), true, "flex-");
87
-
88
-
89
-
90
- .aspect-ratio-1-1{
91
- @include guebbit.build-aspect-ratio(100%);
92
- }
93
-
94
- .aspect-ratio-16-9{
95
- @include guebbit.build-aspect-ratio-container(56%);
96
-
97
- .content{
98
- @include guebbit.build-aspect-ratio-anchor;
99
- }
100
- }
101
-
102
-
103
-
104
-
105
- .test-compatibility{
106
- @include guebbit.build-compatibility("ie"){
107
- &::after{
108
- content: "this is internet explorer";
109
- }
110
- }
111
-
112
- @include guebbit.build-compatibility("edge"){
113
- &::after{
114
- content: "this is microsoft edge";
115
- }
116
- }
117
-
118
- @include guebbit.build-compatibility("firefox"){
119
- &::after{
120
- content: "this is firefox";
121
- }
122
- }
123
-
124
- @include guebbit.build-compatibility("opera"){
125
- &::after{
126
- content: "this is opera";
127
- }
128
- }
129
-
130
- @include guebbit.build-compatibility("safari"){
131
- &::after{
132
- content: "this is safari";
133
- }
134
- }
135
- }
136
-
137
- // check functions
138
- $test-color--light: #222;
139
- $test-color--dark: #ddd;
140
- $map-deep-get-test: (
141
- 'size': (
142
- 'sml': 10px
143
- )
144
- );
145
-
146
- $map-deep-get-var: guebbit.map-deep-get($map-deep-get-test, 'size', 'sml');
147
-
148
- :root{
149
- // --- rgba + rgba = rgba
150
- --color-opaque-1: #{guebbit.color-opaque(rgba(0,0,0,0.2), rgba($test-color--light, 0.8))};
151
- // --- hex + rgba = rgb
152
- --color-opaque-2: #{guebbit.color-opaque(#000, rgba($test-color--dark, 0.5))};
153
- // --- hex + hex = hex
154
- --color-opaque-3: #{guebbit.color-opaque(#000, $test-color--dark)};
155
- // ---
156
- --color-tint-1: #{guebbit.color-tint($test-color--light, 25%)};
157
- --color-tint-2: #{guebbit.color-tint($test-color--dark, 25%)};
158
- // ---
159
- --color-shade-1: #{guebbit.color-shade($test-color--light, 25%)};
160
- --color-shade-2: #{guebbit.color-shade($test-color--dark, 25%)};
161
- // ---
162
- --color-shift-1: #{guebbit.color-shift($test-color--light, 25%)};
163
- --color-shift-2: #{guebbit.color-shift($test-color--dark, 25%)};
164
- --color-shift-3: #{guebbit.color-shift($test-color--light, -25%)};
165
- --color-shift-4: #{guebbit.color-shift($test-color--dark, -25%)};
166
- // ---
167
- --color-contrast-1: #{guebbit.color-contrast($test-color--light)};
168
- --color-contrast-2: #{guebbit.color-contrast($test-color--dark)};
169
- // ---
170
- --color-brightness-1: #{guebbit.color-contrast($test-color--light)};
171
- --color-brightness-2: #{guebbit.color-contrast($test-color--dark)};
172
- // ---
173
- --extract-colors-1: #{guebbit.extract-colors()};
174
- --extract-colors-2: #{guebbit.extract-colors($test-color--light)};
175
- --extract-colors-3: #{guebbit.extract-colors($test-color--dark)};
176
- --extract-colors-4: #{guebbit.extract-colors($test-color--light, 2, true)};
177
- --extract-colors-5: #{guebbit.extract-colors($test-color--dark, 2, true)};
178
- --extract-colors-6: #{guebbit.extract-colors(rgb(0 255 0))};
179
- --extract-colors-7: #{guebbit.extract-colors(rgba(0 255 0 / 0.5))};
180
- --extract-colors-8: #{guebbit.extract-colors(rgb(0 255 0), 2, true)};
181
- --extract-colors-9: #{guebbit.extract-colors(rgba(0 255 0 / 0.5), 2, true)};
182
- --extract-colors-10: #{guebbit.extract-colors(rgb(0, 255, 0))};
183
- --extract-colors-11: #{guebbit.extract-colors(rgba(0, 255, 0, 0.5))};
184
- --extract-colors-12: #{guebbit.extract-colors(rgb(0, 255, 0), 2, true)};
185
- --extract-colors-13: #{guebbit.extract-colors(rgba(0, 255, 0, 0.5), 2, true)};
186
- // ---
187
- --no-null-1: #{guebbit.no-null-var((undefined, null, transparent, red))};
188
- --no-null-2: #{guebbit.no-null-var((blue))};
189
- // ---
190
- --no-trasparent-1: #{guebbit.no-target-var(transparent, transparent)};
191
- --no-trasparent-2: #{guebbit.no-target-var("test", "test")};
192
- --no-trasparent-3: #{guebbit.no-target-var(transparent, #123456)};
193
- // ---
194
- --map-deep-get: #{$map-deep-get-var};
195
- // --string-split: #{guebbit.string-split())};
196
- // --string-split: #{guebbit.string-ends-with("find-this-word", "this"))};
197
- }
1
+ @use "../src/index" as guebbit;
2
+ @use "sass:list";
3
+ @use "sass:map";
4
+
5
+ :root {
6
+ @include guebbit.create-colors-vars(guebbit.$colors-collection);
7
+ @include guebbit.create-colors-vars(
8
+ (
9
+ "primary": guebbit.create-collection(#ff00ff),
10
+ ),
11
+ "g-theme-"
12
+ );
13
+ }
14
+
15
+ @include guebbit.create-colors(guebbit.$colors-collection);
16
+ @include guebbit.create-colors(
17
+ (
18
+ // colors are ignored if vars is true
19
+ "primary": guebbit.create-collection()
20
+ ),
21
+ true,
22
+ "",
23
+ "g-theme-"
24
+ );
25
+
26
+ @include guebbit.create-class("text-align", ("right", "left", "center"), true);
27
+
28
+ @include guebbit.create-helper-margin(
29
+ ((auto, auto), (6, 6px), (12, 12px), (24, 24px), (36, 36px), (48, 48px))
30
+ );
31
+
32
+ @include guebbit.create-helper-padding(
33
+ ((6, 6px), (12, 12px), (24, 24px), (36, 36px), (48, 48px))
34
+ );
35
+
36
+ @include guebbit.create-class(
37
+ "font-size",
38
+ ((n2, 0.6em), (n1, 0.8em), (1, 1.2em), (2, 1.5em), (3, 2em))
39
+ );
40
+
41
+ @include guebbit.create-class(
42
+ "opacity",
43
+ ((0, 0), (25, 0.25), (50, 0.5), (75, 0.75), (100, 1))
44
+ );
45
+
46
+ @include guebbit.create-class(
47
+ "width",
48
+ (
49
+ (25, 25%),
50
+ (50, 50%),
51
+ (75, 75%),
52
+ (100, 100%),
53
+ (p25, 25px),
54
+ (p50, 50px),
55
+ (p75, 75px),
56
+ (p100, 100px)
57
+ ),
58
+ true
59
+ );
60
+
61
+ @include guebbit.create-class(
62
+ "min-width",
63
+ (
64
+ (25, 25%),
65
+ (50, 50%),
66
+ (75, 75%),
67
+ (100, 100%),
68
+ (p25, 25px),
69
+ (p50, 50px),
70
+ (p75, 75px),
71
+ (p100, 100px)
72
+ ),
73
+ true
74
+ );
75
+
76
+ @include guebbit.create-class(
77
+ "gap",
78
+ ((6, 6px), (12, 12px), (24, 24px)),
79
+ true,
80
+ "flex-"
81
+ );
82
+
83
+ .aspect-ratio-1-1 {
84
+ @include guebbit.build-aspect-ratio(100%);
85
+ }
86
+
87
+ .aspect-ratio-16-9 {
88
+ @include guebbit.build-aspect-ratio-container(56%);
89
+
90
+ .content {
91
+ @include guebbit.build-aspect-ratio-anchor;
92
+ }
93
+ }
94
+
95
+ .test-compatibility {
96
+ @include guebbit.build-compatibility("ie") {
97
+ &::after {
98
+ content: "this is internet explorer";
99
+ }
100
+ }
101
+
102
+ @include guebbit.build-compatibility("edge") {
103
+ &::after {
104
+ content: "this is microsoft edge";
105
+ }
106
+ }
107
+
108
+ @include guebbit.build-compatibility("firefox") {
109
+ &::after {
110
+ content: "this is firefox";
111
+ }
112
+ }
113
+
114
+ @include guebbit.build-compatibility("opera") {
115
+ &::after {
116
+ content: "this is opera";
117
+ }
118
+ }
119
+
120
+ @include guebbit.build-compatibility("safari") {
121
+ &::after {
122
+ content: "this is safari";
123
+ }
124
+ }
125
+ }
126
+
127
+ .scrollbar-test {
128
+ @include guebbit.build-scrollbar(8px, #123456, #abcdef, 4px);
129
+ }
130
+
131
+ // check functions
132
+ $test-color--light: #222;
133
+ $test-color--dark: #ddd;
134
+ $map-deep-get-test: (
135
+ "size": (
136
+ "sml": 10px,
137
+ ),
138
+ );
139
+
140
+ $map-deep-get-var: guebbit.map-deep-get($map-deep-get-test, "size", "sml");
141
+ $color-get-var: guebbit.color-get(guebbit.$colors-collection, "blue", "500");
142
+ $split-list: guebbit.string-split("find-this-word");
143
+ $generated-collection: guebbit.create-collection(#123456);
144
+
145
+ :root {
146
+ // --- rgba + rgba = rgba
147
+ --color-opaque-1: #{guebbit.color-opaque(
148
+ rgba(0, 0, 0, 0.2),
149
+ rgba($test-color--light, 0.8)
150
+ )};
151
+ // --- hex + rgba = rgb
152
+ --color-opaque-2: #{guebbit.color-opaque(#000, rgba($test-color--dark, 0.5))};
153
+ // --- hex + hex = hex
154
+ --color-opaque-3: #{guebbit.color-opaque(#000, $test-color--dark)};
155
+ // ---
156
+ --color-tint-1: #{guebbit.color-tint($test-color--light, 25%)};
157
+ --color-tint-2: #{guebbit.color-tint($test-color--dark, 25%)};
158
+ // ---
159
+ --color-shade-1: #{guebbit.color-shade($test-color--light, 25%)};
160
+ --color-shade-2: #{guebbit.color-shade($test-color--dark, 25%)};
161
+ // ---
162
+ --color-shift-1: #{guebbit.color-shift($test-color--light, 25%)};
163
+ --color-shift-2: #{guebbit.color-shift($test-color--dark, 25%)};
164
+ --color-shift-3: #{guebbit.color-shift($test-color--light, -25%)};
165
+ --color-shift-4: #{guebbit.color-shift($test-color--dark, -25%)};
166
+ // ---
167
+ --color-contrast-1: #{guebbit.color-contrast($test-color--light)};
168
+ --color-contrast-2: #{guebbit.color-contrast($test-color--dark)};
169
+ // ---
170
+ --color-brightness-1: #{guebbit.color-contrast($test-color--light)};
171
+ --color-brightness-2: #{guebbit.color-contrast($test-color--dark)};
172
+ // ---
173
+ --extract-colors-1: #{guebbit.extract-colors()};
174
+ --extract-colors-2: #{guebbit.extract-colors($test-color--light)};
175
+ --extract-colors-3: #{guebbit.extract-colors($test-color--dark)};
176
+ --extract-colors-4: #{guebbit.extract-colors($test-color--light, 2, true)};
177
+ --extract-colors-5: #{guebbit.extract-colors($test-color--dark, 2, true)};
178
+ --extract-colors-6: #{guebbit.extract-colors(rgb(0 255 0))};
179
+ --extract-colors-7: #{guebbit.extract-colors(rgba(0 255 0 / 0.5))};
180
+ --extract-colors-8: #{guebbit.extract-colors(rgb(0 255 0), 2, true)};
181
+ --extract-colors-9: #{guebbit.extract-colors(rgba(0 255 0 / 0.5), 2, true)};
182
+ --extract-colors-10: #{guebbit.extract-colors(rgb(0, 255, 0))};
183
+ --extract-colors-11: #{guebbit.extract-colors(rgba(0, 255, 0, 0.5))};
184
+ --extract-colors-12: #{guebbit.extract-colors(rgb(0, 255, 0), 2, true)};
185
+ --extract-colors-13: #{guebbit.extract-colors(rgba(0, 255, 0, 0.5), 2, true)};
186
+ // ---
187
+ --no-null-1: #{guebbit.no-null-var((undefined, null, transparent, red))};
188
+ --no-null-2: #{guebbit.no-null-var((blue))};
189
+ // ---
190
+ --no-trasparent-1: #{guebbit.no-target-var(transparent, transparent)};
191
+ --no-trasparent-2: #{guebbit.no-target-var("test", "test")};
192
+ --no-trasparent-3: #{guebbit.no-target-var(transparent, #123456)};
193
+ // ---
194
+ --map-deep-get: #{$map-deep-get-var};
195
+ --color-get: #{guebbit.extract-colors($color-get-var)};
196
+ // ---
197
+ --string-split-1: #{list.nth($split-list, 1)};
198
+ --string-split-2: #{list.nth($split-list, 2)};
199
+ --string-split-3: #{list.nth($split-list, 3)};
200
+ --string-ends-with-1: #{guebbit.string-ends-with("find-this-word", "word")};
201
+ --string-ends-with-2: #{guebbit.string-ends-with("find-this-word", "this")};
202
+ // ---
203
+ --color-luminance-1: #{guebbit.color-luminance(#000)};
204
+ --color-luminance-2: #{guebbit.color-luminance(#fff)};
205
+ --color-luminance-3: #{guebbit.color-luminance(transparent)};
206
+ // ---
207
+ --create-collection-100: #{guebbit.extract-colors(
208
+ map.get($generated-collection, "100")
209
+ )};
210
+ --create-collection-500: #{guebbit.extract-colors(
211
+ map.get($generated-collection, "500")
212
+ )};
213
+ --create-collection-900: #{guebbit.extract-colors(
214
+ map.get($generated-collection, "900")
215
+ )};
216
+ }
package/vite.config.ts CHANGED
@@ -1,26 +1,26 @@
1
- import { defineConfig } from 'vite';
2
- import * as path from 'path';
3
-
4
- export default defineConfig({
5
- // root: "/",
6
- build: {
7
- outDir: path.join(__dirname, "dist"),
8
- lib: {
9
- entry: path.resolve(__dirname, "index.scss"),
10
- name: "@guebbit/css-toolkit",
11
- fileName: "css-toolkit",
12
- },
13
- },
14
- server: {
15
- port: 8080,
16
- },
17
- resolve: {
18
- alias: [
19
- {
20
- find: '@',
21
- replacement: path.resolve(__dirname, 'src')
22
- }
23
- ]
24
- },
25
- plugins: [],
26
- });
1
+ import { defineConfig } from "vite";
2
+ import * as path from "path";
3
+
4
+ export default defineConfig({
5
+ // root: "/",
6
+ build: {
7
+ outDir: path.join(__dirname, "dist"),
8
+ lib: {
9
+ entry: path.resolve(__dirname, "index.scss"),
10
+ name: "@guebbit/css-toolkit",
11
+ fileName: "css-toolkit",
12
+ },
13
+ },
14
+ server: {
15
+ port: 8080,
16
+ },
17
+ resolve: {
18
+ alias: [
19
+ {
20
+ find: "@",
21
+ replacement: path.resolve(__dirname, "src"),
22
+ },
23
+ ],
24
+ },
25
+ plugins: [],
26
+ });
@@ -1 +0,0 @@
1
- const t='{"documentCount":31,"nextId":31,"documentIds":{"0":"/colors/bootstrap.html#todo","1":"/colors/brands.html#todo","2":"/colors/customs.html#todo","3":"/functions/colors.html#colors","4":"/functions/colors.html#color-brightness","5":"/functions/colors.html#color-contrast","6":"/functions/colors.html#color-hex2rgba","7":"/functions/colors.html#color-hex2rgbcore","8":"/functions/helpers.html#todo","9":"/functions/strings.html#todo","10":"/#css-toolkit","11":"/#todo","12":"/mixins/build-aspect-ratio.html#todo","13":"/mixins/build-compatibility.html#build-compatibility","14":"/mixins/build-compatibility.html#example","15":"/mixins/build-compatibility.html#code","16":"/mixins/build-compatibility.html#scss-variables","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-helper-margin.html#create-margin","25":"/mixins/create-helper-margin.html#example","26":"/mixins/create-helper-margin.html#code","27":"/mixins/create-instruction.html#create-instruction","28":"/mixins/create-instruction.html#example","29":"/mixins/create-instruction.html#code","30":"/mixins/create-instruction.html#scss-variables"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[1,1,1],"1":[1,1,1],"2":[1,1,1],"3":[1,1,18],"4":[2,1,37],"5":[2,1,34],"6":[2,1,11],"7":[2,1,40],"8":[1,1,1],"9":[1,1,1],"10":[2,1,15],"11":[1,1,14],"12":[1,1,1],"13":[2,1,1],"14":[1,2,17],"15":[1,1,56],"16":[2,1,17],"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,1],"25":[1,2,18],"26":[1,2,77],"27":[2,1,10],"28":[1,2,19],"29":[1,2,48],"30":[2,2,44]},"averageFieldLength":[1.354838709677419,1.2580645161290323,20.806451612903224],"storedFields":{"0":{"title":"TODO","titles":[]},"1":{"title":"TODO","titles":[]},"2":{"title":"TODO","titles":[]},"3":{"title":"Colors","titles":[]},"4":{"title":"color-brightness","titles":["Colors"]},"5":{"title":"color-contrast","titles":["Colors"]},"6":{"title":"color-hex2rgba","titles":["Colors"]},"7":{"title":"color-hex2rgbcore","titles":["Colors"]},"8":{"title":"TODO","titles":[]},"9":{"title":"TODO","titles":[]},"10":{"title":"css-toolkit","titles":[]},"11":{"title":"TODO","titles":[]},"12":{"title":"TODO","titles":[]},"13":{"title":"Build Compatibility","titles":[]},"14":{"title":"Example","titles":["Build Compatibility"]},"15":{"title":"Code","titles":[]},"16":{"title":"SCSS variables","titles":["Code"]},"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 Margin","titles":[]},"25":{"title":"Example","titles":["Create Margin"]},"26":{"title":"Code","titles":["Create Margin"]},"27":{"title":"Create Instruction","titles":[]},"28":{"title":"Example","titles":["Create Instruction"]},"29":{"title":"Code","titles":["Create Instruction"]},"30":{"title":"SCSS variables","titles":["Create Instruction"]}},"dirtCount":0,"index":[["just",{"2":{"29":1}}],["75px",{"2":{"28":1}}],["75",{"2":{"28":2}}],["y",{"2":{"23":1,"26":1}}],["x3c",{"2":{"23":1,"26":1,"29":1}}],["x",{"2":{"23":1,"26":1}}],["x26",{"2":{"19":3}}],["36px",{"2":{"22":1,"25":1}}],["36",{"2":{"22":1,"25":1}}],["30",{"2":{"3":1}}],["6px",{"2":{"22":1,"25":1}}],["6",{"2":{"22":1,"25":1}}],["60",{"2":{"3":1}}],["48px",{"2":{"22":1,"25":1}}],["48",{"2":{"22":1,"25":1}}],["40",{"2":{"19":1}}],["4px",{"2":{"7":1,"18":1,"19":2}}],["p100",{"2":{"28":1}}],["p75",{"2":{"28":1}}],["p50",{"2":{"28":1}}],["p25",{"2":{"28":1}}],["prevent",{"2":{"23":1,"26":1,"30":1}}],["prefix",{"2":{"23":1,"26":1,"30":1}}],["property",{"2":{"23":1,"26":1}}],["postfix",{"2":{"23":1,"26":1,"29":1}}],["pixels",{"2":{"19":1}}],["pairs",{"2":{"23":1,"26":1,"30":1}}],["padding",{"0":{"21":1},"1":{"22":1,"23":1},"2":{"22":1}}],["param",{"2":{"15":1,"19":3,"23":1,"26":1,"29":1}}],["palette",{"2":{"3":1}}],["``",{"2":{"16":1,"23":1,"26":1,"30":1}}],["nth",{"2":{"29":2}}],["name",{"2":{"16":1,"23":4,"26":4,"27":1,"29":3,"30":2}}],["named",{"2":{"15":1}}],["not",{"2":{"15":1}}],["none",{"2":{"4":1,"15":3,"16":1,"30":1}}],["will",{"2":{"29":1}}],["width",{"2":{"19":1,"27":2,"28":1}}],["webkit",{"2":{"15":2,"19":3}}],["white",{"2":{"7":1}}],["whichever",{"2":{"5":1,"7":1}}],["what",{"2":{"3":1}}],["==",{"2":{"15":5,"19":1,"23":9,"26":9,"29":1}}],["\\tbuilder",{"2":{"19":1}}],["\\t",{"2":{"15":2,"19":3}}],["\\tcompatibility",{"2":{"15":1}}],["eventual",{"2":{"23":1,"26":1,"30":1}}],["every",{"2":{"11":1}}],["each",{"2":{"23":1,"26":1,"29":1}}],["element",{"2":{"18":1,"19":1}}],["edge",{"2":{"14":1,"15":2}}],["explorer",{"2":{"14":1,"15":1}}],["example",{"0":{"14":1,"18":1,"22":1,"25":1,"28":1},"2":{"27":1}}],["object",{"2":{"15":1}}],["o",{"2":{"15":1}}],["opera",{"2":{"14":1,"15":2}}],["or",{"2":{"11":1,"29":1}}],["of",{"2":{"5":1,"7":1,"18":1,"19":4,"23":1,"26":1,"30":2}}],["single",{"2":{"29":1}}],["size",{"2":{"19":3,"27":1}}],["same",{"2":{"29":1}}],["sass",{"2":{"29":1}}],["safari",{"2":{"14":1,"15":2}}],["spacing",{"2":{"23":7,"26":7}}],["scrollbars",{"2":{"18":1,"19":1}}],["scrollbar",{"0":{"17":1},"1":{"18":1,"19":1},"2":{"18":1,"19":7}}],["scsscolor",{"2":{"6":1}}],["scssbackground",{"2":{"5":1}}],["scss",{"0":{"16":1,"30":1},"2":{"4":2,"5":1,"7":1,"10":1,"14":1,"15":1,"18":1,"19":1,"22":1,"23":1,"25":1,"26":1,"28":1,"29":1}}],["supports",{"2":{"15":4}}],["style",{"2":{"16":1}}],["string",{"2":{"15":1,"16":1,"19":1,"23":1,"26":1,"30":3}}],["streamlining",{"2":{"10":1}}],["standardizing",{"2":{"10":1}}],["use",{"2":{"29":1}}],["using",{"2":{"3":1}}],["utilities",{"2":{"10":1}}],["0",{"2":{"6":1}}],["00ff00",{"2":{"6":1,"7":1}}],["000",{"2":{"5":1,"7":1,"18":1}}],["flag",{"2":{"30":1}}],["false",{"2":{"19":1,"23":2,"26":2,"29":1,"30":1}}],["final",{"2":{"30":1}}],["fill",{"2":{"15":1}}],["fit",{"2":{"15":1}}],["firefox",{"2":{"14":1,"15":2}}],["for",{"2":{"10":1,"11":2,"14":1,"15":1,"23":7,"26":7}}],["fff",{"2":{"5":2,"7":1,"18":1,"19":3}}],["functions",{"2":{"10":1,"11":1}}],["function",{"2":{"4":1,"5":1,"11":1}}],["$delimiter",{"2":{"29":2,"30":1}}],["$dark",{"2":{"5":5,"7":1}}],["$instruction",{"2":{"29":3,"30":1}}],["$important",{"2":{"23":11,"26":11,"29":2,"30":1}}],["$values",{"2":{"29":6}}],["$val",{"2":{"23":10,"26":10,"29":3}}],["$name",{"2":{"23":8,"26":8,"29":3}}],["$prefix",{"2":{"23":9,"26":9,"29":2,"30":1}}],["$measure",{"2":{"23":3,"26":3,"29":2,"30":1}}],["$fallback",{"2":{"19":6}}],["$radius",{"2":{"19":3}}],["$size",{"2":{"19":5}}],["$bg",{"2":{"19":6}}],["$browser",{"2":{"15":7,"16":1}}],["$background",{"2":{"5":2,"19":1}}],["$light",{"2":{"5":5,"7":1}}],["$color",{"2":{"4":6,"5":5,"7":1,"19":4}}],["quot",{"2":{"5":2,"7":2}}],["my",{"2":{"23":1,"26":1}}],["mx",{"2":{"23":1,"26":1}}],["mr",{"2":{"23":1,"26":1}}],["ml",{"2":{"23":1,"26":1}}],["mb",{"2":{"23":1,"26":1}}],["mt",{"2":{"23":1,"26":1}}],["measure",{"2":{"23":1,"26":1,"29":1}}],["media",{"2":{"15":1}}],["ma",{"2":{"23":1,"26":1}}],["margin",{"0":{"24":1},"1":{"25":1,"26":1},"2":{"23":14,"25":1,"26":14}}],["math",{"2":{"4":1}}],["ms",{"2":{"15":3}}],["min",{"2":{"27":1}}],["microsoft",{"2":{"14":1,"15":1}}],["mixin",{"2":{"11":1,"15":1,"19":1,"23":1,"26":1,"29":1}}],["mixins",{"2":{"10":1}}],["moz",{"2":{"15":1}}],["mode",{"2":{"14":1,"15":1}}],["more",{"2":{"11":1}}],["most",{"2":{"5":1,"7":1}}],["array",{"2":{"23":2,"26":2,"29":1,"30":1}}],["arguments",{"2":{"5":1,"7":1}}],["applies",{"2":{"23":7,"26":7}}],["apply",{"2":{"7":2,"16":1}}],["appearance",{"2":{"15":1}}],["auto",{"2":{"15":1,"19":3,"25":2}}],["automatic",{"2":{"11":1}}],["align",{"2":{"15":1}}],["all",{"2":{"15":1,"23":1,"26":1}}],["active",{"2":{"15":1}}],["accepted",{"2":{"4":1,"7":1,"16":1,"19":1,"23":1,"26":1,"30":1}}],["an",{"2":{"11":1}}],["and",{"2":{"5":1,"7":1,"10":2,"15":2,"23":3,"26":3,"27":2,"29":2}}],["abs",{"2":{"5":2}}],["a",{"2":{"5":1,"7":1,"10":1,"23":1,"26":1}}],["value",{"2":{"23":3,"26":3,"29":2,"30":2}}],["value>",{"2":{"23":1,"26":1,"29":1}}],["values",{"2":{"4":1,"7":1,"16":1,"19":1,"23":1,"26":1,"29":1,"30":1}}],["var",{"2":{"7":1}}],["variables",{"0":{"16":1,"30":1}}],["variable",{"2":{"4":1,"7":1,"16":1,"19":1,"23":1,"26":1,"30":1}}],["2",{"2":{"29":1}}],["25px",{"2":{"28":1}}],["25",{"2":{"28":2}}],["255",{"2":{"4":1}}],["24px",{"2":{"22":1,"25":1}}],["24",{"2":{"22":1,"25":1}}],["299",{"2":{"4":1}}],["1",{"2":{"29":2}}],["12px",{"2":{"22":1,"25":1}}],["12",{"2":{"22":1,"25":1}}],["114",{"2":{"4":1}}],["10px",{"2":{"18":1,"19":2}}],["100px",{"2":{"28":1}}],["100",{"2":{"4":1,"28":2}}],["10",{"2":{"3":1}}],["5",{"2":{"6":1}}],["587",{"2":{"4":1}}],["50px",{"2":{"28":1}}],["50",{"2":{"4":3,"28":2}}],["generator",{"2":{"29":1}}],["gt",{"2":{"23":2,"26":2,"30":2}}],["guebbit",{"2":{"14":1,"23":1,"26":1,"30":1}}],["gradients",{"2":{"11":1}}],["green",{"2":{"4":1}}],["given",{"2":{"5":1,"7":1,"27":1}}],["gives",{"2":{"4":1}}],["+",{"2":{"4":2}}],["right",{"2":{"23":4,"26":4}}],["r",{"2":{"23":1,"26":1}}],["radius",{"2":{"19":2}}],["rgba",{"2":{"6":1}}],["repository",{"2":{"10":1}}],["red",{"2":{"4":1}}],["returns",{"2":{"5":1,"7":1}}],["return",{"2":{"4":1,"5":1}}],["rule",{"2":{"3":1}}],[">",{"2":{"4":1,"5":1,"29":1}}],["i",{"2":{"15":1}}],["important",{"2":{"23":10,"26":10,"29":1,"30":1}}],["image",{"2":{"15":1}}],["ime",{"2":{"15":1}}],["ie",{"2":{"14":1,"15":1}}],["insert",{"2":{"30":1}}],["instructions",{"2":{"27":1,"29":1}}],["instruction",{"0":{"27":1},"1":{"28":1,"29":1,"30":1},"2":{"23":1,"26":1,"30":2}}],["in",{"2":{"19":1,"23":2,"26":2,"29":1}}],["include",{"2":{"14":1,"18":1,"22":1,"25":1,"28":1}}],["internet",{"2":{"14":1,"15":1}}],["if",{"2":{"4":1,"5":1,"15":5,"19":2,"23":10,"26":10,"29":2,"30":1}}],["is",{"2":{"4":1,"5":1,"7":1,"23":1,"26":1,"30":1}}],["directions",{"2":{"23":1,"26":1}}],["div",{"2":{"4":1}}],["dark",{"2":{"5":1,"7":2}}],["darker",{"2":{"4":1}}],["delimeter",{"2":{"30":1}}],["development",{"2":{"10":1}}],["default",{"2":{"4":1,"7":1,"16":1,"19":2,"23":1,"26":1,"30":1}}],["description",{"2":{"4":1,"7":1,"16":1,"19":1,"23":1,"26":1,"30":1}}],["design",{"2":{"3":1}}],["t",{"2":{"23":1,"26":1}}],["true",{"2":{"22":1,"23":9,"25":1,"26":9,"28":1,"29":1}}],["transparent",{"2":{"19":1}}],["target",{"2":{"15":1}}],["tests",{"2":{"11":1}}],["text",{"2":{"5":4}}],["thumb",{"2":{"19":1}}],["the",{"2":{"5":1,"7":1,"19":1,"23":8,"26":8,"29":1,"30":1}}],["than",{"2":{"4":2}}],["top",{"2":{"23":4,"26":4}}],["touch",{"2":{"15":1}}],["toolkit",{"0":{"10":1}}],["to",{"2":{"4":1,"5":1,"6":1,"7":4,"16":1,"23":1,"26":1,"30":2}}],["todo",{"0":{"0":1,"1":1,"2":1,"8":1,"9":1,"11":1,"12":1,"20":1}}],["lt",{"2":{"23":2,"26":2,"30":2}}],["like",{"2":{"23":1,"26":1,"30":1}}],["list",{"2":{"23":5,"26":5,"29":7,"30":2}}],["lighten",{"2":{"19":1}}],["lighter",{"2":{"4":1}}],["light",{"2":{"5":1,"7":1}}],["length",{"2":{"29":1}}],["left",{"2":{"23":4,"26":4}}],["less",{"2":{"4":2}}],["l",{"2":{"23":1,"26":1}}],["logrocket",{"2":{"3":2}}],["be",{"2":{"29":1}}],["better",{"2":{"4":1}}],["boolean",{"2":{"23":1,"26":1,"30":1}}],["both",{"2":{"23":2,"26":2}}],["bottom",{"2":{"23":4,"26":4}}],["border",{"2":{"19":1}}],["b",{"2":{"23":1,"26":1}}],["bg",{"2":{"19":4}}],["background",{"2":{"15":1,"19":7}}],["browser",{"2":{"15":1,"16":1}}],["browsers",{"2":{"14":1,"15":1}}],["brightness",{"0":{"4":1},"2":{"4":2,"5":10}}],["build",{"0":{"13":1},"1":{"14":1},"2":{"15":1,"18":1,"19":1}}],["building",{"2":{"3":1}}],["blue",{"2":{"4":1}}],["blog",{"2":{"3":2}}],["classnames",{"2":{"30":1}}],["class",{"2":{"28":1,"29":2}}],["callout",{"2":{"15":1}}],["create",{"0":{"21":1,"24":1,"27":1},"1":{"22":1,"23":1,"25":1,"26":1,"28":1,"29":1,"30":1},"2":{"11":1,"22":1,"23":1,"25":1,"26":1,"27":1,"28":1,"29":1}}],["custom",{"2":{"7":1,"30":1}}],["check",{"2":{"4":1,"7":1}}],["css",{"0":{"10":1},"2":{"3":2,"10":1,"16":1,"29":1,"30":1}}],["collisions",{"2":{"23":1,"26":1,"30":1}}],["color",{"0":{"4":1,"5":1,"6":1,"7":1},"2":{"3":1,"4":4,"5":8,"6":3,"7":8,"19":12}}],["colors",{"0":{"3":1},"1":{"4":1,"5":1,"6":1,"7":1},"2":{"3":1}}],["corner",{"2":{"19":1}}],["code",{"0":{"15":1,"19":1,"23":1,"26":1,"29":1},"1":{"16":1}}],["content",{"2":{"15":6,"16":2}}],["containing",{"2":{"10":1}}],["contrasty",{"2":{"5":1,"7":1}}],["contrast",{"0":{"5":1},"2":{"5":3,"7":1,"15":2}}],["convert",{"2":{"6":1}}],["compatibility",{"0":{"13":1},"1":{"14":1},"2":{"14":2,"15":1}}],["compares",{"2":{"5":1,"7":1}}],["com",{"2":{"3":2}}],["has",{"2":{"19":1}}],["high",{"2":{"15":2}}],["helper",{"2":{"22":1,"23":1,"25":1,"26":1}}],["helpful",{"2":{"10":1}}],["height",{"2":{"19":1}}],["hex2rgbcore",{"0":{"7":1},"2":{"7":1}}],["hex2rgba",{"0":{"6":1},"2":{"6":1}}],["hex",{"2":{"6":1}}],["hsl",{"2":{"3":2}}],["https",{"2":{"3":2}}]],"serializationVersion":2}';export{t as default};
@@ -1 +0,0 @@
1
- import{_ as e,c as a,o as r,j as o,a as s}from"./chunks/framework.BZemHgQ6.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/bootstrap.md","filePath":"colors/bootstrap.md"}'),n={name:"colors/bootstrap.md"};function c(d,t,l,p,i,m){return r(),a("div",null,t[0]||(t[0]=[o("h1",{id:"todo",tabindex:"-1"},[s("TODO "),o("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"​")],-1)]))}const O=e(n,[["render",c]]);export{_ as __pageData,O as default};
@@ -1 +0,0 @@
1
- import{_ as e,c as a,o as r,j as o,a as s}from"./chunks/framework.BZemHgQ6.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/bootstrap.md","filePath":"colors/bootstrap.md"}'),n={name:"colors/bootstrap.md"};function c(d,t,l,p,i,m){return r(),a("div",null,t[0]||(t[0]=[o("h1",{id:"todo",tabindex:"-1"},[s("TODO "),o("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"​")],-1)]))}const O=e(n,[["render",c]]);export{_ as __pageData,O as default};
@@ -1 +0,0 @@
1
- import{_ as r,c as t,o,j as a,a as s}from"./chunks/framework.BZemHgQ6.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/brands.md","filePath":"colors/brands.md"}'),n={name:"colors/brands.md"};function d(c,e,l,i,p,m){return o(),t("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 O=r(n,[["render",d]]);export{_ as __pageData,O as default};
@@ -1 +0,0 @@
1
- import{_ as r,c as t,o,j as a,a as s}from"./chunks/framework.BZemHgQ6.js";const _=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/brands.md","filePath":"colors/brands.md"}'),n={name:"colors/brands.md"};function d(c,e,l,i,p,m){return o(),t("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 O=r(n,[["render",d]]);export{_ as __pageData,O as default};
@@ -1 +0,0 @@
1
- import{_ as o,c as a,o as s,j as t,a as r}from"./chunks/framework.BZemHgQ6.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/customs.md","filePath":"colors/customs.md"}'),c={name:"colors/customs.md"};function n(d,e,l,i,m,p){return s(),a("div",null,e[0]||(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[r("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"​")],-1)]))}const _=o(c,[["render",n]]);export{u as __pageData,_ as default};
@@ -1 +0,0 @@
1
- import{_ as o,c as a,o as s,j as t,a as r}from"./chunks/framework.BZemHgQ6.js";const u=JSON.parse('{"title":"TODO","description":"","frontmatter":{},"headers":[],"relativePath":"colors/customs.md","filePath":"colors/customs.md"}'),c={name:"colors/customs.md"};function n(d,e,l,i,m,p){return s(),a("div",null,e[0]||(e[0]=[t("h1",{id:"todo",tabindex:"-1"},[r("TODO "),t("a",{class:"header-anchor",href:"#todo","aria-label":'Permalink to "TODO"'},"​")],-1)]))}const _=o(c,[["render",n]]);export{u as __pageData,_ as default};
@@ -1 +0,0 @@
1
- import{_ as i,c as t,o as a,ag as l}from"./chunks/framework.BZemHgQ6.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 a(),t("div",null,s[0]||(s[0]=[l("",18)]))}const E=i(h,[["render",e]]);export{g as __pageData,E as default};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- 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};