@medyll/cssfabric 0.2.1-beta.1 → 0.2.1-beta.2

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 (118) hide show
  1. package/dist/css/base/base.css +47 -0
  2. package/dist/css/base/base.min.css +1 -0
  3. package/dist/{styles → css}/box/box.css +1494 -1494
  4. package/dist/{styles → css}/box/box.responsive.css +7034 -7034
  5. package/dist/{styles → css}/color/color.css +1564 -1564
  6. package/dist/{styles → css}/color/color.responsive.css +7779 -7779
  7. package/dist/{styles → css}/cssfabric.css +5145 -5306
  8. package/dist/css/cssfabric.min.css +4877 -0
  9. package/dist/{styles → css}/cssfabric.responsive.css +20400 -20400
  10. package/dist/{styles → css}/flex/flex.css +123 -123
  11. package/dist/{styles → css}/flex/flex.responsive.css +579 -579
  12. package/dist/{styles → css}/grid/grid.css +118 -118
  13. package/dist/{styles → css}/grid/grid.responsive.css +499 -499
  14. package/dist/{styles → css}/menu/menu.css +100 -100
  15. package/dist/{styles → css}/menu/menu.responsive.css +442 -442
  16. package/dist/{styles → css}/overflow/overflow.css +59 -59
  17. package/dist/{styles → css}/overflow/overflow.responsive.css +235 -235
  18. package/dist/{styles → css}/scale/scale.css +718 -718
  19. package/dist/{styles → css}/scale/scale.responsive.css +3249 -3249
  20. package/dist/{styles → css}/table/table.css +71 -71
  21. package/dist/{styles → css}/table/table.responsive.css +369 -369
  22. package/dist/{styles → css}/text/text.css +150 -150
  23. package/dist/{styles → css}/text/text.responsive.css +214 -214
  24. package/dist/{styles → css}/theme/theme.css +245 -245
  25. package/dist/{styles → css}/vars.css +410 -410
  26. package/dist/{styles → css}/zindex/zindex.css +42 -42
  27. package/dist/cssf/cssfLib.d.ts +5 -5
  28. package/dist/cssf/index.d.ts +6 -4
  29. package/dist/cssf/index.js +7 -4
  30. package/dist/{_generated → generated}/cssFabric.vars.json +12 -12
  31. package/dist/{_generated → generated}/cssFabric.vars.md +268 -268
  32. package/dist/index.d.ts +118 -1
  33. package/dist/index.js +119 -2
  34. package/dist/scripts/cssfabric.d.ts +6 -6
  35. package/dist/scripts/cssfabric.js +9 -9
  36. package/dist/scss/_utils.scss +203 -0
  37. package/dist/scss/index.d.ts +3 -0
  38. package/dist/scss/modules/_cssfabric-config.scss +178 -0
  39. package/dist/scss/modules/_mixins.scss +1 -0
  40. package/dist/scss/modules/animation/_animation-vars.scss +17 -0
  41. package/dist/scss/modules/animation/animation.scss +3 -0
  42. package/dist/scss/modules/base/_base-vars.scss +19 -0
  43. package/dist/scss/modules/base/base.scss +58 -0
  44. package/dist/scss/modules/box/_box-build.scss +305 -0
  45. package/dist/scss/modules/box/_box-vars.scss +121 -0
  46. package/dist/scss/modules/box/box-responsive.scss +18 -0
  47. package/dist/scss/modules/box/box.scss +3 -0
  48. package/dist/scss/modules/color/_color-build.scss +196 -0
  49. package/dist/scss/modules/color/_color-vars.scss +80 -0
  50. package/dist/scss/modules/color/color-responsive.scss +23 -0
  51. package/dist/scss/modules/color/color.scss +9 -0
  52. package/dist/scss/modules/css-fabric.scss +1 -0
  53. package/dist/scss/modules/flex/_flex-build.scss +150 -0
  54. package/dist/scss/modules/flex/_flex-vars.scss +84 -0
  55. package/dist/scss/modules/flex/flex-responsive.scss +25 -0
  56. package/dist/scss/modules/flex/flex.scss +3 -0
  57. package/dist/scss/modules/grid/_grid-build.scss +87 -0
  58. package/dist/scss/modules/grid/_grid-vars.scss +88 -0
  59. package/dist/scss/modules/grid/grid-responsive.scss +25 -0
  60. package/dist/scss/modules/grid/grid.scss +6 -0
  61. package/dist/scss/modules/menu/_menu-build.scss +120 -0
  62. package/dist/scss/modules/menu/_menu-vars.scss +29 -0
  63. package/dist/scss/modules/menu/menu-responsive.scss +19 -0
  64. package/dist/scss/modules/menu/menu.scss +6 -0
  65. package/dist/scss/modules/overflow/_overflow-build.scss +22 -0
  66. package/dist/scss/modules/overflow/_overflow-vars.scss +31 -0
  67. package/dist/scss/modules/overflow/overflow-responsive.scss +25 -0
  68. package/dist/scss/modules/overflow/overflow.scss +7 -0
  69. package/dist/scss/modules/scale/_scale-build.scss +142 -0
  70. package/dist/scss/modules/scale/_scale-vars.scss +84 -0
  71. package/dist/scss/modules/scale/scale-responsive.scss +23 -0
  72. package/dist/scss/modules/scale/scale.scss +8 -0
  73. package/dist/scss/modules/table/_table-build.scss +134 -0
  74. package/dist/scss/modules/table/_table-vars.scss +30 -0
  75. package/dist/scss/modules/table/table-responsive.scss +24 -0
  76. package/dist/scss/modules/table/table.scss +8 -0
  77. package/dist/scss/modules/text/_text-build.scss +166 -0
  78. package/dist/scss/modules/text/_text-vars.scss +87 -0
  79. package/dist/scss/modules/text/text-responsive.scss +26 -0
  80. package/dist/scss/modules/text/text.scss +6 -0
  81. package/dist/scss/modules/theme/_theme-build.scss +128 -0
  82. package/dist/scss/modules/theme/_theme-vars.scss +46 -0
  83. package/dist/scss/modules/theme/theme.scss +6 -0
  84. package/dist/scss/modules/vars.scss +46 -0
  85. package/dist/scss/modules/zindex/_zindex-vars.scss +14 -0
  86. package/dist/scss/modules/zindex/zindex.scss +15 -0
  87. package/package.json +6 -4
  88. package/dist/_generated/export.variables.md +0 -240
  89. package/dist/_generated/readme.md +0 -0
  90. package/dist/init/importCssVars.d.ts +0 -1
  91. package/dist/init/importCssVars.js +0 -2
  92. package/dist/styles/base/base.css +0 -208
  93. package/dist/styles/base/base.min.css +0 -1
  94. package/dist/styles/cssfabric.min.css +0 -1
  95. /package/dist/{styles → css}/animation/animation.css +0 -0
  96. /package/dist/{styles → css}/animation/animation.min.css +0 -0
  97. /package/dist/{styles → css}/box/box.min.css +0 -0
  98. /package/dist/{styles → css}/box/box.responsive.min.css +0 -0
  99. /package/dist/{styles → css}/color/color.min.css +0 -0
  100. /package/dist/{styles → css}/color/color.responsive.min.css +0 -0
  101. /package/dist/{styles → css}/cssfabric.responsive.min.css +0 -0
  102. /package/dist/{styles → css}/flex/flex.min.css +0 -0
  103. /package/dist/{styles → css}/flex/flex.responsive.min.css +0 -0
  104. /package/dist/{styles → css}/grid/grid.min.css +0 -0
  105. /package/dist/{styles → css}/grid/grid.responsive.min.css +0 -0
  106. /package/dist/{styles → css}/menu/menu.min.css +0 -0
  107. /package/dist/{styles → css}/menu/menu.responsive.min.css +0 -0
  108. /package/dist/{styles → css}/overflow/overflow.min.css +0 -0
  109. /package/dist/{styles → css}/overflow/overflow.responsive.min.css +0 -0
  110. /package/dist/{styles → css}/scale/scale.min.css +0 -0
  111. /package/dist/{styles → css}/scale/scale.responsive.min.css +0 -0
  112. /package/dist/{styles → css}/table/table.min.css +0 -0
  113. /package/dist/{styles → css}/table/table.responsive.min.css +0 -0
  114. /package/dist/{styles → css}/text/text.min.css +0 -0
  115. /package/dist/{styles → css}/text/text.responsive.min.css +0 -0
  116. /package/dist/{styles → css}/theme/theme.min.css +0 -0
  117. /package/dist/{styles → css}/vars.min.css +0 -0
  118. /package/dist/{styles → css}/zindex/zindex.min.css +0 -0
@@ -1,62 +1,62 @@
1
1
 
2
2
  /**---------------------overflow.css---------------------*/
3
- /* css overflow rules */
4
- .overflow-visible {
5
- overflow: visible;
6
- }
7
-
8
- .overflow-hidden {
9
- overflow: hidden;
10
- }
11
-
12
- .overflow-clip {
13
- overflow: clip;
14
- }
15
-
16
- .overflow-scroll {
17
- overflow: scroll;
18
- }
19
-
20
- .overflow-auto {
21
- overflow: auto;
22
- }
23
-
24
- .overflow-x-visible {
25
- overflow: visible;
26
- }
27
-
28
- .overflow-x-hidden {
29
- overflow: hidden;
30
- }
31
-
32
- .overflow-x-clip {
33
- overflow: clip;
34
- }
35
-
36
- .overflow-x-scroll {
37
- overflow: scroll;
38
- }
39
-
40
- .overflow-x-auto {
41
- overflow: auto;
42
- }
43
-
44
- .overflow-y-visible {
45
- overflow: visible;
46
- }
47
-
48
- .overflow-y-hidden {
49
- overflow: hidden;
50
- }
51
-
52
- .overflow-y-clip {
53
- overflow: clip;
54
- }
55
-
56
- .overflow-y-scroll {
57
- overflow: scroll;
58
- }
59
-
60
- .overflow-y-auto {
61
- overflow: auto;
3
+ /* css overflow rules */
4
+ .overflow-visible {
5
+ overflow: visible;
6
+ }
7
+
8
+ .overflow-hidden {
9
+ overflow: hidden;
10
+ }
11
+
12
+ .overflow-clip {
13
+ overflow: clip;
14
+ }
15
+
16
+ .overflow-scroll {
17
+ overflow: scroll;
18
+ }
19
+
20
+ .overflow-auto {
21
+ overflow: auto;
22
+ }
23
+
24
+ .overflow-x-visible {
25
+ overflow: visible;
26
+ }
27
+
28
+ .overflow-x-hidden {
29
+ overflow: hidden;
30
+ }
31
+
32
+ .overflow-x-clip {
33
+ overflow: clip;
34
+ }
35
+
36
+ .overflow-x-scroll {
37
+ overflow: scroll;
38
+ }
39
+
40
+ .overflow-x-auto {
41
+ overflow: auto;
42
+ }
43
+
44
+ .overflow-y-visible {
45
+ overflow: visible;
46
+ }
47
+
48
+ .overflow-y-hidden {
49
+ overflow: hidden;
50
+ }
51
+
52
+ .overflow-y-clip {
53
+ overflow: clip;
54
+ }
55
+
56
+ .overflow-y-scroll {
57
+ overflow: scroll;
58
+ }
59
+
60
+ .overflow-y-auto {
61
+ overflow: auto;
62
62
  }
@@ -1,238 +1,238 @@
1
1
 
2
2
  /**---------------------overflow.responsive.css---------------------*/
3
- /* css overflow rules */
4
- @media only screen and (min-width: 640px) {
5
- .overflow-sm-visible {
6
- overflow: visible;
7
- }
8
- .overflow-sm-hidden {
9
- overflow: hidden;
10
- }
11
- .overflow-sm-clip {
12
- overflow: clip;
13
- }
14
- .overflow-sm-scroll {
15
- overflow: scroll;
16
- }
17
- .overflow-sm-auto {
18
- overflow: auto;
19
- }
20
- .overflow-x-sm-visible {
21
- overflow: visible;
22
- }
23
- .overflow-x-sm-hidden {
24
- overflow: hidden;
25
- }
26
- .overflow-x-sm-clip {
27
- overflow: clip;
28
- }
29
- .overflow-x-sm-scroll {
30
- overflow: scroll;
31
- }
32
- .overflow-x-sm-auto {
33
- overflow: auto;
34
- }
35
- .overflow-y-sm-visible {
36
- overflow: visible;
37
- }
38
- .overflow-y-sm-hidden {
39
- overflow: hidden;
40
- }
41
- .overflow-y-sm-clip {
42
- overflow: clip;
43
- }
44
- .overflow-y-sm-scroll {
45
- overflow: scroll;
46
- }
47
- .overflow-y-sm-auto {
48
- overflow: auto;
49
- }
50
- }
51
- @media only screen and (min-width: 768px) {
52
- .overflow-md-visible {
53
- overflow: visible;
54
- }
55
- .overflow-md-hidden {
56
- overflow: hidden;
57
- }
58
- .overflow-md-clip {
59
- overflow: clip;
60
- }
61
- .overflow-md-scroll {
62
- overflow: scroll;
63
- }
64
- .overflow-md-auto {
65
- overflow: auto;
66
- }
67
- .overflow-x-md-visible {
68
- overflow: visible;
69
- }
70
- .overflow-x-md-hidden {
71
- overflow: hidden;
72
- }
73
- .overflow-x-md-clip {
74
- overflow: clip;
75
- }
76
- .overflow-x-md-scroll {
77
- overflow: scroll;
78
- }
79
- .overflow-x-md-auto {
80
- overflow: auto;
81
- }
82
- .overflow-y-md-visible {
83
- overflow: visible;
84
- }
85
- .overflow-y-md-hidden {
86
- overflow: hidden;
87
- }
88
- .overflow-y-md-clip {
89
- overflow: clip;
90
- }
91
- .overflow-y-md-scroll {
92
- overflow: scroll;
93
- }
94
- .overflow-y-md-auto {
95
- overflow: auto;
96
- }
97
- }
98
- @media only screen and (min-width: 1024px) {
99
- .overflow-lg-visible {
100
- overflow: visible;
101
- }
102
- .overflow-lg-hidden {
103
- overflow: hidden;
104
- }
105
- .overflow-lg-clip {
106
- overflow: clip;
107
- }
108
- .overflow-lg-scroll {
109
- overflow: scroll;
110
- }
111
- .overflow-lg-auto {
112
- overflow: auto;
113
- }
114
- .overflow-x-lg-visible {
115
- overflow: visible;
116
- }
117
- .overflow-x-lg-hidden {
118
- overflow: hidden;
119
- }
120
- .overflow-x-lg-clip {
121
- overflow: clip;
122
- }
123
- .overflow-x-lg-scroll {
124
- overflow: scroll;
125
- }
126
- .overflow-x-lg-auto {
127
- overflow: auto;
128
- }
129
- .overflow-y-lg-visible {
130
- overflow: visible;
131
- }
132
- .overflow-y-lg-hidden {
133
- overflow: hidden;
134
- }
135
- .overflow-y-lg-clip {
136
- overflow: clip;
137
- }
138
- .overflow-y-lg-scroll {
139
- overflow: scroll;
140
- }
141
- .overflow-y-lg-auto {
142
- overflow: auto;
143
- }
144
- }
145
- @media only screen and (min-width: 1280px) {
146
- .overflow-xl-visible {
147
- overflow: visible;
148
- }
149
- .overflow-xl-hidden {
150
- overflow: hidden;
151
- }
152
- .overflow-xl-clip {
153
- overflow: clip;
154
- }
155
- .overflow-xl-scroll {
156
- overflow: scroll;
157
- }
158
- .overflow-xl-auto {
159
- overflow: auto;
160
- }
161
- .overflow-x-xl-visible {
162
- overflow: visible;
163
- }
164
- .overflow-x-xl-hidden {
165
- overflow: hidden;
166
- }
167
- .overflow-x-xl-clip {
168
- overflow: clip;
169
- }
170
- .overflow-x-xl-scroll {
171
- overflow: scroll;
172
- }
173
- .overflow-x-xl-auto {
174
- overflow: auto;
175
- }
176
- .overflow-y-xl-visible {
177
- overflow: visible;
178
- }
179
- .overflow-y-xl-hidden {
180
- overflow: hidden;
181
- }
182
- .overflow-y-xl-clip {
183
- overflow: clip;
184
- }
185
- .overflow-y-xl-scroll {
186
- overflow: scroll;
187
- }
188
- .overflow-y-xl-auto {
189
- overflow: auto;
190
- }
191
- }
192
- @media only screen and (min-width: 1540px) {
193
- .overflow-xxl-visible {
194
- overflow: visible;
195
- }
196
- .overflow-xxl-hidden {
197
- overflow: hidden;
198
- }
199
- .overflow-xxl-clip {
200
- overflow: clip;
201
- }
202
- .overflow-xxl-scroll {
203
- overflow: scroll;
204
- }
205
- .overflow-xxl-auto {
206
- overflow: auto;
207
- }
208
- .overflow-x-xxl-visible {
209
- overflow: visible;
210
- }
211
- .overflow-x-xxl-hidden {
212
- overflow: hidden;
213
- }
214
- .overflow-x-xxl-clip {
215
- overflow: clip;
216
- }
217
- .overflow-x-xxl-scroll {
218
- overflow: scroll;
219
- }
220
- .overflow-x-xxl-auto {
221
- overflow: auto;
222
- }
223
- .overflow-y-xxl-visible {
224
- overflow: visible;
225
- }
226
- .overflow-y-xxl-hidden {
227
- overflow: hidden;
228
- }
229
- .overflow-y-xxl-clip {
230
- overflow: clip;
231
- }
232
- .overflow-y-xxl-scroll {
233
- overflow: scroll;
234
- }
235
- .overflow-y-xxl-auto {
236
- overflow: auto;
237
- }
3
+ /* css overflow rules */
4
+ @media only screen and (min-width: 640px) {
5
+ .overflow-sm-visible {
6
+ overflow: visible;
7
+ }
8
+ .overflow-sm-hidden {
9
+ overflow: hidden;
10
+ }
11
+ .overflow-sm-clip {
12
+ overflow: clip;
13
+ }
14
+ .overflow-sm-scroll {
15
+ overflow: scroll;
16
+ }
17
+ .overflow-sm-auto {
18
+ overflow: auto;
19
+ }
20
+ .overflow-x-sm-visible {
21
+ overflow: visible;
22
+ }
23
+ .overflow-x-sm-hidden {
24
+ overflow: hidden;
25
+ }
26
+ .overflow-x-sm-clip {
27
+ overflow: clip;
28
+ }
29
+ .overflow-x-sm-scroll {
30
+ overflow: scroll;
31
+ }
32
+ .overflow-x-sm-auto {
33
+ overflow: auto;
34
+ }
35
+ .overflow-y-sm-visible {
36
+ overflow: visible;
37
+ }
38
+ .overflow-y-sm-hidden {
39
+ overflow: hidden;
40
+ }
41
+ .overflow-y-sm-clip {
42
+ overflow: clip;
43
+ }
44
+ .overflow-y-sm-scroll {
45
+ overflow: scroll;
46
+ }
47
+ .overflow-y-sm-auto {
48
+ overflow: auto;
49
+ }
50
+ }
51
+ @media only screen and (min-width: 768px) {
52
+ .overflow-md-visible {
53
+ overflow: visible;
54
+ }
55
+ .overflow-md-hidden {
56
+ overflow: hidden;
57
+ }
58
+ .overflow-md-clip {
59
+ overflow: clip;
60
+ }
61
+ .overflow-md-scroll {
62
+ overflow: scroll;
63
+ }
64
+ .overflow-md-auto {
65
+ overflow: auto;
66
+ }
67
+ .overflow-x-md-visible {
68
+ overflow: visible;
69
+ }
70
+ .overflow-x-md-hidden {
71
+ overflow: hidden;
72
+ }
73
+ .overflow-x-md-clip {
74
+ overflow: clip;
75
+ }
76
+ .overflow-x-md-scroll {
77
+ overflow: scroll;
78
+ }
79
+ .overflow-x-md-auto {
80
+ overflow: auto;
81
+ }
82
+ .overflow-y-md-visible {
83
+ overflow: visible;
84
+ }
85
+ .overflow-y-md-hidden {
86
+ overflow: hidden;
87
+ }
88
+ .overflow-y-md-clip {
89
+ overflow: clip;
90
+ }
91
+ .overflow-y-md-scroll {
92
+ overflow: scroll;
93
+ }
94
+ .overflow-y-md-auto {
95
+ overflow: auto;
96
+ }
97
+ }
98
+ @media only screen and (min-width: 1024px) {
99
+ .overflow-lg-visible {
100
+ overflow: visible;
101
+ }
102
+ .overflow-lg-hidden {
103
+ overflow: hidden;
104
+ }
105
+ .overflow-lg-clip {
106
+ overflow: clip;
107
+ }
108
+ .overflow-lg-scroll {
109
+ overflow: scroll;
110
+ }
111
+ .overflow-lg-auto {
112
+ overflow: auto;
113
+ }
114
+ .overflow-x-lg-visible {
115
+ overflow: visible;
116
+ }
117
+ .overflow-x-lg-hidden {
118
+ overflow: hidden;
119
+ }
120
+ .overflow-x-lg-clip {
121
+ overflow: clip;
122
+ }
123
+ .overflow-x-lg-scroll {
124
+ overflow: scroll;
125
+ }
126
+ .overflow-x-lg-auto {
127
+ overflow: auto;
128
+ }
129
+ .overflow-y-lg-visible {
130
+ overflow: visible;
131
+ }
132
+ .overflow-y-lg-hidden {
133
+ overflow: hidden;
134
+ }
135
+ .overflow-y-lg-clip {
136
+ overflow: clip;
137
+ }
138
+ .overflow-y-lg-scroll {
139
+ overflow: scroll;
140
+ }
141
+ .overflow-y-lg-auto {
142
+ overflow: auto;
143
+ }
144
+ }
145
+ @media only screen and (min-width: 1280px) {
146
+ .overflow-xl-visible {
147
+ overflow: visible;
148
+ }
149
+ .overflow-xl-hidden {
150
+ overflow: hidden;
151
+ }
152
+ .overflow-xl-clip {
153
+ overflow: clip;
154
+ }
155
+ .overflow-xl-scroll {
156
+ overflow: scroll;
157
+ }
158
+ .overflow-xl-auto {
159
+ overflow: auto;
160
+ }
161
+ .overflow-x-xl-visible {
162
+ overflow: visible;
163
+ }
164
+ .overflow-x-xl-hidden {
165
+ overflow: hidden;
166
+ }
167
+ .overflow-x-xl-clip {
168
+ overflow: clip;
169
+ }
170
+ .overflow-x-xl-scroll {
171
+ overflow: scroll;
172
+ }
173
+ .overflow-x-xl-auto {
174
+ overflow: auto;
175
+ }
176
+ .overflow-y-xl-visible {
177
+ overflow: visible;
178
+ }
179
+ .overflow-y-xl-hidden {
180
+ overflow: hidden;
181
+ }
182
+ .overflow-y-xl-clip {
183
+ overflow: clip;
184
+ }
185
+ .overflow-y-xl-scroll {
186
+ overflow: scroll;
187
+ }
188
+ .overflow-y-xl-auto {
189
+ overflow: auto;
190
+ }
191
+ }
192
+ @media only screen and (min-width: 1540px) {
193
+ .overflow-xxl-visible {
194
+ overflow: visible;
195
+ }
196
+ .overflow-xxl-hidden {
197
+ overflow: hidden;
198
+ }
199
+ .overflow-xxl-clip {
200
+ overflow: clip;
201
+ }
202
+ .overflow-xxl-scroll {
203
+ overflow: scroll;
204
+ }
205
+ .overflow-xxl-auto {
206
+ overflow: auto;
207
+ }
208
+ .overflow-x-xxl-visible {
209
+ overflow: visible;
210
+ }
211
+ .overflow-x-xxl-hidden {
212
+ overflow: hidden;
213
+ }
214
+ .overflow-x-xxl-clip {
215
+ overflow: clip;
216
+ }
217
+ .overflow-x-xxl-scroll {
218
+ overflow: scroll;
219
+ }
220
+ .overflow-x-xxl-auto {
221
+ overflow: auto;
222
+ }
223
+ .overflow-y-xxl-visible {
224
+ overflow: visible;
225
+ }
226
+ .overflow-y-xxl-hidden {
227
+ overflow: hidden;
228
+ }
229
+ .overflow-y-xxl-clip {
230
+ overflow: clip;
231
+ }
232
+ .overflow-y-xxl-scroll {
233
+ overflow: scroll;
234
+ }
235
+ .overflow-y-xxl-auto {
236
+ overflow: auto;
237
+ }
238
238
  }