@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
package/dist/{styles → css}/text/text.responsive.css RENAMED
@@ -1,217 +1,217 @@
1
1
 
2
2
  /**---------------------text.responsive.css---------------------*/
3
- @media only screen and (min-width: 640px) {
4
- .text-sm-ellipsis {
5
- text-overflow: ellipsis;
6
- overflow: hidden;
7
- white-space: nowrap;
8
- }
9
- .h1,
10
- h1 {
11
- font-size: var(--font-size-h1);
12
- line-height: 1.2;
13
- font-weight: 400;
14
- }
15
- .h2,
16
- h2 {
17
- font-size: var(--font-size-h2);
18
- line-height: 1.2;
19
- font-weight: 400;
20
- }
21
- .h3,
22
- h3 {
23
- font-size: var(--font-size-h3);
24
- line-height: 1.2;
25
- font-weight: 400;
26
- }
27
- .h4,
28
- h4 {
29
- font-size: var(--font-size-h4);
30
- line-height: 1.2;
31
- font-weight: 400;
32
- }
33
- .h5,
34
- h5 {
35
- font-size: var(--font-size-h5);
36
- line-height: 1.2;
37
- font-weight: 400;
38
- }
39
- .h6,
40
- h6 {
41
- font-size: var(--font-size-h6);
42
- line-height: 1.2;
43
- font-weight: 400;
44
- }
45
- }
46
- @media only screen and (min-width: 768px) {
47
- .text-md-ellipsis {
48
- text-overflow: ellipsis;
49
- overflow: hidden;
50
- white-space: nowrap;
51
- }
52
- .h1,
53
- h1 {
54
- font-size: var(--font-size-h1);
55
- line-height: 1.2;
56
- font-weight: 400;
57
- }
58
- .h2,
59
- h2 {
60
- font-size: var(--font-size-h2);
61
- line-height: 1.2;
62
- font-weight: 400;
63
- }
64
- .h3,
65
- h3 {
66
- font-size: var(--font-size-h3);
67
- line-height: 1.2;
68
- font-weight: 400;
69
- }
70
- .h4,
71
- h4 {
72
- font-size: var(--font-size-h4);
73
- line-height: 1.2;
74
- font-weight: 400;
75
- }
76
- .h5,
77
- h5 {
78
- font-size: var(--font-size-h5);
79
- line-height: 1.2;
80
- font-weight: 400;
81
- }
82
- .h6,
83
- h6 {
84
- font-size: var(--font-size-h6);
85
- line-height: 1.2;
86
- font-weight: 400;
87
- }
88
- }
89
- @media only screen and (min-width: 1024px) {
90
- .text-lg-ellipsis {
91
- text-overflow: ellipsis;
92
- overflow: hidden;
93
- white-space: nowrap;
94
- }
95
- .h1,
96
- h1 {
97
- font-size: var(--font-size-h1);
98
- line-height: 1.2;
99
- font-weight: 400;
100
- }
101
- .h2,
102
- h2 {
103
- font-size: var(--font-size-h2);
104
- line-height: 1.2;
105
- font-weight: 400;
106
- }
107
- .h3,
108
- h3 {
109
- font-size: var(--font-size-h3);
110
- line-height: 1.2;
111
- font-weight: 400;
112
- }
113
- .h4,
114
- h4 {
115
- font-size: var(--font-size-h4);
116
- line-height: 1.2;
117
- font-weight: 400;
118
- }
119
- .h5,
120
- h5 {
121
- font-size: var(--font-size-h5);
122
- line-height: 1.2;
123
- font-weight: 400;
124
- }
125
- .h6,
126
- h6 {
127
- font-size: var(--font-size-h6);
128
- line-height: 1.2;
129
- font-weight: 400;
130
- }
131
- }
132
- @media only screen and (min-width: 1280px) {
133
- .text-xl-ellipsis {
134
- text-overflow: ellipsis;
135
- overflow: hidden;
136
- white-space: nowrap;
137
- }
138
- .h1,
139
- h1 {
140
- font-size: var(--font-size-h1);
141
- line-height: 1.2;
142
- font-weight: 400;
143
- }
144
- .h2,
145
- h2 {
146
- font-size: var(--font-size-h2);
147
- line-height: 1.2;
148
- font-weight: 400;
149
- }
150
- .h3,
151
- h3 {
152
- font-size: var(--font-size-h3);
153
- line-height: 1.2;
154
- font-weight: 400;
155
- }
156
- .h4,
157
- h4 {
158
- font-size: var(--font-size-h4);
159
- line-height: 1.2;
160
- font-weight: 400;
161
- }
162
- .h5,
163
- h5 {
164
- font-size: var(--font-size-h5);
165
- line-height: 1.2;
166
- font-weight: 400;
167
- }
168
- .h6,
169
- h6 {
170
- font-size: var(--font-size-h6);
171
- line-height: 1.2;
172
- font-weight: 400;
173
- }
174
- }
175
- @media only screen and (min-width: 1540px) {
176
- .text-xxl-ellipsis {
177
- text-overflow: ellipsis;
178
- overflow: hidden;
179
- white-space: nowrap;
180
- }
181
- .h1,
182
- h1 {
183
- font-size: var(--font-size-h1);
184
- line-height: 1.2;
185
- font-weight: 400;
186
- }
187
- .h2,
188
- h2 {
189
- font-size: var(--font-size-h2);
190
- line-height: 1.2;
191
- font-weight: 400;
192
- }
193
- .h3,
194
- h3 {
195
- font-size: var(--font-size-h3);
196
- line-height: 1.2;
197
- font-weight: 400;
198
- }
199
- .h4,
200
- h4 {
201
- font-size: var(--font-size-h4);
202
- line-height: 1.2;
203
- font-weight: 400;
204
- }
205
- .h5,
206
- h5 {
207
- font-size: var(--font-size-h5);
208
- line-height: 1.2;
209
- font-weight: 400;
210
- }
211
- .h6,
212
- h6 {
213
- font-size: var(--font-size-h6);
214
- line-height: 1.2;
215
- font-weight: 400;
216
- }
3
+ @media only screen and (min-width: 640px) {
4
+ .text-sm-ellipsis {
5
+ text-overflow: ellipsis;
6
+ overflow: hidden;
7
+ white-space: nowrap;
8
+ }
9
+ .h1,
10
+ h1 {
11
+ font-size: var(--font-size-h1);
12
+ line-height: 1.2;
13
+ font-weight: 400;
14
+ }
15
+ .h2,
16
+ h2 {
17
+ font-size: var(--font-size-h2);
18
+ line-height: 1.2;
19
+ font-weight: 400;
20
+ }
21
+ .h3,
22
+ h3 {
23
+ font-size: var(--font-size-h3);
24
+ line-height: 1.2;
25
+ font-weight: 400;
26
+ }
27
+ .h4,
28
+ h4 {
29
+ font-size: var(--font-size-h4);
30
+ line-height: 1.2;
31
+ font-weight: 400;
32
+ }
33
+ .h5,
34
+ h5 {
35
+ font-size: var(--font-size-h5);
36
+ line-height: 1.2;
37
+ font-weight: 400;
38
+ }
39
+ .h6,
40
+ h6 {
41
+ font-size: var(--font-size-h6);
42
+ line-height: 1.2;
43
+ font-weight: 400;
44
+ }
45
+ }
46
+ @media only screen and (min-width: 768px) {
47
+ .text-md-ellipsis {
48
+ text-overflow: ellipsis;
49
+ overflow: hidden;
50
+ white-space: nowrap;
51
+ }
52
+ .h1,
53
+ h1 {
54
+ font-size: var(--font-size-h1);
55
+ line-height: 1.2;
56
+ font-weight: 400;
57
+ }
58
+ .h2,
59
+ h2 {
60
+ font-size: var(--font-size-h2);
61
+ line-height: 1.2;
62
+ font-weight: 400;
63
+ }
64
+ .h3,
65
+ h3 {
66
+ font-size: var(--font-size-h3);
67
+ line-height: 1.2;
68
+ font-weight: 400;
69
+ }
70
+ .h4,
71
+ h4 {
72
+ font-size: var(--font-size-h4);
73
+ line-height: 1.2;
74
+ font-weight: 400;
75
+ }
76
+ .h5,
77
+ h5 {
78
+ font-size: var(--font-size-h5);
79
+ line-height: 1.2;
80
+ font-weight: 400;
81
+ }
82
+ .h6,
83
+ h6 {
84
+ font-size: var(--font-size-h6);
85
+ line-height: 1.2;
86
+ font-weight: 400;
87
+ }
88
+ }
89
+ @media only screen and (min-width: 1024px) {
90
+ .text-lg-ellipsis {
91
+ text-overflow: ellipsis;
92
+ overflow: hidden;
93
+ white-space: nowrap;
94
+ }
95
+ .h1,
96
+ h1 {
97
+ font-size: var(--font-size-h1);
98
+ line-height: 1.2;
99
+ font-weight: 400;
100
+ }
101
+ .h2,
102
+ h2 {
103
+ font-size: var(--font-size-h2);
104
+ line-height: 1.2;
105
+ font-weight: 400;
106
+ }
107
+ .h3,
108
+ h3 {
109
+ font-size: var(--font-size-h3);
110
+ line-height: 1.2;
111
+ font-weight: 400;
112
+ }
113
+ .h4,
114
+ h4 {
115
+ font-size: var(--font-size-h4);
116
+ line-height: 1.2;
117
+ font-weight: 400;
118
+ }
119
+ .h5,
120
+ h5 {
121
+ font-size: var(--font-size-h5);
122
+ line-height: 1.2;
123
+ font-weight: 400;
124
+ }
125
+ .h6,
126
+ h6 {
127
+ font-size: var(--font-size-h6);
128
+ line-height: 1.2;
129
+ font-weight: 400;
130
+ }
131
+ }
132
+ @media only screen and (min-width: 1280px) {
133
+ .text-xl-ellipsis {
134
+ text-overflow: ellipsis;
135
+ overflow: hidden;
136
+ white-space: nowrap;
137
+ }
138
+ .h1,
139
+ h1 {
140
+ font-size: var(--font-size-h1);
141
+ line-height: 1.2;
142
+ font-weight: 400;
143
+ }
144
+ .h2,
145
+ h2 {
146
+ font-size: var(--font-size-h2);
147
+ line-height: 1.2;
148
+ font-weight: 400;
149
+ }
150
+ .h3,
151
+ h3 {
152
+ font-size: var(--font-size-h3);
153
+ line-height: 1.2;
154
+ font-weight: 400;
155
+ }
156
+ .h4,
157
+ h4 {
158
+ font-size: var(--font-size-h4);
159
+ line-height: 1.2;
160
+ font-weight: 400;
161
+ }
162
+ .h5,
163
+ h5 {
164
+ font-size: var(--font-size-h5);
165
+ line-height: 1.2;
166
+ font-weight: 400;
167
+ }
168
+ .h6,
169
+ h6 {
170
+ font-size: var(--font-size-h6);
171
+ line-height: 1.2;
172
+ font-weight: 400;
173
+ }
174
+ }
175
+ @media only screen and (min-width: 1540px) {
176
+ .text-xxl-ellipsis {
177
+ text-overflow: ellipsis;
178
+ overflow: hidden;
179
+ white-space: nowrap;
180
+ }
181
+ .h1,
182
+ h1 {
183
+ font-size: var(--font-size-h1);
184
+ line-height: 1.2;
185
+ font-weight: 400;
186
+ }
187
+ .h2,
188
+ h2 {
189
+ font-size: var(--font-size-h2);
190
+ line-height: 1.2;
191
+ font-weight: 400;
192
+ }
193
+ .h3,
194
+ h3 {
195
+ font-size: var(--font-size-h3);
196
+ line-height: 1.2;
197
+ font-weight: 400;
198
+ }
199
+ .h4,
200
+ h4 {
201
+ font-size: var(--font-size-h4);
202
+ line-height: 1.2;
203
+ font-weight: 400;
204
+ }
205
+ .h5,
206
+ h5 {
207
+ font-size: var(--font-size-h5);
208
+ line-height: 1.2;
209
+ font-weight: 400;
210
+ }
211
+ .h6,
212
+ h6 {
213
+ font-size: var(--font-size-h6);
214
+ line-height: 1.2;
215
+ font-weight: 400;
216
+ }
217
217
  }