@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.
- package/LICENSE +661 -661
- package/README.md +3 -6
- package/docs/.postcssrc.cjs +12 -12
- package/docs/.vitepress/cache/deps/_metadata.json +52 -0
- package/docs/.vitepress/cache/deps/chunk-GD2PZ323.js +9709 -0
- package/docs/.vitepress/cache/deps/chunk-GD2PZ323.js.map +7 -0
- package/docs/.vitepress/cache/deps/chunk-LW4I4DCF.js +12542 -0
- package/docs/.vitepress/cache/deps/chunk-LW4I4DCF.js.map +7 -0
- package/docs/.vitepress/cache/deps/package.json +3 -0
- package/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js +4504 -0
- package/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map +7 -0
- package/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js +581 -0
- package/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js.map +7 -0
- package/docs/.vitepress/cache/deps/vitepress___@vueuse_integrations_useFocusTrap.js +1145 -0
- package/docs/.vitepress/cache/deps/vitepress___@vueuse_integrations_useFocusTrap.js.map +7 -0
- package/docs/.vitepress/cache/deps/vitepress___mark__js_src_vanilla__js.js +1665 -0
- package/docs/.vitepress/cache/deps/vitepress___mark__js_src_vanilla__js.js.map +7 -0
- package/docs/.vitepress/cache/deps/vitepress___minisearch.js +1839 -0
- package/docs/.vitepress/cache/deps/vitepress___minisearch.js.map +7 -0
- package/docs/.vitepress/cache/deps/vue.js +343 -0
- package/docs/.vitepress/cache/deps/vue.js.map +7 -0
- package/docs/.vitepress/config.ts +89 -89
- package/docs/.vitepress/dist/404.html +3 -3
- package/docs/.vitepress/dist/assets/{app.CBPosL5d.js → app.L5XIc3SO.js} +1 -1
- package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.BjS_jZ-W.js +1 -0
- package/docs/.vitepress/dist/assets/chunks/{VPLocalSearchBox.gSyUO2Y7.js → VPLocalSearchBox.D9sh6SyY.js} +1 -1
- package/docs/.vitepress/dist/assets/chunks/{theme.BeEqdqye.js → theme.CNmpkBNC.js} +2 -2
- package/docs/.vitepress/dist/assets/colors_bootstrap.md.CoHKBFV-.js +183 -0
- package/docs/.vitepress/dist/assets/colors_bootstrap.md.CoHKBFV-.lean.js +1 -0
- package/docs/.vitepress/dist/assets/colors_brands.md.D66byFIK.js +34 -0
- package/docs/.vitepress/dist/assets/colors_brands.md.D66byFIK.lean.js +1 -0
- package/docs/.vitepress/dist/assets/colors_customs.md.BOrXeoM5.js +53 -0
- package/docs/.vitepress/dist/assets/colors_customs.md.BOrXeoM5.lean.js +1 -0
- package/docs/.vitepress/dist/assets/{functions_colors.md.BsOBqU9L.js → functions_colors.md.-D_m804_.js} +12 -4
- package/docs/.vitepress/dist/assets/functions_colors.md.-D_m804_.lean.js +1 -0
- package/docs/.vitepress/dist/assets/functions_helpers.md.ByBd49Zv.js +51 -0
- package/docs/.vitepress/dist/assets/functions_helpers.md.ByBd49Zv.lean.js +1 -0
- package/docs/.vitepress/dist/assets/functions_strings.md.BQe_bdya.js +38 -0
- package/docs/.vitepress/dist/assets/functions_strings.md.BQe_bdya.lean.js +1 -0
- package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.js +1 -0
- package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.lean.js +1 -0
- package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.ICFUpBeX.js +39 -0
- package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.ICFUpBeX.lean.js +1 -0
- package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.DvZg2OSO.js → mixins_build-compatibility.md.CmlXWpxv.js} +4 -3
- package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.Bze7PgzU.js → mixins_build-scrollbar.md.hZriM4ET.js} +7 -2
- package/docs/.vitepress/dist/assets/mixins_create-colors.md.D6f2BMAy.js +204 -0
- package/docs/.vitepress/dist/assets/mixins_create-colors.md.D6f2BMAy.lean.js +1 -0
- package/docs/.vitepress/dist/assets/{mixins_create-helper-margin.md.DqwBKQ0G.js → mixins_create-helper-margin.md.CFz5if3z.js} +18 -18
- package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.CFz5if3z.lean.js +1 -0
- package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Ct06sNMx.js +50 -0
- package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Ct06sNMx.lean.js +1 -0
- package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.BeAIoeQx.js → mixins_create-instruction.md.B0iVQyHl.js} +18 -4
- package/docs/.vitepress/dist/colors/bootstrap.html +189 -7
- package/docs/.vitepress/dist/colors/brands.html +40 -7
- package/docs/.vitepress/dist/colors/customs.html +59 -7
- package/docs/.vitepress/dist/functions/colors.html +16 -8
- package/docs/.vitepress/dist/functions/helpers.html +57 -7
- package/docs/.vitepress/dist/functions/strings.html +44 -7
- package/docs/.vitepress/dist/hashmap.json +1 -1
- package/docs/.vitepress/dist/index.html +6 -6
- package/docs/.vitepress/dist/mixins/build-aspect-ratio.html +45 -7
- package/docs/.vitepress/dist/mixins/build-compatibility.html +10 -9
- package/docs/.vitepress/dist/mixins/build-scrollbar.html +12 -7
- package/docs/.vitepress/dist/mixins/create-colors.html +210 -7
- package/docs/.vitepress/dist/mixins/create-helper-margin.html +23 -23
- package/docs/.vitepress/dist/mixins/create-helper-padding.html +39 -34
- package/docs/.vitepress/dist/mixins/create-instruction.html +24 -10
- package/docs/.vitepress/theme/index.js +12 -12
- package/docs/colors/bootstrap.md +18 -1
- package/docs/colors/brands.md +8 -1
- package/docs/colors/customs.md +8 -1
- package/docs/functions/colors.md +71 -66
- package/docs/functions/helpers.md +15 -1
- package/docs/functions/strings.md +13 -1
- package/docs/index.md +1 -1
- package/docs/logo.svg +55 -55
- package/docs/logotype.svg +149 -149
- package/docs/mixins/build-aspect-ratio.md +16 -1
- package/docs/mixins/build-compatibility.md +24 -23
- package/docs/mixins/build-scrollbar.md +21 -19
- package/docs/mixins/create-colors.md +16 -1
- package/docs/mixins/create-helper-margin.md +21 -25
- package/docs/mixins/create-helper-padding.md +21 -24
- package/docs/mixins/create-instruction.md +38 -33
- package/index.scss +1 -1
- package/package.json +67 -61
- package/src/colors/_bootstrap.scss +179 -180
- package/src/colors/_brands.scss +34 -20
- package/src/colors/_customs.scss +53 -53
- package/src/colors/_index.scss +200 -200
- package/src/functions/_colors.scss +143 -135
- package/src/functions/_helpers.scss +51 -44
- package/src/functions/_strings.scss +38 -31
- package/src/index.scss +14 -14
- package/src/mixins/_build-aspect-ratio.scss +37 -37
- package/src/mixins/_build-compatibility.scss +40 -39
- package/src/mixins/_build-scrollbar.scss +37 -32
- package/src/mixins/_create-class.scss +29 -19
- package/src/mixins/_create-colors-vars.scss +31 -27
- package/src/mixins/_create-colors.scss +202 -155
- package/src/mixins/_create-helper-margin.scss +43 -39
- package/src/mixins/_create-helper-padding.scss +47 -40
- package/test/compile.test.js +197 -132
- package/test/lint.test.js +43 -48
- package/test/test.css +32 -0
- package/test/test.scss +216 -197
- package/vite.config.ts +26 -26
- package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.C6BRpH9I.js +0 -1
- package/docs/.vitepress/dist/assets/colors_bootstrap.md.CFg-dNGF.js +0 -1
- package/docs/.vitepress/dist/assets/colors_bootstrap.md.CFg-dNGF.lean.js +0 -1
- package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.js +0 -1
- package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.lean.js +0 -1
- package/docs/.vitepress/dist/assets/colors_customs.md.CnHhl84q.js +0 -1
- package/docs/.vitepress/dist/assets/colors_customs.md.CnHhl84q.lean.js +0 -1
- package/docs/.vitepress/dist/assets/functions_colors.md.BsOBqU9L.lean.js +0 -1
- package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.js +0 -1
- package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.lean.js +0 -1
- package/docs/.vitepress/dist/assets/functions_strings.md.BdV8Kx9J.js +0 -1
- package/docs/.vitepress/dist/assets/functions_strings.md.BdV8Kx9J.lean.js +0 -1
- package/docs/.vitepress/dist/assets/index.md.Cn1TneoC.js +0 -1
- package/docs/.vitepress/dist/assets/index.md.Cn1TneoC.lean.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.cD70Q1mW.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_build-aspect-ratio.md.cD70Q1mW.lean.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_create-colors.md.Bi4iqAHf.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_create-colors.md.Bi4iqAHf.lean.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.DqwBKQ0G.lean.js +0 -1
- package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.js +0 -45
- package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.lean.js +0 -1
- /package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.DvZg2OSO.lean.js → mixins_build-compatibility.md.CmlXWpxv.lean.js} +0 -0
- /package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.Bze7PgzU.lean.js → mixins_build-scrollbar.md.hZriM4ET.lean.js} +0 -0
- /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
|
-
:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
(6, 6px),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
(48, 48px)
|
|
34
|
-
)
|
|
35
|
-
|
|
36
|
-
@include guebbit.create-
|
|
37
|
-
|
|
38
|
-
(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
(
|
|
49
|
-
|
|
50
|
-
)
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
.
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
$map-deep-get-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
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
|
-
|
|
196
|
-
//
|
|
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
|
|
2
|
-
import * as path from
|
|
3
|
-
|
|
4
|
-
export default defineConfig({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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};
|