@medyll/cssfabric 0.1.0 → 0.2.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 (202) hide show
  1. package/README.md +38 -240
  2. package/_generated/cssFabric.vars.json +13 -0
  3. package/{src/_generated → _generated}/export.variables.md +0 -0
  4. package/{src/_generated → _generated}/index.d.ts +0 -0
  5. package/{src/_generated → _generated}/readme.md +0 -0
  6. package/init/importCssVars.d.ts +1 -0
  7. package/init/importCssVars.js +2 -0
  8. package/package.json +113 -69
  9. package/{lib/scripts → scripts}/cssfabric.d.ts +0 -0
  10. package/scripts/cssfabric.js +43 -0
  11. package/{lib/scripts → scripts}/cssfabricClassNames.d.ts +0 -0
  12. package/{lib/scripts → scripts}/cssfabricClassNames.js +5 -9
  13. package/{src/scripts → scripts}/index.d.ts +0 -0
  14. package/scripts/index.js +4 -0
  15. package/{lib/scripts → scripts}/utils.d.ts +0 -0
  16. package/{lib/scripts → scripts}/utils.js +1 -3
  17. package/{lib/styles/core → styles}/animation/animation.css +0 -0
  18. package/{lib/styles/core → styles}/animation/animation.min.css +0 -0
  19. package/{lib/styles/core → styles}/base/base.css +0 -7
  20. package/styles/base/base.min.css +1 -0
  21. package/styles/box/box.css +1379 -0
  22. package/styles/box/box.min.css +1 -0
  23. package/styles/box/box.responsive.css +5524 -0
  24. package/styles/box/box.responsive.min.css +1 -0
  25. package/styles/color/color.css +1565 -0
  26. package/styles/color/color.min.css +1 -0
  27. package/styles/color/color.responsive.css +6268 -0
  28. package/styles/color/color.responsive.min.css +1 -0
  29. package/styles/cssfabric.css +61792 -0
  30. package/styles/cssfabric.min.css +168 -0
  31. package/styles/cssfabric.responsive.css +200596 -0
  32. package/styles/cssfabric.responsive.min.css +108 -0
  33. package/{lib/styles/core → styles}/flex/flex.css +0 -0
  34. package/styles/flex/flex.min.css +1 -0
  35. package/{lib/styles/core → styles}/flex/flex.responsive.css +0 -126
  36. package/styles/flex/flex.responsive.min.css +1 -0
  37. package/{lib/styles/core → styles}/grid/grid.css +0 -0
  38. package/styles/grid/grid.min.css +1 -0
  39. package/{lib/styles/core → styles}/grid/grid.responsive.css +0 -121
  40. package/styles/grid/grid.responsive.min.css +1 -0
  41. package/{lib/styles/core → styles}/menu/menu.css +16 -12
  42. package/styles/menu/menu.min.css +1 -0
  43. package/{lib/styles/core → styles}/menu/menu.responsive.css +64 -129
  44. package/styles/menu/menu.responsive.min.css +1 -0
  45. package/{lib/styles/core → styles}/overflow/overflow.css +0 -0
  46. package/{lib/styles/core → styles}/overflow/overflow.min.css +0 -0
  47. package/{lib/styles/core → styles}/overflow/overflow.responsive.css +0 -61
  48. package/styles/overflow/overflow.responsive.min.css +1 -0
  49. package/{lib/styles/core → styles}/scale/scale.css +286 -206
  50. package/styles/scale/scale.min.css +1 -0
  51. package/styles/scale/scale.responsive.css +2884 -0
  52. package/styles/scale/scale.responsive.min.css +1 -0
  53. package/{lib/styles/core → styles}/table/table.css +0 -0
  54. package/styles/table/table.min.css +1 -0
  55. package/{lib/styles/core → styles}/table/table.responsive.css +0 -74
  56. package/styles/table/table.responsive.min.css +1 -0
  57. package/{lib/styles/core → styles}/text/text.css +4 -0
  58. package/styles/text/text.min.css +1 -0
  59. package/styles/text/text.responsive.css +196 -0
  60. package/styles/text/text.responsive.min.css +1 -0
  61. package/{lib/styles/core → styles}/theme/theme.css +0 -0
  62. package/{lib/styles/core → styles}/theme/theme.min.css +0 -0
  63. package/styles/vars.css +414 -0
  64. package/styles/vars.min.css +1 -0
  65. package/{lib/styles/core → styles}/zindex/zindex.css +0 -0
  66. package/{lib/styles/core → styles}/zindex/zindex.min.css +0 -0
  67. package/.idea/cssfabric.iml +0 -8
  68. package/.idea/misc.xml +0 -9
  69. package/.idea/modules.xml +0 -8
  70. package/.idea/vcs.xml +0 -6
  71. package/.vscode/settings.json +0 -24
  72. package/bin/index.js +0 -7
  73. package/cssfabric.config.js +0 -3
  74. package/cssfabric.json +0 -8
  75. package/gulpfile.js +0 -598
  76. package/lib/_generated/export.variables.json +0 -583
  77. package/lib/index.d.ts +0 -2
  78. package/lib/index.js +0 -7
  79. package/lib/scripts/cssfabric.js +0 -48
  80. package/lib/scripts/index.d.ts +0 -2
  81. package/lib/scripts/index.js +0 -6
  82. package/lib/styles/core/base/base.min.css +0 -1
  83. package/lib/styles/core/box/box.css +0 -2449
  84. package/lib/styles/core/box/box.min.css +0 -1
  85. package/lib/styles/core/box/box.responsive.css +0 -12255
  86. package/lib/styles/core/box/box.responsive.min.css +0 -1
  87. package/lib/styles/core/color/color.css +0 -923
  88. package/lib/styles/core/color/color.min.css +0 -1
  89. package/lib/styles/core/color/color.responsive.css +0 -4625
  90. package/lib/styles/core/color/color.responsive.min.css +0 -1
  91. package/lib/styles/core/flex/flex.min.css +0 -1
  92. package/lib/styles/core/flex/flex.responsive.min.css +0 -1
  93. package/lib/styles/core/grid/grid.min.css +0 -1
  94. package/lib/styles/core/grid/grid.responsive.min.css +0 -1
  95. package/lib/styles/core/main.min.css +0 -1
  96. package/lib/styles/core/menu/menu.min.css +0 -1
  97. package/lib/styles/core/menu/menu.responsive.min.css +0 -1
  98. package/lib/styles/core/overflow/overflow.responsive.min.css +0 -1
  99. package/lib/styles/core/scale/scale.min.css +0 -1
  100. package/lib/styles/core/scale/scale.responsive.css +0 -3205
  101. package/lib/styles/core/scale/scale.responsive.min.css +0 -1
  102. package/lib/styles/core/table/table.min.css +0 -1
  103. package/lib/styles/core/table/table.responsive.min.css +0 -1
  104. package/lib/styles/core/text/text.min.css +0 -1
  105. package/lib/styles/core/text/text.responsive.css +0 -745
  106. package/lib/styles/core/text/text.responsive.min.css +0 -1
  107. package/lib/styles/core/vars.css +0 -274
  108. package/lib/styles/core/vars.min.css +0 -1
  109. package/lib/styles/cssfabric.css +0 -5367
  110. package/lib/styles/cssfabric.min.css +0 -15
  111. package/lib/styles/cssfabric.responsive.css +0 -23164
  112. package/lib/styles/cssfabric.responsive.min.css +0 -9
  113. package/src/_generated/export.variables.json +0 -760
  114. package/src/cssfabric/_utils.scss +0 -193
  115. package/src/cssfabric/index.d.ts +0 -3
  116. package/src/cssfabric/modules/_cssfabric-config.scss +0 -93
  117. package/src/cssfabric/modules/_mixins.scss +0 -1
  118. package/src/cssfabric/modules/animation/_animation-vars.scss +0 -17
  119. package/src/cssfabric/modules/animation/animation.scss +0 -3
  120. package/src/cssfabric/modules/base/_base-vars.scss +0 -19
  121. package/src/cssfabric/modules/base/base.scss +0 -80
  122. package/src/cssfabric/modules/box/_box-build.scss +0 -268
  123. package/src/cssfabric/modules/box/_box-vars.scss +0 -119
  124. package/src/cssfabric/modules/box/box-responsive.scss +0 -18
  125. package/src/cssfabric/modules/box/box.scss +0 -3
  126. package/src/cssfabric/modules/color/_color-build.scss +0 -108
  127. package/src/cssfabric/modules/color/_color-vars.scss +0 -80
  128. package/src/cssfabric/modules/color/color-responsive.scss +0 -23
  129. package/src/cssfabric/modules/color/color.scss +0 -9
  130. package/src/cssfabric/modules/css-fabric.scss +0 -2
  131. package/src/cssfabric/modules/flex/_flex-build.scss +0 -150
  132. package/src/cssfabric/modules/flex/_flex-vars.scss +0 -84
  133. package/src/cssfabric/modules/flex/flex-responsive.scss +0 -25
  134. package/src/cssfabric/modules/flex/flex.scss +0 -3
  135. package/src/cssfabric/modules/grid/_grid-build.scss +0 -84
  136. package/src/cssfabric/modules/grid/_grid-vars.scss +0 -88
  137. package/src/cssfabric/modules/grid/grid-responsive.scss +0 -25
  138. package/src/cssfabric/modules/grid/grid.scss +0 -6
  139. package/src/cssfabric/modules/menu/_menu-build.scss +0 -119
  140. package/src/cssfabric/modules/menu/_menu-vars.scss +0 -29
  141. package/src/cssfabric/modules/menu/menu-responsive.scss +0 -19
  142. package/src/cssfabric/modules/menu/menu.scss +0 -6
  143. package/src/cssfabric/modules/overflow/_overflow-build.scss +0 -22
  144. package/src/cssfabric/modules/overflow/_overflow-vars.scss +0 -31
  145. package/src/cssfabric/modules/overflow/overflow-responsive.scss +0 -25
  146. package/src/cssfabric/modules/overflow/overflow.scss +0 -7
  147. package/src/cssfabric/modules/scale/_scale-build.scss +0 -129
  148. package/src/cssfabric/modules/scale/_scale-vars.scss +0 -75
  149. package/src/cssfabric/modules/scale/scale-responsive.scss +0 -23
  150. package/src/cssfabric/modules/scale/scale.scss +0 -8
  151. package/src/cssfabric/modules/table/_table-build.scss +0 -134
  152. package/src/cssfabric/modules/table/_table-vars.scss +0 -30
  153. package/src/cssfabric/modules/table/table-responsive.scss +0 -24
  154. package/src/cssfabric/modules/table/table.scss +0 -8
  155. package/src/cssfabric/modules/text/_text-build.scss +0 -109
  156. package/src/cssfabric/modules/text/_text-vars.scss +0 -87
  157. package/src/cssfabric/modules/text/text-responsive.scss +0 -25
  158. package/src/cssfabric/modules/text/text.scss +0 -6
  159. package/src/cssfabric/modules/theme/_theme-build.scss +0 -76
  160. package/src/cssfabric/modules/theme/_theme-vars.scss +0 -55
  161. package/src/cssfabric/modules/theme/theme.scss +0 -6
  162. package/src/cssfabric/modules/vars.scss +0 -118
  163. package/src/cssfabric/modules/zindex/_zindex-vars.scss +0 -14
  164. package/src/cssfabric/modules/zindex/zindex.scss +0 -15
  165. package/src/index.d.ts +0 -3
  166. package/src/index.ts +0 -4
  167. package/src/scripts/cssfabric.ts +0 -54
  168. package/src/scripts/cssfabricClassNames.ts +0 -216
  169. package/src/scripts/index.ts +0 -8
  170. package/src/scripts/utils.ts +0 -37
  171. package/src/vendor/index.d.ts +0 -3
  172. package/src/vendor/normalize/normalize.min.css +0 -2
  173. package/src/vendor/sass-json-export/CHANGELOG.md +0 -26
  174. package/src/vendor/sass-json-export/Gruntfile.js +0 -60
  175. package/src/vendor/sass-json-export/LICENSE +0 -20
  176. package/src/vendor/sass-json-export/README.md +0 -90
  177. package/src/vendor/sass-json-export/package.json +0 -60
  178. package/src/vendor/sass-json-export/stylesheets/encode/api/_json.scss +0 -26
  179. package/src/vendor/sass-json-export/stylesheets/encode/encode.scss +0 -17
  180. package/src/vendor/sass-json-export/stylesheets/encode/helpers/_quote.scss +0 -9
  181. package/src/vendor/sass-json-export/stylesheets/encode/mixins/_json.scss +0 -42
  182. package/src/vendor/sass-json-export/stylesheets/encode/types/_bool.scss +0 -7
  183. package/src/vendor/sass-json-export/stylesheets/encode/types/_color.scss +0 -8
  184. package/src/vendor/sass-json-export/stylesheets/encode/types/_list.scss +0 -14
  185. package/src/vendor/sass-json-export/stylesheets/encode/types/_map.scss +0 -15
  186. package/src/vendor/sass-json-export/stylesheets/encode/types/_null.scss +0 -7
  187. package/src/vendor/sass-json-export/stylesheets/encode/types/_number.scss +0 -8
  188. package/src/vendor/sass-json-export/stylesheets/encode/types/_string.scss +0 -8
  189. package/src/vendor/sass-json-export/stylesheets/sass-json-export.scss +0 -2
  190. package/src/vendor/sass-json-export/test/encode/_index.scss +0 -14
  191. package/src/vendor/sass-json-export/test/encode/api/_json.scss +0 -29
  192. package/src/vendor/sass-json-export/test/encode/helpers/_quote.scss +0 -6
  193. package/src/vendor/sass-json-export/test/encode/types/_bool.scss +0 -6
  194. package/src/vendor/sass-json-export/test/encode/types/_color.scss +0 -7
  195. package/src/vendor/sass-json-export/test/encode/types/_list.scss +0 -25
  196. package/src/vendor/sass-json-export/test/encode/types/_map.scss +0 -17
  197. package/src/vendor/sass-json-export/test/encode/types/_null.scss +0 -8
  198. package/src/vendor/sass-json-export/test/encode/types/_number.scss +0 -68
  199. package/src/vendor/sass-json-export/test/encode/types/_string.scss +0 -9
  200. package/src/vendor/sass-json-export/test/test.scss +0 -9
  201. package/tsconfig.json +0 -46
  202. package/webpack.config.js +0 -53
package/lib/styles/core/color/color.css DELETED
@@ -1,923 +0,0 @@
1
- /**
2
- color ?
3
- */
4
- .color-palette-yellow {
5
- color: #ffb900;
6
- }
7
- .color-palette-yellow-light {
8
- color: #ffce4d;
9
- }
10
- .color-palette-yellow-lighter {
11
- color: #ffe399;
12
- }
13
- .color-palette-yellow-dark {
14
- color: #cc9400;
15
- }
16
- .color-palette-yellow-darker {
17
- color: #996f00;
18
- }
19
- .color-palette-yellow-complement {
20
- color: #0046ff;
21
- }
22
- .color-palette-yellow-invert {
23
- color: #0046ff;
24
- }
25
- .color-palette-orange {
26
- color: #d83b01;
27
- }
28
- .color-palette-orange-light {
29
- color: #fe6127;
30
- }
31
- .color-palette-orange-lighter {
32
- color: #fe9974;
33
- }
34
- .color-palette-orange-dark {
35
- color: #a52d01;
36
- }
37
- .color-palette-orange-darker {
38
- color: #721f01;
39
- }
40
- .color-palette-orange-complement {
41
- color: #019ed8;
42
- }
43
- .color-palette-orange-invert {
44
- color: #27c4fe;
45
- }
46
- .color-palette-red {
47
- color: #d13438;
48
- }
49
- .color-palette-red-light {
50
- color: #df7275;
51
- }
52
- .color-palette-red-lighter {
53
- color: #edb1b2;
54
- }
55
- .color-palette-red-dark {
56
- color: #ab272a;
57
- }
58
- .color-palette-red-darker {
59
- color: #821d20;
60
- }
61
- .color-palette-red-complement {
62
- color: #34d1cd;
63
- }
64
- .color-palette-red-invert {
65
- color: #2ecbc7;
66
- }
67
- .color-palette-magenta {
68
- color: #b4009e;
69
- }
70
- .color-palette-magenta-light {
71
- color: #ff02e0;
72
- }
73
- .color-palette-magenta-lighter {
74
- color: #ff4ee9;
75
- }
76
- .color-palette-magenta-dark {
77
- color: #810071;
78
- }
79
- .color-palette-magenta-darker {
80
- color: #4e0044;
81
- }
82
- .color-palette-magenta-complement {
83
- color: #00b416;
84
- }
85
- .color-palette-magenta-invert {
86
- color: #4bff61;
87
- }
88
- .color-palette-purple {
89
- color: #5c2d91;
90
- }
91
- .color-palette-purple-light {
92
- color: #8145c5;
93
- }
94
- .color-palette-purple-lighter {
95
- color: #a980d7;
96
- }
97
- .color-palette-purple-dark {
98
- color: #43216a;
99
- }
100
- .color-palette-purple-darker {
101
- color: #2b1543;
102
- }
103
- .color-palette-purple-complement {
104
- color: #62912d;
105
- }
106
- .color-palette-purple-invert {
107
- color: #a3d26e;
108
- }
109
- .color-palette-green {
110
- color: #107c10;
111
- }
112
- .color-palette-green-light {
113
- color: #19c019;
114
- }
115
- .color-palette-green-lighter {
116
- color: #3fe63f;
117
- }
118
- .color-palette-green-dark {
119
- color: #0a4f0a;
120
- }
121
- .color-palette-green-darker {
122
- color: #042204;
123
- }
124
- .color-palette-green-complement {
125
- color: #7c107c;
126
- }
127
- .color-palette-green-invert {
128
- color: #ef83ef;
129
- }
130
- .color-palette-teal {
131
- color: #008272;
132
- }
133
- .color-palette-teal-light {
134
- color: #00cfb5;
135
- }
136
- .color-palette-teal-lighter {
137
- color: #1cffe3;
138
- }
139
- .color-palette-teal-dark {
140
- color: #004f45;
141
- }
142
- .color-palette-teal-darker {
143
- color: #001c19;
144
- }
145
- .color-palette-teal-complement {
146
- color: #820010;
147
- }
148
- .color-palette-teal-invert {
149
- color: #ff7d8d;
150
- }
151
- .color-palette-blue {
152
- color: #0078d4;
153
- }
154
- .color-palette-blue-light {
155
- color: #229fff;
156
- }
157
- .color-palette-blue-lighter {
158
- color: #6ec0ff;
159
- }
160
- .color-palette-blue-dark {
161
- color: #005ba1;
162
- }
163
- .color-palette-blue-darker {
164
- color: #003e6e;
165
- }
166
- .color-palette-blue-complement {
167
- color: #d45c00;
168
- }
169
- .color-palette-blue-invert {
170
- color: #ff872b;
171
- }
172
- .color-palette-dark {
173
- color: #323232;
174
- }
175
- .color-palette-dark-light {
176
- color: #585858;
177
- }
178
- .color-palette-dark-lighter {
179
- color: #7f7f7f;
180
- }
181
- .color-palette-dark-dark {
182
- color: #191919;
183
- }
184
- .color-palette-dark-darker {
185
- color: black;
186
- }
187
- .color-palette-dark-complement {
188
- color: #323232;
189
- }
190
- .color-palette-dark-invert {
191
- color: #cdcdcd;
192
- }
193
-
194
- /**
195
- color ?
196
- */
197
- .color-scheme-discrete {
198
- color: #ccc;
199
- }
200
- .color-scheme-success {
201
- color: green;
202
- }
203
- .color-scheme-info {
204
- color: #ffdd57;
205
- }
206
- .color-scheme-warning {
207
- color: #e6b905;
208
- }
209
- .color-scheme-alert {
210
- color: #ff7300;
211
- }
212
- .color-scheme-error {
213
- color: red;
214
- }
215
-
216
- /**
217
- color ?
218
- */
219
- .color-grey-100 {
220
- color: #f4f4f4;
221
- }
222
- .color-grey-200 {
223
- color: #e9e9e9;
224
- }
225
- .color-grey-300 {
226
- color: #dddddd;
227
- }
228
- .color-grey-400 {
229
- color: #d2d2d2;
230
- }
231
- .color-grey-500 {
232
- color: #c7c7c7;
233
- }
234
- .color-grey-600 {
235
- color: #bbbbbb;
236
- }
237
- .color-grey-700 {
238
- color: #b0b0b0;
239
- }
240
- .color-grey-800 {
241
- color: #a4a4a4;
242
- }
243
- .color-grey-900 {
244
- color: #999999;
245
- }
246
-
247
- /**
248
- bg ?
249
- */
250
- .bg-palette-yellow {
251
- background-color: #ffb900;
252
- }
253
- .bg-palette-yellow-light {
254
- background-color: #ffce4d;
255
- }
256
- .bg-palette-yellow-lighter {
257
- background-color: #ffe399;
258
- }
259
- .bg-palette-yellow-dark {
260
- background-color: #cc9400;
261
- }
262
- .bg-palette-yellow-darker {
263
- background-color: #996f00;
264
- }
265
- .bg-palette-yellow-complement {
266
- background-color: #0046ff;
267
- }
268
- .bg-palette-yellow-invert {
269
- background-color: #0046ff;
270
- }
271
- .bg-palette-orange {
272
- background-color: #d83b01;
273
- }
274
- .bg-palette-orange-light {
275
- background-color: #fe6127;
276
- }
277
- .bg-palette-orange-lighter {
278
- background-color: #fe9974;
279
- }
280
- .bg-palette-orange-dark {
281
- background-color: #a52d01;
282
- }
283
- .bg-palette-orange-darker {
284
- background-color: #721f01;
285
- }
286
- .bg-palette-orange-complement {
287
- background-color: #019ed8;
288
- }
289
- .bg-palette-orange-invert {
290
- background-color: #27c4fe;
291
- }
292
- .bg-palette-red {
293
- background-color: #d13438;
294
- }
295
- .bg-palette-red-light {
296
- background-color: #df7275;
297
- }
298
- .bg-palette-red-lighter {
299
- background-color: #edb1b2;
300
- }
301
- .bg-palette-red-dark {
302
- background-color: #ab272a;
303
- }
304
- .bg-palette-red-darker {
305
- background-color: #821d20;
306
- }
307
- .bg-palette-red-complement {
308
- background-color: #34d1cd;
309
- }
310
- .bg-palette-red-invert {
311
- background-color: #2ecbc7;
312
- }
313
- .bg-palette-magenta {
314
- background-color: #b4009e;
315
- }
316
- .bg-palette-magenta-light {
317
- background-color: #ff02e0;
318
- }
319
- .bg-palette-magenta-lighter {
320
- background-color: #ff4ee9;
321
- }
322
- .bg-palette-magenta-dark {
323
- background-color: #810071;
324
- }
325
- .bg-palette-magenta-darker {
326
- background-color: #4e0044;
327
- }
328
- .bg-palette-magenta-complement {
329
- background-color: #00b416;
330
- }
331
- .bg-palette-magenta-invert {
332
- background-color: #4bff61;
333
- }
334
- .bg-palette-purple {
335
- background-color: #5c2d91;
336
- }
337
- .bg-palette-purple-light {
338
- background-color: #8145c5;
339
- }
340
- .bg-palette-purple-lighter {
341
- background-color: #a980d7;
342
- }
343
- .bg-palette-purple-dark {
344
- background-color: #43216a;
345
- }
346
- .bg-palette-purple-darker {
347
- background-color: #2b1543;
348
- }
349
- .bg-palette-purple-complement {
350
- background-color: #62912d;
351
- }
352
- .bg-palette-purple-invert {
353
- background-color: #a3d26e;
354
- }
355
- .bg-palette-green {
356
- background-color: #107c10;
357
- }
358
- .bg-palette-green-light {
359
- background-color: #19c019;
360
- }
361
- .bg-palette-green-lighter {
362
- background-color: #3fe63f;
363
- }
364
- .bg-palette-green-dark {
365
- background-color: #0a4f0a;
366
- }
367
- .bg-palette-green-darker {
368
- background-color: #042204;
369
- }
370
- .bg-palette-green-complement {
371
- background-color: #7c107c;
372
- }
373
- .bg-palette-green-invert {
374
- background-color: #ef83ef;
375
- }
376
- .bg-palette-teal {
377
- background-color: #008272;
378
- }
379
- .bg-palette-teal-light {
380
- background-color: #00cfb5;
381
- }
382
- .bg-palette-teal-lighter {
383
- background-color: #1cffe3;
384
- }
385
- .bg-palette-teal-dark {
386
- background-color: #004f45;
387
- }
388
- .bg-palette-teal-darker {
389
- background-color: #001c19;
390
- }
391
- .bg-palette-teal-complement {
392
- background-color: #820010;
393
- }
394
- .bg-palette-teal-invert {
395
- background-color: #ff7d8d;
396
- }
397
- .bg-palette-blue {
398
- background-color: #0078d4;
399
- }
400
- .bg-palette-blue-light {
401
- background-color: #229fff;
402
- }
403
- .bg-palette-blue-lighter {
404
- background-color: #6ec0ff;
405
- }
406
- .bg-palette-blue-dark {
407
- background-color: #005ba1;
408
- }
409
- .bg-palette-blue-darker {
410
- background-color: #003e6e;
411
- }
412
- .bg-palette-blue-complement {
413
- background-color: #d45c00;
414
- }
415
- .bg-palette-blue-invert {
416
- background-color: #ff872b;
417
- }
418
- .bg-palette-dark {
419
- background-color: #323232;
420
- }
421
- .bg-palette-dark-light {
422
- background-color: #585858;
423
- }
424
- .bg-palette-dark-lighter {
425
- background-color: #7f7f7f;
426
- }
427
- .bg-palette-dark-dark {
428
- background-color: #191919;
429
- }
430
- .bg-palette-dark-darker {
431
- background-color: black;
432
- }
433
- .bg-palette-dark-complement {
434
- background-color: #323232;
435
- }
436
- .bg-palette-dark-invert {
437
- background-color: #cdcdcd;
438
- }
439
-
440
- /**
441
- bg ?
442
- */
443
- .bg-scheme-discrete {
444
- background-color: #ccc;
445
- }
446
- .bg-scheme-success {
447
- background-color: green;
448
- }
449
- .bg-scheme-info {
450
- background-color: #ffdd57;
451
- }
452
- .bg-scheme-warning {
453
- background-color: #e6b905;
454
- }
455
- .bg-scheme-alert {
456
- background-color: #ff7300;
457
- }
458
- .bg-scheme-error {
459
- background-color: red;
460
- }
461
-
462
- /**
463
- bg ?
464
- */
465
- .bg-grey-100 {
466
- background-color: #f4f4f4;
467
- }
468
- .bg-grey-200 {
469
- background-color: #e9e9e9;
470
- }
471
- .bg-grey-300 {
472
- background-color: #dddddd;
473
- }
474
- .bg-grey-400 {
475
- background-color: #d2d2d2;
476
- }
477
- .bg-grey-500 {
478
- background-color: #c7c7c7;
479
- }
480
- .bg-grey-600 {
481
- background-color: #bbbbbb;
482
- }
483
- .bg-grey-700 {
484
- background-color: #b0b0b0;
485
- }
486
- .bg-grey-800 {
487
- background-color: #a4a4a4;
488
- }
489
- .bg-grey-900 {
490
- background-color: #999999;
491
- }
492
-
493
- /**
494
- bg-themed ?
495
- */
496
- .bg-themed-palette-yellow {
497
- color: black;
498
- text-shadow: 0 0 0.125rem #cc9400;
499
- background-color: #ffb900;
500
- }
501
- .bg-themed-palette-yellow-light {
502
- color: black;
503
- background-color: #ffce4d;
504
- }
505
- .bg-themed-palette-yellow-lighter {
506
- color: black;
507
- background-color: #ffe399;
508
- }
509
- .bg-themed-palette-yellow-dark {
510
- color: black;
511
- background-color: #cc9400;
512
- }
513
- .bg-themed-palette-yellow-darker {
514
- color: white;
515
- background-color: #996f00;
516
- }
517
- .bg-themed-palette-yellow-complement {
518
- color: white;
519
- background-color: #0046ff;
520
- }
521
- .bg-themed-palette-yellow-invert {
522
- color: white;
523
- background-color: #0046ff;
524
- }
525
- .bg-themed-palette-orange {
526
- color: white;
527
- text-shadow: 0 0 0.125rem #a52d01;
528
- background-color: #d83b01;
529
- }
530
- .bg-themed-palette-orange-light {
531
- color: black;
532
- background-color: #fe6127;
533
- }
534
- .bg-themed-palette-orange-lighter {
535
- color: black;
536
- background-color: #fe9974;
537
- }
538
- .bg-themed-palette-orange-dark {
539
- color: white;
540
- background-color: #a52d01;
541
- }
542
- .bg-themed-palette-orange-darker {
543
- color: white;
544
- background-color: #721f01;
545
- }
546
- .bg-themed-palette-orange-complement {
547
- color: white;
548
- background-color: #019ed8;
549
- }
550
- .bg-themed-palette-orange-invert {
551
- color: black;
552
- background-color: #27c4fe;
553
- }
554
- .bg-themed-palette-red {
555
- color: white;
556
- text-shadow: 0 0 0.125rem #ab272a;
557
- background-color: #d13438;
558
- }
559
- .bg-themed-palette-red-light {
560
- color: black;
561
- background-color: #df7275;
562
- }
563
- .bg-themed-palette-red-lighter {
564
- color: black;
565
- background-color: #edb1b2;
566
- }
567
- .bg-themed-palette-red-dark {
568
- color: white;
569
- background-color: #ab272a;
570
- }
571
- .bg-themed-palette-red-darker {
572
- color: white;
573
- background-color: #821d20;
574
- }
575
- .bg-themed-palette-red-complement {
576
- color: black;
577
- background-color: #34d1cd;
578
- }
579
- .bg-themed-palette-red-invert {
580
- color: black;
581
- background-color: #2ecbc7;
582
- }
583
- .bg-themed-palette-magenta {
584
- color: white;
585
- text-shadow: 0 0 0.125rem #810071;
586
- background-color: #b4009e;
587
- }
588
- .bg-themed-palette-magenta-light {
589
- color: white;
590
- background-color: #ff02e0;
591
- }
592
- .bg-themed-palette-magenta-lighter {
593
- color: black;
594
- background-color: #ff4ee9;
595
- }
596
- .bg-themed-palette-magenta-dark {
597
- color: white;
598
- background-color: #810071;
599
- }
600
- .bg-themed-palette-magenta-darker {
601
- color: white;
602
- background-color: #4e0044;
603
- }
604
- .bg-themed-palette-magenta-complement {
605
- color: white;
606
- background-color: #00b416;
607
- }
608
- .bg-themed-palette-magenta-invert {
609
- color: black;
610
- background-color: #4bff61;
611
- }
612
- .bg-themed-palette-purple {
613
- color: white;
614
- text-shadow: 0 0 0.125rem #43216a;
615
- background-color: #5c2d91;
616
- }
617
- .bg-themed-palette-purple-light {
618
- color: white;
619
- background-color: #8145c5;
620
- }
621
- .bg-themed-palette-purple-lighter {
622
- color: black;
623
- background-color: #a980d7;
624
- }
625
- .bg-themed-palette-purple-dark {
626
- color: white;
627
- background-color: #43216a;
628
- }
629
- .bg-themed-palette-purple-darker {
630
- color: white;
631
- background-color: #2b1543;
632
- }
633
- .bg-themed-palette-purple-complement {
634
- color: black;
635
- background-color: #62912d;
636
- }
637
- .bg-themed-palette-purple-invert {
638
- color: black;
639
- background-color: #a3d26e;
640
- }
641
- .bg-themed-palette-green {
642
- color: white;
643
- text-shadow: 0 0 0.125rem #0a4f0a;
644
- background-color: #107c10;
645
- }
646
- .bg-themed-palette-green-light {
647
- color: black;
648
- background-color: #19c019;
649
- }
650
- .bg-themed-palette-green-lighter {
651
- color: black;
652
- background-color: #3fe63f;
653
- }
654
- .bg-themed-palette-green-dark {
655
- color: white;
656
- background-color: #0a4f0a;
657
- }
658
- .bg-themed-palette-green-darker {
659
- color: white;
660
- background-color: #042204;
661
- }
662
- .bg-themed-palette-green-complement {
663
- color: white;
664
- background-color: #7c107c;
665
- }
666
- .bg-themed-palette-green-invert {
667
- color: black;
668
- background-color: #ef83ef;
669
- }
670
- .bg-themed-palette-teal {
671
- color: white;
672
- text-shadow: 0 0 0.125rem #004f45;
673
- background-color: #008272;
674
- }
675
- .bg-themed-palette-teal-light {
676
- color: black;
677
- background-color: #00cfb5;
678
- }
679
- .bg-themed-palette-teal-lighter {
680
- color: black;
681
- background-color: #1cffe3;
682
- }
683
- .bg-themed-palette-teal-dark {
684
- color: white;
685
- background-color: #004f45;
686
- }
687
- .bg-themed-palette-teal-darker {
688
- color: white;
689
- background-color: #001c19;
690
- }
691
- .bg-themed-palette-teal-complement {
692
- color: white;
693
- background-color: #820010;
694
- }
695
- .bg-themed-palette-teal-invert {
696
- color: black;
697
- background-color: #ff7d8d;
698
- }
699
- .bg-themed-palette-blue {
700
- color: white;
701
- text-shadow: 0 0 0.125rem #005ba1;
702
- background-color: #0078d4;
703
- }
704
- .bg-themed-palette-blue-light {
705
- color: white;
706
- background-color: #229fff;
707
- }
708
- .bg-themed-palette-blue-lighter {
709
- color: black;
710
- background-color: #6ec0ff;
711
- }
712
- .bg-themed-palette-blue-dark {
713
- color: white;
714
- background-color: #005ba1;
715
- }
716
- .bg-themed-palette-blue-darker {
717
- color: white;
718
- background-color: #003e6e;
719
- }
720
- .bg-themed-palette-blue-complement {
721
- color: black;
722
- background-color: #d45c00;
723
- }
724
- .bg-themed-palette-blue-invert {
725
- color: black;
726
- background-color: #ff872b;
727
- }
728
- .bg-themed-palette-dark {
729
- color: white;
730
- text-shadow: 0 0 0.125rem #191919;
731
- background-color: #323232;
732
- }
733
- .bg-themed-palette-dark-light {
734
- color: white;
735
- background-color: #585858;
736
- }
737
- .bg-themed-palette-dark-lighter {
738
- color: white;
739
- background-color: #7f7f7f;
740
- }
741
- .bg-themed-palette-dark-dark {
742
- color: white;
743
- background-color: #191919;
744
- }
745
- .bg-themed-palette-dark-darker {
746
- color: white;
747
- background-color: black;
748
- }
749
- .bg-themed-palette-dark-complement {
750
- color: white;
751
- background-color: #323232;
752
- }
753
- .bg-themed-palette-dark-invert {
754
- color: black;
755
- background-color: #cdcdcd;
756
- }
757
-
758
- /**
759
- bg-themed ?
760
- */
761
- .bg-themed-scheme-discrete {
762
- color: black;
763
- text-shadow: 0 0 0.125rem #b3b3b3;
764
- background-color: #ccc;
765
- }
766
- .bg-themed-scheme-success {
767
- color: white;
768
- text-shadow: 0 0 0.125rem #004d00;
769
- background-color: green;
770
- }
771
- .bg-themed-scheme-info {
772
- color: black;
773
- text-shadow: 0 0 0.125rem #ffd324;
774
- background-color: #ffdd57;
775
- }
776
- .bg-themed-scheme-warning {
777
- color: black;
778
- text-shadow: 0 0 0.125rem #b49104;
779
- background-color: #e6b905;
780
- }
781
- .bg-themed-scheme-alert {
782
- color: black;
783
- text-shadow: 0 0 0.125rem #cc5c00;
784
- background-color: #ff7300;
785
- }
786
- .bg-themed-scheme-error {
787
- color: white;
788
- text-shadow: 0 0 0.125rem #cc0000;
789
- background-color: red;
790
- }
791
-
792
- /**
793
- bg-themed ?
794
- */
795
- .bg-themed-grey-100 {
796
- color: black;
797
- text-shadow: 0 0 0.125rem #dbdbdb;
798
- background-color: #f4f4f4;
799
- }
800
- .bg-themed-grey-200 {
801
- color: black;
802
- text-shadow: 0 0 0.125rem #d0d0d0;
803
- background-color: #e9e9e9;
804
- }
805
- .bg-themed-grey-300 {
806
- color: black;
807
- text-shadow: 0 0 0.125rem #c4c4c4;
808
- background-color: #dddddd;
809
- }
810
- .bg-themed-grey-400 {
811
- color: black;
812
- text-shadow: 0 0 0.125rem #b9b9b9;
813
- background-color: #d2d2d2;
814
- }
815
- .bg-themed-grey-500 {
816
- color: black;
817
- text-shadow: 0 0 0.125rem #aeaeae;
818
- background-color: #c7c7c7;
819
- }
820
- .bg-themed-grey-600 {
821
- color: black;
822
- text-shadow: 0 0 0.125rem #a2a2a2;
823
- background-color: #bbbbbb;
824
- }
825
- .bg-themed-grey-700 {
826
- color: black;
827
- text-shadow: 0 0 0.125rem #979797;
828
- background-color: #b0b0b0;
829
- }
830
- .bg-themed-grey-800 {
831
- color: black;
832
- text-shadow: 0 0 0.125rem #8b8b8b;
833
- background-color: #a4a4a4;
834
- }
835
- .bg-themed-grey-900 {
836
- color: black;
837
- text-shadow: 0 0 0.125rem gray;
838
- background-color: #999999;
839
- }
840
-
841
- /**
842
- border-color ?
843
- */
844
- .border-color-palette-yellow {
845
- border-color: #cc9400 !important;
846
- }
847
- .border-color-palette-orange {
848
- border-color: #a52d01 !important;
849
- }
850
- .border-color-palette-red {
851
- border-color: #ab272a !important;
852
- }
853
- .border-color-palette-magenta {
854
- border-color: #810071 !important;
855
- }
856
- .border-color-palette-purple {
857
- border-color: #43216a !important;
858
- }
859
- .border-color-palette-green {
860
- border-color: #0a4f0a !important;
861
- }
862
- .border-color-palette-teal {
863
- border-color: #004f45 !important;
864
- }
865
- .border-color-palette-blue {
866
- border-color: #005ba1 !important;
867
- }
868
- .border-color-palette-dark {
869
- border-color: #191919 !important;
870
- }
871
-
872
- /**
873
- border-color ?
874
- */
875
- .border-color-scheme-discrete {
876
- border-color: #b3b3b3 !important;
877
- }
878
- .border-color-scheme-success {
879
- border-color: #004d00 !important;
880
- }
881
- .border-color-scheme-info {
882
- border-color: #ffd324 !important;
883
- }
884
- .border-color-scheme-warning {
885
- border-color: #b49104 !important;
886
- }
887
- .border-color-scheme-alert {
888
- border-color: #cc5c00 !important;
889
- }
890
- .border-color-scheme-error {
891
- border-color: #cc0000 !important;
892
- }
893
-
894
- /**
895
- border-color ?
896
- */
897
- .border-color-grey-100 {
898
- border-color: #dbdbdb !important;
899
- }
900
- .border-color-grey-200 {
901
- border-color: #d0d0d0 !important;
902
- }
903
- .border-color-grey-300 {
904
- border-color: #c4c4c4 !important;
905
- }
906
- .border-color-grey-400 {
907
- border-color: #b9b9b9 !important;
908
- }
909
- .border-color-grey-500 {
910
- border-color: #aeaeae !important;
911
- }
912
- .border-color-grey-600 {
913
- border-color: #a2a2a2 !important;
914
- }
915
- .border-color-grey-700 {
916
- border-color: #979797 !important;
917
- }
918
- .border-color-grey-800 {
919
- border-color: #8b8b8b !important;
920
- }
921
- .border-color-grey-900 {
922
- border-color: gray !important;
923
- }