@medyll/cssfabric 0.0.12 → 0.0.14

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 (44) hide show
  1. package/.idea/cssfabric.iml +1 -4
  2. package/lib/scripts/index.d.ts +2 -0
  3. package/lib/scripts/index.js +6 -0
  4. package/lib/styles/core/animation/animation.css +215 -0
  5. package/lib/styles/core/animation/animation.min.css +1 -0
  6. package/lib/styles/core/overflow/overflow.css +83 -59
  7. package/lib/styles/core/overflow/overflow.min.css +1 -1
  8. package/lib/styles/core/overflow/overflow.responsive.css +486 -366
  9. package/lib/styles/core/table/table.css +70 -71
  10. package/lib/styles/core/vars.css +11 -11
  11. package/lib/styles/core/vars.min.css +1 -1
  12. package/lib/styles/core/zindex/zindex.css +348 -278
  13. package/lib/styles/cssfabric.css +20 -20
  14. package/lib/styles/cssfabric.min.css +1 -1
  15. package/package.json +3 -3
  16. package/src/_generated/export.variables.json +3 -3
  17. package/src/_generated/readme.md +0 -0
  18. package/src/cssfabric/_utils.scss +3 -15
  19. package/src/cssfabric/modules/_cssfabric-config.scss +9 -7
  20. package/src/cssfabric/modules/base/_base-vars.scss +4 -2
  21. package/src/cssfabric/modules/box/box-responsive.scss +1 -1
  22. package/src/cssfabric/modules/color/color-responsive.scss +1 -1
  23. package/src/cssfabric/modules/color/color.scss +8 -2
  24. package/src/cssfabric/modules/grid/grid-responsive.scss +1 -1
  25. package/src/cssfabric/modules/grid/grid.scss +4 -1
  26. package/src/cssfabric/modules/menu/menu-responsive.scss +1 -1
  27. package/src/cssfabric/modules/menu/menu.scss +5 -2
  28. package/src/cssfabric/modules/overflow/overflow-responsive.scss +1 -1
  29. package/src/cssfabric/modules/overflow/overflow.scss +2 -0
  30. package/src/cssfabric/modules/scale/scale-responsive.scss +1 -1
  31. package/src/cssfabric/modules/scale/scale.scss +5 -0
  32. package/src/cssfabric/modules/table/table-responsive.scss +1 -1
  33. package/src/cssfabric/modules/table/table.scss +7 -2
  34. package/src/cssfabric/modules/text/text-responsive.scss +1 -1
  35. package/src/cssfabric/modules/text/text.scss +3 -2
  36. package/src/cssfabric/modules/theme/_theme-build.scss +4 -7
  37. package/src/cssfabric/modules/theme/_theme-vars.scss +11 -3
  38. package/src/cssfabric/modules/theme/theme.scss +2 -1
  39. package/src/cssfabric/modules/vars.scss +1 -2
  40. package/src/cssfabric/modules/zindex/zindex.scss +1 -0
  41. package/src/scripts/index.d.ts +2 -0
  42. package/src/scripts/index.ts +8 -0
  43. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  44. package/src/cssfabric/modules/animation/_animation-build.scss +0 -121
package/lib/styles/core/zindex/zindex.css CHANGED
@@ -1,279 +1,349 @@
1
- .zI-a-0 {
2
- z-index: 110;
3
- }
4
-
5
- .zI-a-1 {
6
- z-index: 120;
7
- }
8
-
9
- .zI-a-2 {
10
- z-index: 130;
11
- }
12
-
13
- .zI-a-3 {
14
- z-index: 140;
15
- }
16
-
17
- .zI-a-4 {
18
- z-index: 150;
19
- }
20
-
21
- .zI-a-5 {
22
- z-index: 160;
23
- }
24
-
25
- .zI-a-6 {
26
- z-index: 170;
27
- }
28
-
29
- .zI-a-7 {
30
- z-index: 180;
31
- }
32
-
33
- .zI-a-8 {
34
- z-index: 190;
35
- }
36
-
37
- .zI-a-9 {
38
- z-index: 200;
39
- }
40
-
41
- .zI-b-0 {
42
- z-index: 210;
43
- }
44
-
45
- .zI-b-1 {
46
- z-index: 220;
47
- }
48
-
49
- .zI-b-2 {
50
- z-index: 230;
51
- }
52
-
53
- .zI-b-3 {
54
- z-index: 240;
55
- }
56
-
57
- .zI-b-4 {
58
- z-index: 250;
59
- }
60
-
61
- .zI-b-5 {
62
- z-index: 260;
63
- }
64
-
65
- .zI-b-6 {
66
- z-index: 270;
67
- }
68
-
69
- .zI-b-7 {
70
- z-index: 280;
71
- }
72
-
73
- .zI-b-8 {
74
- z-index: 290;
75
- }
76
-
77
- .zI-b-9 {
78
- z-index: 300;
79
- }
80
-
81
- .zI-c-0 {
82
- z-index: 310;
83
- }
84
-
85
- .zI-c-1 {
86
- z-index: 320;
87
- }
88
-
89
- .zI-c-2 {
90
- z-index: 330;
91
- }
92
-
93
- .zI-c-3 {
94
- z-index: 340;
95
- }
96
-
97
- .zI-c-4 {
98
- z-index: 350;
99
- }
100
-
101
- .zI-c-5 {
102
- z-index: 360;
103
- }
104
-
105
- .zI-c-6 {
106
- z-index: 370;
107
- }
108
-
109
- .zI-c-7 {
110
- z-index: 380;
111
- }
112
-
113
- .zI-c-8 {
114
- z-index: 390;
115
- }
116
-
117
- .zI-c-9 {
118
- z-index: 400;
119
- }
120
-
121
- .zI-d-0 {
122
- z-index: 410;
123
- }
124
-
125
- .zI-d-1 {
126
- z-index: 420;
127
- }
128
-
129
- .zI-d-2 {
130
- z-index: 430;
131
- }
132
-
133
- .zI-d-3 {
134
- z-index: 440;
135
- }
136
-
137
- .zI-d-4 {
138
- z-index: 450;
139
- }
140
-
141
- .zI-d-5 {
142
- z-index: 460;
143
- }
144
-
145
- .zI-d-6 {
146
- z-index: 470;
147
- }
148
-
149
- .zI-d-7 {
150
- z-index: 480;
151
- }
152
-
153
- .zI-d-8 {
154
- z-index: 490;
155
- }
156
-
157
- .zI-d-9 {
158
- z-index: 500;
159
- }
160
-
161
- .zI-e-0 {
162
- z-index: 510;
163
- }
164
-
165
- .zI-e-1 {
166
- z-index: 520;
167
- }
168
-
169
- .zI-e-2 {
170
- z-index: 530;
171
- }
172
-
173
- .zI-e-3 {
174
- z-index: 540;
175
- }
176
-
177
- .zI-e-4 {
178
- z-index: 550;
179
- }
180
-
181
- .zI-e-5 {
182
- z-index: 560;
183
- }
184
-
185
- .zI-e-6 {
186
- z-index: 570;
187
- }
188
-
189
- .zI-e-7 {
190
- z-index: 580;
191
- }
192
-
193
- .zI-e-8 {
194
- z-index: 590;
195
- }
196
-
197
- .zI-e-9 {
198
- z-index: 600;
199
- }
200
-
201
- .zI-f-0 {
202
- z-index: 610;
203
- }
204
-
205
- .zI-f-1 {
206
- z-index: 620;
207
- }
208
-
209
- .zI-f-2 {
210
- z-index: 630;
211
- }
212
-
213
- .zI-f-3 {
214
- z-index: 640;
215
- }
216
-
217
- .zI-f-4 {
218
- z-index: 650;
219
- }
220
-
221
- .zI-f-5 {
222
- z-index: 660;
223
- }
224
-
225
- .zI-f-6 {
226
- z-index: 670;
227
- }
228
-
229
- .zI-f-7 {
230
- z-index: 680;
231
- }
232
-
233
- .zI-f-8 {
234
- z-index: 690;
235
- }
236
-
237
- .zI-f-9 {
238
- z-index: 700;
239
- }
240
-
241
- .zI-g-0 {
242
- z-index: 710;
243
- }
244
-
245
- .zI-g-1 {
246
- z-index: 720;
247
- }
248
-
249
- .zI-g-2 {
250
- z-index: 730;
251
- }
252
-
253
- .zI-g-3 {
254
- z-index: 740;
255
- }
256
-
257
- .zI-g-4 {
258
- z-index: 750;
259
- }
260
-
261
- .zI-g-5 {
262
- z-index: 760;
263
- }
264
-
265
- .zI-g-6 {
266
- z-index: 770;
267
- }
268
-
269
- .zI-g-7 {
270
- z-index: 780;
271
- }
272
-
273
- .zI-g-8 {
274
- z-index: 790;
275
- }
276
-
277
- .zI-g-9 {
278
- z-index: 800;
1
+ .zI-a-0 {
2
+ /* set zIndex value */
3
+ z-index: 110;
4
+ }
5
+
6
+ .zI-a-1 {
7
+ /* set zIndex value */
8
+ z-index: 120;
9
+ }
10
+
11
+ .zI-a-2 {
12
+ /* set zIndex value */
13
+ z-index: 130;
14
+ }
15
+
16
+ .zI-a-3 {
17
+ /* set zIndex value */
18
+ z-index: 140;
19
+ }
20
+
21
+ .zI-a-4 {
22
+ /* set zIndex value */
23
+ z-index: 150;
24
+ }
25
+
26
+ .zI-a-5 {
27
+ /* set zIndex value */
28
+ z-index: 160;
29
+ }
30
+
31
+ .zI-a-6 {
32
+ /* set zIndex value */
33
+ z-index: 170;
34
+ }
35
+
36
+ .zI-a-7 {
37
+ /* set zIndex value */
38
+ z-index: 180;
39
+ }
40
+
41
+ .zI-a-8 {
42
+ /* set zIndex value */
43
+ z-index: 190;
44
+ }
45
+
46
+ .zI-a-9 {
47
+ /* set zIndex value */
48
+ z-index: 200;
49
+ }
50
+
51
+ .zI-b-0 {
52
+ /* set zIndex value */
53
+ z-index: 210;
54
+ }
55
+
56
+ .zI-b-1 {
57
+ /* set zIndex value */
58
+ z-index: 220;
59
+ }
60
+
61
+ .zI-b-2 {
62
+ /* set zIndex value */
63
+ z-index: 230;
64
+ }
65
+
66
+ .zI-b-3 {
67
+ /* set zIndex value */
68
+ z-index: 240;
69
+ }
70
+
71
+ .zI-b-4 {
72
+ /* set zIndex value */
73
+ z-index: 250;
74
+ }
75
+
76
+ .zI-b-5 {
77
+ /* set zIndex value */
78
+ z-index: 260;
79
+ }
80
+
81
+ .zI-b-6 {
82
+ /* set zIndex value */
83
+ z-index: 270;
84
+ }
85
+
86
+ .zI-b-7 {
87
+ /* set zIndex value */
88
+ z-index: 280;
89
+ }
90
+
91
+ .zI-b-8 {
92
+ /* set zIndex value */
93
+ z-index: 290;
94
+ }
95
+
96
+ .zI-b-9 {
97
+ /* set zIndex value */
98
+ z-index: 300;
99
+ }
100
+
101
+ .zI-c-0 {
102
+ /* set zIndex value */
103
+ z-index: 310;
104
+ }
105
+
106
+ .zI-c-1 {
107
+ /* set zIndex value */
108
+ z-index: 320;
109
+ }
110
+
111
+ .zI-c-2 {
112
+ /* set zIndex value */
113
+ z-index: 330;
114
+ }
115
+
116
+ .zI-c-3 {
117
+ /* set zIndex value */
118
+ z-index: 340;
119
+ }
120
+
121
+ .zI-c-4 {
122
+ /* set zIndex value */
123
+ z-index: 350;
124
+ }
125
+
126
+ .zI-c-5 {
127
+ /* set zIndex value */
128
+ z-index: 360;
129
+ }
130
+
131
+ .zI-c-6 {
132
+ /* set zIndex value */
133
+ z-index: 370;
134
+ }
135
+
136
+ .zI-c-7 {
137
+ /* set zIndex value */
138
+ z-index: 380;
139
+ }
140
+
141
+ .zI-c-8 {
142
+ /* set zIndex value */
143
+ z-index: 390;
144
+ }
145
+
146
+ .zI-c-9 {
147
+ /* set zIndex value */
148
+ z-index: 400;
149
+ }
150
+
151
+ .zI-d-0 {
152
+ /* set zIndex value */
153
+ z-index: 410;
154
+ }
155
+
156
+ .zI-d-1 {
157
+ /* set zIndex value */
158
+ z-index: 420;
159
+ }
160
+
161
+ .zI-d-2 {
162
+ /* set zIndex value */
163
+ z-index: 430;
164
+ }
165
+
166
+ .zI-d-3 {
167
+ /* set zIndex value */
168
+ z-index: 440;
169
+ }
170
+
171
+ .zI-d-4 {
172
+ /* set zIndex value */
173
+ z-index: 450;
174
+ }
175
+
176
+ .zI-d-5 {
177
+ /* set zIndex value */
178
+ z-index: 460;
179
+ }
180
+
181
+ .zI-d-6 {
182
+ /* set zIndex value */
183
+ z-index: 470;
184
+ }
185
+
186
+ .zI-d-7 {
187
+ /* set zIndex value */
188
+ z-index: 480;
189
+ }
190
+
191
+ .zI-d-8 {
192
+ /* set zIndex value */
193
+ z-index: 490;
194
+ }
195
+
196
+ .zI-d-9 {
197
+ /* set zIndex value */
198
+ z-index: 500;
199
+ }
200
+
201
+ .zI-e-0 {
202
+ /* set zIndex value */
203
+ z-index: 510;
204
+ }
205
+
206
+ .zI-e-1 {
207
+ /* set zIndex value */
208
+ z-index: 520;
209
+ }
210
+
211
+ .zI-e-2 {
212
+ /* set zIndex value */
213
+ z-index: 530;
214
+ }
215
+
216
+ .zI-e-3 {
217
+ /* set zIndex value */
218
+ z-index: 540;
219
+ }
220
+
221
+ .zI-e-4 {
222
+ /* set zIndex value */
223
+ z-index: 550;
224
+ }
225
+
226
+ .zI-e-5 {
227
+ /* set zIndex value */
228
+ z-index: 560;
229
+ }
230
+
231
+ .zI-e-6 {
232
+ /* set zIndex value */
233
+ z-index: 570;
234
+ }
235
+
236
+ .zI-e-7 {
237
+ /* set zIndex value */
238
+ z-index: 580;
239
+ }
240
+
241
+ .zI-e-8 {
242
+ /* set zIndex value */
243
+ z-index: 590;
244
+ }
245
+
246
+ .zI-e-9 {
247
+ /* set zIndex value */
248
+ z-index: 600;
249
+ }
250
+
251
+ .zI-f-0 {
252
+ /* set zIndex value */
253
+ z-index: 610;
254
+ }
255
+
256
+ .zI-f-1 {
257
+ /* set zIndex value */
258
+ z-index: 620;
259
+ }
260
+
261
+ .zI-f-2 {
262
+ /* set zIndex value */
263
+ z-index: 630;
264
+ }
265
+
266
+ .zI-f-3 {
267
+ /* set zIndex value */
268
+ z-index: 640;
269
+ }
270
+
271
+ .zI-f-4 {
272
+ /* set zIndex value */
273
+ z-index: 650;
274
+ }
275
+
276
+ .zI-f-5 {
277
+ /* set zIndex value */
278
+ z-index: 660;
279
+ }
280
+
281
+ .zI-f-6 {
282
+ /* set zIndex value */
283
+ z-index: 670;
284
+ }
285
+
286
+ .zI-f-7 {
287
+ /* set zIndex value */
288
+ z-index: 680;
289
+ }
290
+
291
+ .zI-f-8 {
292
+ /* set zIndex value */
293
+ z-index: 690;
294
+ }
295
+
296
+ .zI-f-9 {
297
+ /* set zIndex value */
298
+ z-index: 700;
299
+ }
300
+
301
+ .zI-g-0 {
302
+ /* set zIndex value */
303
+ z-index: 710;
304
+ }
305
+
306
+ .zI-g-1 {
307
+ /* set zIndex value */
308
+ z-index: 720;
309
+ }
310
+
311
+ .zI-g-2 {
312
+ /* set zIndex value */
313
+ z-index: 730;
314
+ }
315
+
316
+ .zI-g-3 {
317
+ /* set zIndex value */
318
+ z-index: 740;
319
+ }
320
+
321
+ .zI-g-4 {
322
+ /* set zIndex value */
323
+ z-index: 750;
324
+ }
325
+
326
+ .zI-g-5 {
327
+ /* set zIndex value */
328
+ z-index: 760;
329
+ }
330
+
331
+ .zI-g-6 {
332
+ /* set zIndex value */
333
+ z-index: 770;
334
+ }
335
+
336
+ .zI-g-7 {
337
+ /* set zIndex value */
338
+ z-index: 780;
339
+ }
340
+
341
+ .zI-g-8 {
342
+ /* set zIndex value */
343
+ z-index: 790;
344
+ }
345
+
346
+ .zI-g-9 {
347
+ /* set zIndex value */
348
+ z-index: 800;
279
349
  }
package/lib/styles/cssfabric.css CHANGED
@@ -2275,27 +2275,27 @@
2275
2275
  --theme-color-primary-alpha-mid: rgba(2, 136, 209, 0.3);
2276
2276
  --theme-color-primary-alpha-high: rgba(2, 136, 209, 0.1);
2277
2277
  /* theme secondary colors*/
2278
- --theme-color-secondary: #d14b02;
2279
- --theme-color-secondary-light: #fd7023;
2280
- --theme-color-secondary-lighter: #fea16e;
2281
- --theme-color-secondary-dark: #9e3902;
2282
- --theme-color-secondary-darker: #6c2701;
2283
- --theme-color-secondary-complement: #0288d1;
2284
- --theme-color-secondary-invert: #2eb4fd;
2285
- --theme-color-secondary-alpha-low: rgba(209, 75, 2, 0.8);
2286
- --theme-color-secondary-alpha-mid: rgba(209, 75, 2, 0.3);
2287
- --theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
2278
+ --theme-color-secondary: #0288d1;
2279
+ --theme-color-secondary-light: #23b0fd;
2280
+ --theme-color-secondary-lighter: #6ecbfe;
2281
+ --theme-color-secondary-dark: #02679e;
2282
+ --theme-color-secondary-darker: #01466c;
2283
+ --theme-color-secondary-complement: #d14b02;
2284
+ --theme-color-secondary-invert: #fd772e;
2285
+ --theme-color-secondary-alpha-low: rgba(2, 136, 209, 0.8);
2286
+ --theme-color-secondary-alpha-mid: rgba(2, 136, 209, 0.3);
2287
+ --theme-color-secondary-alpha-high: rgba(2, 136, 209, 0.1);
2288
2288
  /* theme tertiary colors*/
2289
- --theme-color-tertiary: #2eb4fd;
2290
- --theme-color-tertiary-light: #7acffe;
2291
- --theme-color-tertiary-lighter: #c6eafe;
2292
- --theme-color-tertiary-dark: #02a0f6;
2293
- --theme-color-tertiary-darker: #027fc3;
2294
- --theme-color-tertiary-complement: #fd772e;
2295
- --theme-color-tertiary-invert: #d14b02;
2296
- --theme-color-tertiary-alpha-low: rgba(46, 180, 253, 0.8);
2297
- --theme-color-tertiary-alpha-mid: rgba(46, 180, 253, 0.3);
2298
- --theme-color-tertiary-alpha-high: rgba(46, 180, 253, 0.1);
2289
+ --theme-color-tertiary: #0288d1;
2290
+ --theme-color-tertiary-light: #23b0fd;
2291
+ --theme-color-tertiary-lighter: #6ecbfe;
2292
+ --theme-color-tertiary-dark: #02679e;
2293
+ --theme-color-tertiary-darker: #01466c;
2294
+ --theme-color-tertiary-complement: #d14b02;
2295
+ --theme-color-tertiary-invert: #fd772e;
2296
+ --theme-color-tertiary-alpha-low: rgba(2, 136, 209, 0.8);
2297
+ --theme-color-tertiary-alpha-mid: rgba(2, 136, 209, 0.3);
2298
+ --theme-color-tertiary-alpha-high: rgba(2, 136, 209, 0.1);
2299
2299
  --theme-color-foreground: #282230;
2300
2300
  --theme-color-text: #282230;
2301
2301
  --theme-color-background: #f1f1f1;