@guebbit/css-toolkit 1.2.0 → 1.3.1

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 (103) hide show
  1. package/LICENSE +661 -661
  2. package/README.md +5 -5
  3. package/docs/.postcssrc.cjs +11 -11
  4. package/docs/.vitepress/config.ts +88 -88
  5. package/docs/.vitepress/dist/404.html +4 -4
  6. package/docs/.vitepress/dist/assets/app.CE7x4Dlp.js +1 -0
  7. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.CS_28jj8.js +1 -0
  8. package/docs/.vitepress/dist/assets/chunks/VPLocalSearchBox.TmXlq6CT.js +8 -0
  9. package/docs/.vitepress/dist/assets/chunks/framework.BZemHgQ6.js +18 -0
  10. package/docs/.vitepress/dist/assets/chunks/theme.BWSHCtHe.js +2 -0
  11. package/docs/.vitepress/dist/assets/{colors_bootstrap.md.B8QNot57.js → colors_bootstrap.md.CFg-dNGF.js} +1 -1
  12. package/docs/.vitepress/dist/assets/{colors_bootstrap.md.B8QNot57.lean.js → colors_bootstrap.md.CFg-dNGF.lean.js} +1 -1
  13. package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.js +1 -0
  14. package/docs/.vitepress/dist/assets/colors_brands.md.CUxoS0ml.lean.js +1 -0
  15. package/docs/.vitepress/dist/assets/{colors_customs.md.B9XC2fYm.js → colors_customs.md.CnHhl84q.js} +1 -1
  16. package/docs/.vitepress/dist/assets/{colors_customs.md.B9XC2fYm.lean.js → colors_customs.md.CnHhl84q.lean.js} +1 -1
  17. package/docs/.vitepress/dist/assets/{functions_colors.md.8WIzA1Az.js → functions_colors.md.BsOBqU9L.js} +1 -1
  18. package/docs/.vitepress/dist/assets/functions_colors.md.BsOBqU9L.lean.js +1 -0
  19. package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.js +1 -0
  20. package/docs/.vitepress/dist/assets/functions_helpers.md.B3A_IOEL.lean.js +1 -0
  21. package/docs/.vitepress/dist/assets/{functions_strings.md.B-I-mSmy.js → functions_strings.md.BdV8Kx9J.js} +1 -1
  22. package/docs/.vitepress/dist/assets/{functions_strings.md.B-I-mSmy.lean.js → functions_strings.md.BdV8Kx9J.lean.js} +1 -1
  23. package/docs/.vitepress/dist/assets/{index.md.DO-yHYeM.js → index.md.Cn1TneoC.js} +1 -1
  24. package/docs/.vitepress/dist/assets/{index.md.DO-yHYeM.lean.js → index.md.Cn1TneoC.lean.js} +1 -1
  25. package/docs/.vitepress/dist/assets/{mixins_build-aspect-ratio.md.Cjv_a3MY.js → mixins_build-aspect-ratio.md.cD70Q1mW.js} +1 -1
  26. package/docs/.vitepress/dist/assets/{mixins_build-aspect-ratio.md.Cjv_a3MY.lean.js → mixins_build-aspect-ratio.md.cD70Q1mW.lean.js} +1 -1
  27. package/docs/.vitepress/dist/assets/{mixins_build-compatibility.md.BO6wODYa.js → mixins_build-compatibility.md.DvZg2OSO.js} +15 -4
  28. package/docs/.vitepress/dist/assets/mixins_build-compatibility.md.DvZg2OSO.lean.js +1 -0
  29. package/docs/.vitepress/dist/assets/{mixins_build-scrollbar.md.BX34elgD.js → mixins_build-scrollbar.md.Bze7PgzU.js} +1 -1
  30. package/docs/.vitepress/dist/assets/mixins_build-scrollbar.md.Bze7PgzU.lean.js +1 -0
  31. package/docs/.vitepress/dist/assets/{mixins_create-colors.md.82HeTZt6.js → mixins_create-colors.md.Bi4iqAHf.js} +1 -1
  32. package/docs/.vitepress/dist/assets/{mixins_create-colors.md.82HeTZt6.lean.js → mixins_create-colors.md.Bi4iqAHf.lean.js} +1 -1
  33. package/docs/.vitepress/dist/assets/{mixins_create-helper-margin.md.D2-T7z0a.js → mixins_create-helper-margin.md.DqwBKQ0G.js} +1 -1
  34. package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.DqwBKQ0G.lean.js +1 -0
  35. package/docs/.vitepress/dist/assets/{mixins_create-helper-padding.md.Cp-laxuA.js → mixins_create-helper-padding.md.Br9TOGl1.js} +1 -1
  36. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Br9TOGl1.lean.js +1 -0
  37. package/docs/.vitepress/dist/assets/{mixins_create-instruction.md.dJ83FO6R.js → mixins_create-instruction.md.BeAIoeQx.js} +15 -7
  38. package/docs/.vitepress/dist/assets/mixins_create-instruction.md.BeAIoeQx.lean.js +1 -0
  39. package/docs/.vitepress/dist/assets/style.BsKZwvOR.css +1 -0
  40. package/docs/.vitepress/dist/colors/bootstrap.html +8 -8
  41. package/docs/.vitepress/dist/colors/brands.html +8 -8
  42. package/docs/.vitepress/dist/colors/customs.html +8 -8
  43. package/docs/.vitepress/dist/functions/colors.html +8 -8
  44. package/docs/.vitepress/dist/functions/helpers.html +8 -8
  45. package/docs/.vitepress/dist/functions/strings.html +8 -8
  46. package/docs/.vitepress/dist/hashmap.json +1 -1
  47. package/docs/.vitepress/dist/index.html +8 -8
  48. package/docs/.vitepress/dist/mixins/build-aspect-ratio.html +8 -8
  49. package/docs/.vitepress/dist/mixins/build-compatibility.html +21 -10
  50. package/docs/.vitepress/dist/mixins/build-scrollbar.html +8 -8
  51. package/docs/.vitepress/dist/mixins/create-colors.html +8 -8
  52. package/docs/.vitepress/dist/mixins/create-helper-margin.html +9 -9
  53. package/docs/.vitepress/dist/mixins/create-helper-padding.html +8 -8
  54. package/docs/.vitepress/dist/mixins/create-instruction.html +21 -13
  55. package/docs/.vitepress/dist/vp-icons.css +0 -2
  56. package/docs/.vitepress/theme/index.js +11 -11
  57. package/docs/functions/colors.md +65 -65
  58. package/docs/logo.svg +55 -55
  59. package/docs/logotype.svg +149 -149
  60. package/docs/mixins/build-compatibility.md +22 -22
  61. package/docs/mixins/build-scrollbar.md +18 -18
  62. package/docs/mixins/create-helper-margin.md +25 -25
  63. package/docs/mixins/create-helper-padding.md +24 -24
  64. package/docs/mixins/create-instruction.md +32 -32
  65. package/package.json +61 -61
  66. package/src/colors/_bootstrap.scss +179 -179
  67. package/src/colors/_brands.scss +20 -20
  68. package/src/colors/_customs.scss +52 -52
  69. package/src/colors/_index.scss +199 -199
  70. package/src/functions/_colors.scss +134 -121
  71. package/src/functions/_helpers.scss +44 -42
  72. package/src/functions/_strings.scss +30 -30
  73. package/src/index.scss +13 -12
  74. package/src/mixins/_build-aspect-ratio.scss +36 -36
  75. package/src/mixins/_build-compatibility.scss +38 -27
  76. package/src/mixins/_build-scrollbar.scss +31 -31
  77. package/src/mixins/_create-class.scss +19 -0
  78. package/src/mixins/_create-colors-vars.scss +35 -0
  79. package/src/mixins/_create-colors.scss +160 -119
  80. package/src/mixins/_create-helper-margin.scss +38 -38
  81. package/src/mixins/_create-helper-padding.scss +40 -40
  82. package/test/compile.test.js +131 -105
  83. package/test/lint.test.js +48 -48
  84. package/test/test.css +5935 -986
  85. package/test/test.scss +196 -158
  86. package/vite.config.ts +25 -25
  87. package/docs/.vitepress/dist/assets/app.Cez_7bx7.js +0 -1
  88. package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.CkfJPSmi.js +0 -1
  89. package/docs/.vitepress/dist/assets/chunks/VPLocalSearchBox.lfLgIsvm.js +0 -8
  90. package/docs/.vitepress/dist/assets/chunks/framework.BQmytedh.js +0 -18
  91. package/docs/.vitepress/dist/assets/chunks/theme.ZIndENJH.js +0 -2
  92. package/docs/.vitepress/dist/assets/colors_brands.md.DA7CAmLz.js +0 -1
  93. package/docs/.vitepress/dist/assets/colors_brands.md.DA7CAmLz.lean.js +0 -1
  94. package/docs/.vitepress/dist/assets/functions_colors.md.8WIzA1Az.lean.js +0 -10
  95. package/docs/.vitepress/dist/assets/functions_helpers.md.DlnJURDc.js +0 -1
  96. package/docs/.vitepress/dist/assets/functions_helpers.md.DlnJURDc.lean.js +0 -1
  97. package/docs/.vitepress/dist/assets/mixins_build-compatibility.md.BO6wODYa.lean.js +0 -30
  98. package/docs/.vitepress/dist/assets/mixins_build-scrollbar.md.BX34elgD.lean.js +0 -32
  99. package/docs/.vitepress/dist/assets/mixins_create-helper-margin.md.D2-T7z0a.lean.js +0 -46
  100. package/docs/.vitepress/dist/assets/mixins_create-helper-padding.md.Cp-laxuA.lean.js +0 -45
  101. package/docs/.vitepress/dist/assets/mixins_create-instruction.md.dJ83FO6R.lean.js +0 -20
  102. package/docs/.vitepress/dist/assets/style.BKBz-tcN.css +0 -1
  103. package/src/mixins/_create-instructions.scss +0 -11
package/src/colors/_index.scss CHANGED
@@ -1,200 +1,200 @@
1
- @forward "brands";
2
- @forward "customs";
3
- @forward "bootstrap";
4
-
5
- @use "bootstrap" as bootstrap;
6
- @use "customs" as customs;
7
- @use "brands" as brands;
8
-
9
- $colors-collection: (
10
- // BOOTSTRAP
11
- "grey": (
12
- "100": bootstrap.$gray-100,
13
- "200": bootstrap.$gray-200,
14
- "300": bootstrap.$gray-300,
15
- "400": bootstrap.$gray-400,
16
- "500": bootstrap.$gray-500,
17
- "600": bootstrap.$gray-600,
18
- "700": bootstrap.$gray-700,
19
- "800": bootstrap.$gray-800,
20
- "900": bootstrap.$gray-900,
21
- ),
22
- "blue": (
23
- "100": bootstrap.$blue-100,
24
- "200": bootstrap.$blue-200,
25
- "300": bootstrap.$blue-300,
26
- "400": bootstrap.$blue-400,
27
- "500": bootstrap.$blue-500,
28
- "600": bootstrap.$blue-600,
29
- "700": bootstrap.$blue-700,
30
- "800": bootstrap.$blue-800,
31
- "900": bootstrap.$blue-900,
32
- ),
33
- "indigo": (
34
- "100": bootstrap.$indigo-100,
35
- "200": bootstrap.$indigo-200,
36
- "300": bootstrap.$indigo-300,
37
- "400": bootstrap.$indigo-400,
38
- "500": bootstrap.$indigo-500,
39
- "600": bootstrap.$indigo-600,
40
- "700": bootstrap.$indigo-700,
41
- "800": bootstrap.$indigo-800,
42
- "900": bootstrap.$indigo-900,
43
- ),
44
- "purple": (
45
- "100": bootstrap.$purple-100,
46
- "200": bootstrap.$purple-200,
47
- "300": bootstrap.$purple-300,
48
- "400": bootstrap.$purple-400,
49
- "500": bootstrap.$purple-500,
50
- "600": bootstrap.$purple-600,
51
- "700": bootstrap.$purple-700,
52
- "800": bootstrap.$purple-800,
53
- "900": bootstrap.$purple-900,
54
- ),
55
- "pink": (
56
- "100": bootstrap.$pink-100,
57
- "200": bootstrap.$pink-200,
58
- "300": bootstrap.$pink-300,
59
- "400": bootstrap.$pink-400,
60
- "500": bootstrap.$pink-500,
61
- "600": bootstrap.$pink-600,
62
- "700": bootstrap.$pink-700,
63
- "800": bootstrap.$pink-800,
64
- "900": bootstrap.$pink-900,
65
- ),
66
- "red": (
67
- "100": bootstrap.$red-100,
68
- "200": bootstrap.$red-200,
69
- "300": bootstrap.$red-300,
70
- "400": bootstrap.$red-400,
71
- "500": bootstrap.$red-500,
72
- "600": bootstrap.$red-600,
73
- "700": bootstrap.$red-700,
74
- "800": bootstrap.$red-800,
75
- "900": bootstrap.$red-900,
76
- ),
77
- "orange": (
78
- "100": bootstrap.$orange-100,
79
- "200": bootstrap.$orange-200,
80
- "300": bootstrap.$orange-300,
81
- "400": bootstrap.$orange-400,
82
- "500": bootstrap.$orange-500,
83
- "600": bootstrap.$orange-600,
84
- "700": bootstrap.$orange-700,
85
- "800": bootstrap.$orange-800,
86
- "900": bootstrap.$orange-900,
87
- ),
88
- "yellow": (
89
- "100": bootstrap.$yellow-100,
90
- "200": bootstrap.$yellow-200,
91
- "300": bootstrap.$yellow-300,
92
- "400": bootstrap.$yellow-400,
93
- "500": bootstrap.$yellow-500,
94
- "600": bootstrap.$yellow-600,
95
- "700": bootstrap.$yellow-700,
96
- "800": bootstrap.$yellow-800,
97
- "900": bootstrap.$yellow-900,
98
- ),
99
- "green": (
100
- "100": bootstrap.$green-100,
101
- "200": bootstrap.$green-200,
102
- "300": bootstrap.$green-300,
103
- "400": bootstrap.$green-400,
104
- "500": bootstrap.$green,
105
- "600": bootstrap.$green-500,
106
- "700": bootstrap.$green-600,
107
- "800": bootstrap.$green-700,
108
- "900": bootstrap.$green-800,
109
- ),
110
- "teal": (
111
- "100": bootstrap.$teal-100,
112
- "200": bootstrap.$teal-200,
113
- "300": bootstrap.$teal-300,
114
- "400": bootstrap.$teal-400,
115
- "500": bootstrap.$teal-500,
116
- "600": bootstrap.$teal-600,
117
- "700": bootstrap.$teal-700,
118
- "800": bootstrap.$teal-800,
119
- "900": bootstrap.$teal-900,
120
- ),
121
- "cyan": (
122
- "100": bootstrap.$cyan-100,
123
- "200": bootstrap.$cyan-200,
124
- "300": bootstrap.$cyan-300,
125
- "400": bootstrap.$cyan-400,
126
- "500": bootstrap.$cyan-500,
127
- "600": bootstrap.$cyan-600,
128
- "700": bootstrap.$cyan-700,
129
- "800": bootstrap.$cyan-800,
130
- "900": bootstrap.$cyan-900,
131
- ),
132
- // CUSTOM
133
- "flatrica-green": (
134
- "100": customs.$flatrica-green-100,
135
- "200": customs.$flatrica-green-200,
136
- "300": customs.$flatrica-green-300,
137
- "400": customs.$flatrica-green-400,
138
- "500": customs.$flatrica-green-500,
139
- "600": customs.$flatrica-green-600,
140
- "700": customs.$flatrica-green-700,
141
- "800": customs.$flatrica-green-800,
142
- "900": customs.$flatrica-green-900,
143
- ),
144
- "manga-red": (
145
- "100": customs.$manga-red-100,
146
- "200": customs.$manga-red-200,
147
- "300": customs.$manga-red-300,
148
- "400": customs.$manga-red-400,
149
- "500": customs.$manga-red-500,
150
- "600": customs.$manga-red-600,
151
- "700": customs.$manga-red-700,
152
- "800": customs.$manga-red-800,
153
- "900": customs.$manga-red-900,
154
- ),
155
- // BRANDS
156
- "brand": (
157
- "facebook": brands.$brand-facebook,
158
- "youtube": brands.$brand-youtube,
159
- "twitter": brands.$brand-twitter,
160
- "skype": brands.$brand-skype,
161
- "linkedin": brands.$brand-linkedin,
162
- "whatsapp": brands.$brand-whatsapp,
163
- "telegram": brands.$brand-telegram,
164
- "twitch": brands.$brand-twitch,
165
- "pinterest": brands.$brand-pinterest,
166
- "reddit": brands.$brand-reddit,
167
- "tumblr": brands.$brand-tumblr,
168
- "patreon": brands.$brand-patreon,
169
- "kickstarter":brands.$brand-kickstarter,
170
- "instagram": brands.$brand-instagram,
171
- "tiktok": brands.$brand-tiktok,
172
- "google": brands.$brand-google,
173
- "paypal": brands.$brand-paypal,
174
- "paypal2": brands.$brand-paypal2,
175
- ),
176
- // CORE
177
- "core": (
178
- "blue": bootstrap.$blue,
179
- "indigo": bootstrap.$indigo,
180
- "purple": bootstrap.$purple,
181
- "pink": bootstrap.$pink,
182
- "red": bootstrap.$red,
183
- "orange": bootstrap.$orange,
184
- "yellow": bootstrap.$yellow,
185
- "green": bootstrap.$green,
186
- "teal": bootstrap.$teal,
187
- "cyan": bootstrap.$cyan,
188
- "black": bootstrap.$black,
189
- "white": bootstrap.$white,
190
- "gray": bootstrap.$gray-500,
191
- "gray-dark": bootstrap.$gray-900,
192
- "flatrica-green": customs.$flatrica-green,
193
- "manga-red": customs.$manga-red,
194
- ),
195
- // ADVANCED
196
- "advanced": (
197
- "brand-instagram": brands.$advanced-brand-instagram,
198
- "brand-tiktok": brands.$advanced-brand-tiktok,
199
- ),
1
+ @forward "brands";
2
+ @forward "customs";
3
+ @forward "bootstrap";
4
+
5
+ @use "bootstrap" as bootstrap;
6
+ @use "customs" as customs;
7
+ @use "brands" as brands;
8
+
9
+ $colors-collection: (
10
+ // BOOTSTRAP
11
+ "grey": (
12
+ "100": bootstrap.$gray-100,
13
+ "200": bootstrap.$gray-200,
14
+ "300": bootstrap.$gray-300,
15
+ "400": bootstrap.$gray-400,
16
+ "500": bootstrap.$gray-500,
17
+ "600": bootstrap.$gray-600,
18
+ "700": bootstrap.$gray-700,
19
+ "800": bootstrap.$gray-800,
20
+ "900": bootstrap.$gray-900,
21
+ ),
22
+ "blue": (
23
+ "100": bootstrap.$blue-100,
24
+ "200": bootstrap.$blue-200,
25
+ "300": bootstrap.$blue-300,
26
+ "400": bootstrap.$blue-400,
27
+ "500": bootstrap.$blue-500,
28
+ "600": bootstrap.$blue-600,
29
+ "700": bootstrap.$blue-700,
30
+ "800": bootstrap.$blue-800,
31
+ "900": bootstrap.$blue-900,
32
+ ),
33
+ "indigo": (
34
+ "100": bootstrap.$indigo-100,
35
+ "200": bootstrap.$indigo-200,
36
+ "300": bootstrap.$indigo-300,
37
+ "400": bootstrap.$indigo-400,
38
+ "500": bootstrap.$indigo-500,
39
+ "600": bootstrap.$indigo-600,
40
+ "700": bootstrap.$indigo-700,
41
+ "800": bootstrap.$indigo-800,
42
+ "900": bootstrap.$indigo-900,
43
+ ),
44
+ "purple": (
45
+ "100": bootstrap.$purple-100,
46
+ "200": bootstrap.$purple-200,
47
+ "300": bootstrap.$purple-300,
48
+ "400": bootstrap.$purple-400,
49
+ "500": bootstrap.$purple-500,
50
+ "600": bootstrap.$purple-600,
51
+ "700": bootstrap.$purple-700,
52
+ "800": bootstrap.$purple-800,
53
+ "900": bootstrap.$purple-900,
54
+ ),
55
+ "pink": (
56
+ "100": bootstrap.$pink-100,
57
+ "200": bootstrap.$pink-200,
58
+ "300": bootstrap.$pink-300,
59
+ "400": bootstrap.$pink-400,
60
+ "500": bootstrap.$pink-500,
61
+ "600": bootstrap.$pink-600,
62
+ "700": bootstrap.$pink-700,
63
+ "800": bootstrap.$pink-800,
64
+ "900": bootstrap.$pink-900,
65
+ ),
66
+ "red": (
67
+ "100": bootstrap.$red-100,
68
+ "200": bootstrap.$red-200,
69
+ "300": bootstrap.$red-300,
70
+ "400": bootstrap.$red-400,
71
+ "500": bootstrap.$red-500,
72
+ "600": bootstrap.$red-600,
73
+ "700": bootstrap.$red-700,
74
+ "800": bootstrap.$red-800,
75
+ "900": bootstrap.$red-900,
76
+ ),
77
+ "orange": (
78
+ "100": bootstrap.$orange-100,
79
+ "200": bootstrap.$orange-200,
80
+ "300": bootstrap.$orange-300,
81
+ "400": bootstrap.$orange-400,
82
+ "500": bootstrap.$orange-500,
83
+ "600": bootstrap.$orange-600,
84
+ "700": bootstrap.$orange-700,
85
+ "800": bootstrap.$orange-800,
86
+ "900": bootstrap.$orange-900,
87
+ ),
88
+ "yellow": (
89
+ "100": bootstrap.$yellow-100,
90
+ "200": bootstrap.$yellow-200,
91
+ "300": bootstrap.$yellow-300,
92
+ "400": bootstrap.$yellow-400,
93
+ "500": bootstrap.$yellow-500,
94
+ "600": bootstrap.$yellow-600,
95
+ "700": bootstrap.$yellow-700,
96
+ "800": bootstrap.$yellow-800,
97
+ "900": bootstrap.$yellow-900,
98
+ ),
99
+ "green": (
100
+ "100": bootstrap.$green-100,
101
+ "200": bootstrap.$green-200,
102
+ "300": bootstrap.$green-300,
103
+ "400": bootstrap.$green-400,
104
+ "500": bootstrap.$green,
105
+ "600": bootstrap.$green-500,
106
+ "700": bootstrap.$green-600,
107
+ "800": bootstrap.$green-700,
108
+ "900": bootstrap.$green-800,
109
+ ),
110
+ "teal": (
111
+ "100": bootstrap.$teal-100,
112
+ "200": bootstrap.$teal-200,
113
+ "300": bootstrap.$teal-300,
114
+ "400": bootstrap.$teal-400,
115
+ "500": bootstrap.$teal-500,
116
+ "600": bootstrap.$teal-600,
117
+ "700": bootstrap.$teal-700,
118
+ "800": bootstrap.$teal-800,
119
+ "900": bootstrap.$teal-900,
120
+ ),
121
+ "cyan": (
122
+ "100": bootstrap.$cyan-100,
123
+ "200": bootstrap.$cyan-200,
124
+ "300": bootstrap.$cyan-300,
125
+ "400": bootstrap.$cyan-400,
126
+ "500": bootstrap.$cyan-500,
127
+ "600": bootstrap.$cyan-600,
128
+ "700": bootstrap.$cyan-700,
129
+ "800": bootstrap.$cyan-800,
130
+ "900": bootstrap.$cyan-900,
131
+ ),
132
+ // CUSTOM
133
+ "flatrica-green": (
134
+ "100": customs.$flatrica-green-100,
135
+ "200": customs.$flatrica-green-200,
136
+ "300": customs.$flatrica-green-300,
137
+ "400": customs.$flatrica-green-400,
138
+ "500": customs.$flatrica-green-500,
139
+ "600": customs.$flatrica-green-600,
140
+ "700": customs.$flatrica-green-700,
141
+ "800": customs.$flatrica-green-800,
142
+ "900": customs.$flatrica-green-900,
143
+ ),
144
+ "manga-red": (
145
+ "100": customs.$manga-red-100,
146
+ "200": customs.$manga-red-200,
147
+ "300": customs.$manga-red-300,
148
+ "400": customs.$manga-red-400,
149
+ "500": customs.$manga-red-500,
150
+ "600": customs.$manga-red-600,
151
+ "700": customs.$manga-red-700,
152
+ "800": customs.$manga-red-800,
153
+ "900": customs.$manga-red-900,
154
+ ),
155
+ // BRANDS
156
+ "brand": (
157
+ "facebook": brands.$brand-facebook,
158
+ "youtube": brands.$brand-youtube,
159
+ "twitter": brands.$brand-twitter,
160
+ "skype": brands.$brand-skype,
161
+ "linkedin": brands.$brand-linkedin,
162
+ "whatsapp": brands.$brand-whatsapp,
163
+ "telegram": brands.$brand-telegram,
164
+ "twitch": brands.$brand-twitch,
165
+ "pinterest": brands.$brand-pinterest,
166
+ "reddit": brands.$brand-reddit,
167
+ "tumblr": brands.$brand-tumblr,
168
+ "patreon": brands.$brand-patreon,
169
+ "kickstarter":brands.$brand-kickstarter,
170
+ "instagram": brands.$brand-instagram,
171
+ "tiktok": brands.$brand-tiktok,
172
+ "google": brands.$brand-google,
173
+ "paypal": brands.$brand-paypal,
174
+ "paypal2": brands.$brand-paypal2,
175
+ ),
176
+ // CORE
177
+ "core": (
178
+ "blue": bootstrap.$blue,
179
+ "indigo": bootstrap.$indigo,
180
+ "purple": bootstrap.$purple,
181
+ "pink": bootstrap.$pink,
182
+ "red": bootstrap.$red,
183
+ "orange": bootstrap.$orange,
184
+ "yellow": bootstrap.$yellow,
185
+ "green": bootstrap.$green,
186
+ "teal": bootstrap.$teal,
187
+ "cyan": bootstrap.$cyan,
188
+ "black": bootstrap.$black,
189
+ "white": bootstrap.$white,
190
+ "gray": bootstrap.$gray-500,
191
+ "gray-dark": bootstrap.$gray-900,
192
+ "flatrica-green": customs.$flatrica-green,
193
+ "manga-red": customs.$manga-red,
194
+ ),
195
+ // Gradients are special colors that should not be used in texts and borders (for example)
196
+ "gradient": (
197
+ "brand-instagram": brands.$gradient-brand-instagram,
198
+ "brand-tiktok": brands.$gradient-brand-tiktok,
199
+ ),
200
200
  );