@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 → styles}/menu/menu.responsive.css RENAMED
@@ -24,25 +24,27 @@
24
24
  ul.menu-xxl-v {
25
25
  padding: 0;
26
26
  margin: 0;
27
- line-height: 1rem;
27
+ line-height: var(--box-density-2);
28
28
  }
29
29
  ul.menu-xxl-v li.menu-item,
30
30
  ul.menu-xxl-v li {
31
31
  display: block;
32
- margin: 0 1rem;
32
+ margin: 0;
33
33
  width: auto;
34
34
  transition-property: all;
35
- transition-duration: 0.5s;
36
- padding: 1rem;
35
+ transition-duration: 0.15s;
36
+ padding: var(--box-density-1);
37
+ border-left: 1px solid var(--theme-color-border);
37
38
  }
38
39
  ul.menu-xxl-v li.menu-item:hover,
39
40
  ul.menu-xxl-v li:hover {
40
- border-radius: 4px;
41
+ border-radius: var(--radius-small);
41
42
  background-color: #ededed;
43
+ border-left: 1px solid var(--theme-color-primary);
42
44
  }
43
45
  ul.menu-xxl-v li.menu-item.active,
44
46
  ul.menu-xxl-v li.active {
45
- border-radius: 4px;
47
+ border-radius: var(--radius-small);
46
48
  background-color: #ededed;
47
49
  font-weight: bold;
48
50
  }
@@ -52,25 +54,27 @@ ul.menu-xxl-v li.active {
52
54
  ul.menu-xxl-h {
53
55
  padding: 0;
54
56
  margin: 0;
55
- line-height: 1rem;
57
+ line-height: var(--box-density-2);
56
58
  }
57
59
  ul.menu-xxl-h li.menu-item,
58
60
  ul.menu-xxl-h li {
59
61
  display: block;
60
- margin: 0 1rem;
62
+ margin: 0;
61
63
  width: auto;
62
64
  transition-property: all;
63
- transition-duration: 0.5s;
64
- padding: 1rem;
65
+ transition-duration: 0.15s;
66
+ padding: var(--box-density-1);
67
+ border-left: 1px solid var(--theme-color-border);
65
68
  }
66
69
  ul.menu-xxl-h li.menu-item:hover,
67
70
  ul.menu-xxl-h li:hover {
68
- border-radius: 4px;
71
+ border-radius: var(--radius-small);
69
72
  background-color: #ededed;
73
+ border-left: 1px solid var(--theme-color-primary);
70
74
  }
71
75
  ul.menu-xxl-h li.menu-item.active,
72
76
  ul.menu-xxl-h li.active {
73
- border-radius: 4px;
77
+ border-radius: var(--radius-small);
74
78
  background-color: #ededed;
75
79
  font-weight: bold;
76
80
  }
@@ -105,25 +109,27 @@ ul.menu-xxl-h li {
105
109
  ul.menu-xl-v {
106
110
  padding: 0;
107
111
  margin: 0;
108
- line-height: 1rem;
112
+ line-height: var(--box-density-2);
109
113
  }
110
114
  ul.menu-xl-v li.menu-item,
111
115
  ul.menu-xl-v li {
112
116
  display: block;
113
- margin: 0 1rem;
117
+ margin: 0;
114
118
  width: auto;
115
119
  transition-property: all;
116
- transition-duration: 0.5s;
117
- padding: 1rem;
120
+ transition-duration: 0.15s;
121
+ padding: var(--box-density-1);
122
+ border-left: 1px solid var(--theme-color-border);
118
123
  }
119
124
  ul.menu-xl-v li.menu-item:hover,
120
125
  ul.menu-xl-v li:hover {
121
- border-radius: 4px;
126
+ border-radius: var(--radius-small);
122
127
  background-color: #ededed;
128
+ border-left: 1px solid var(--theme-color-primary);
123
129
  }
124
130
  ul.menu-xl-v li.menu-item.active,
125
131
  ul.menu-xl-v li.active {
126
- border-radius: 4px;
132
+ border-radius: var(--radius-small);
127
133
  background-color: #ededed;
128
134
  font-weight: bold;
129
135
  }
@@ -133,25 +139,27 @@ ul.menu-xl-v li.active {
133
139
  ul.menu-xl-h {
134
140
  padding: 0;
135
141
  margin: 0;
136
- line-height: 1rem;
142
+ line-height: var(--box-density-2);
137
143
  }
138
144
  ul.menu-xl-h li.menu-item,
139
145
  ul.menu-xl-h li {
140
146
  display: block;
141
- margin: 0 1rem;
147
+ margin: 0;
142
148
  width: auto;
143
149
  transition-property: all;
144
- transition-duration: 0.5s;
145
- padding: 1rem;
150
+ transition-duration: 0.15s;
151
+ padding: var(--box-density-1);
152
+ border-left: 1px solid var(--theme-color-border);
146
153
  }
147
154
  ul.menu-xl-h li.menu-item:hover,
148
155
  ul.menu-xl-h li:hover {
149
- border-radius: 4px;
156
+ border-radius: var(--radius-small);
150
157
  background-color: #ededed;
158
+ border-left: 1px solid var(--theme-color-primary);
151
159
  }
152
160
  ul.menu-xl-h li.menu-item.active,
153
161
  ul.menu-xl-h li.active {
154
- border-radius: 4px;
162
+ border-radius: var(--radius-small);
155
163
  background-color: #ededed;
156
164
  font-weight: bold;
157
165
  }
@@ -186,25 +194,27 @@ ul.menu-xl-h li {
186
194
  ul.menu-lg-v {
187
195
  padding: 0;
188
196
  margin: 0;
189
- line-height: 1rem;
197
+ line-height: var(--box-density-2);
190
198
  }
191
199
  ul.menu-lg-v li.menu-item,
192
200
  ul.menu-lg-v li {
193
201
  display: block;
194
- margin: 0 1rem;
202
+ margin: 0;
195
203
  width: auto;
196
204
  transition-property: all;
197
- transition-duration: 0.5s;
198
- padding: 1rem;
205
+ transition-duration: 0.15s;
206
+ padding: var(--box-density-1);
207
+ border-left: 1px solid var(--theme-color-border);
199
208
  }
200
209
  ul.menu-lg-v li.menu-item:hover,
201
210
  ul.menu-lg-v li:hover {
202
- border-radius: 4px;
211
+ border-radius: var(--radius-small);
203
212
  background-color: #ededed;
213
+ border-left: 1px solid var(--theme-color-primary);
204
214
  }
205
215
  ul.menu-lg-v li.menu-item.active,
206
216
  ul.menu-lg-v li.active {
207
- border-radius: 4px;
217
+ border-radius: var(--radius-small);
208
218
  background-color: #ededed;
209
219
  font-weight: bold;
210
220
  }
@@ -214,25 +224,27 @@ ul.menu-lg-v li.active {
214
224
  ul.menu-lg-h {
215
225
  padding: 0;
216
226
  margin: 0;
217
- line-height: 1rem;
227
+ line-height: var(--box-density-2);
218
228
  }
219
229
  ul.menu-lg-h li.menu-item,
220
230
  ul.menu-lg-h li {
221
231
  display: block;
222
- margin: 0 1rem;
232
+ margin: 0;
223
233
  width: auto;
224
234
  transition-property: all;
225
- transition-duration: 0.5s;
226
- padding: 1rem;
235
+ transition-duration: 0.15s;
236
+ padding: var(--box-density-1);
237
+ border-left: 1px solid var(--theme-color-border);
227
238
  }
228
239
  ul.menu-lg-h li.menu-item:hover,
229
240
  ul.menu-lg-h li:hover {
230
- border-radius: 4px;
241
+ border-radius: var(--radius-small);
231
242
  background-color: #ededed;
243
+ border-left: 1px solid var(--theme-color-primary);
232
244
  }
233
245
  ul.menu-lg-h li.menu-item.active,
234
246
  ul.menu-lg-h li.active {
235
- border-radius: 4px;
247
+ border-radius: var(--radius-small);
236
248
  background-color: #ededed;
237
249
  font-weight: bold;
238
250
  }
@@ -267,25 +279,27 @@ ul.menu-lg-h li {
267
279
  ul.menu-md-v {
268
280
  padding: 0;
269
281
  margin: 0;
270
- line-height: 1rem;
282
+ line-height: var(--box-density-2);
271
283
  }
272
284
  ul.menu-md-v li.menu-item,
273
285
  ul.menu-md-v li {
274
286
  display: block;
275
- margin: 0 1rem;
287
+ margin: 0;
276
288
  width: auto;
277
289
  transition-property: all;
278
- transition-duration: 0.5s;
279
- padding: 1rem;
290
+ transition-duration: 0.15s;
291
+ padding: var(--box-density-1);
292
+ border-left: 1px solid var(--theme-color-border);
280
293
  }
281
294
  ul.menu-md-v li.menu-item:hover,
282
295
  ul.menu-md-v li:hover {
283
- border-radius: 4px;
296
+ border-radius: var(--radius-small);
284
297
  background-color: #ededed;
298
+ border-left: 1px solid var(--theme-color-primary);
285
299
  }
286
300
  ul.menu-md-v li.menu-item.active,
287
301
  ul.menu-md-v li.active {
288
- border-radius: 4px;
302
+ border-radius: var(--radius-small);
289
303
  background-color: #ededed;
290
304
  font-weight: bold;
291
305
  }
@@ -295,25 +309,27 @@ ul.menu-md-v li.active {
295
309
  ul.menu-md-h {
296
310
  padding: 0;
297
311
  margin: 0;
298
- line-height: 1rem;
312
+ line-height: var(--box-density-2);
299
313
  }
300
314
  ul.menu-md-h li.menu-item,
301
315
  ul.menu-md-h li {
302
316
  display: block;
303
- margin: 0 1rem;
317
+ margin: 0;
304
318
  width: auto;
305
319
  transition-property: all;
306
- transition-duration: 0.5s;
307
- padding: 1rem;
320
+ transition-duration: 0.15s;
321
+ padding: var(--box-density-1);
322
+ border-left: 1px solid var(--theme-color-border);
308
323
  }
309
324
  ul.menu-md-h li.menu-item:hover,
310
325
  ul.menu-md-h li:hover {
311
- border-radius: 4px;
326
+ border-radius: var(--radius-small);
312
327
  background-color: #ededed;
328
+ border-left: 1px solid var(--theme-color-primary);
313
329
  }
314
330
  ul.menu-md-h li.menu-item.active,
315
331
  ul.menu-md-h li.active {
316
- border-radius: 4px;
332
+ border-radius: var(--radius-small);
317
333
  background-color: #ededed;
318
334
  font-weight: bold;
319
335
  }
@@ -339,85 +355,4 @@ ul.menu-md-h li {
339
355
  margin: 0;
340
356
  text-align: center;
341
357
  }
342
- }
343
- @media only screen and (max-width: 0px) {
344
- ul.menu-sm {
345
- list-style: none;
346
- list-style-type: none;
347
- }
348
- ul.menu-sm-v {
349
- padding: 0;
350
- margin: 0;
351
- line-height: 1rem;
352
- }
353
- ul.menu-sm-v li.menu-item,
354
- ul.menu-sm-v li {
355
- display: block;
356
- margin: 0 1rem;
357
- width: auto;
358
- transition-property: all;
359
- transition-duration: 0.5s;
360
- padding: 1rem;
361
- }
362
- ul.menu-sm-v li.menu-item:hover,
363
- ul.menu-sm-v li:hover {
364
- border-radius: 4px;
365
- background-color: #ededed;
366
- }
367
- ul.menu-sm-v li.menu-item.active,
368
- ul.menu-sm-v li.active {
369
- border-radius: 4px;
370
- background-color: #ededed;
371
- font-weight: bold;
372
- }
373
- ul.menu-sm-v li {
374
- list-style: none;
375
- }
376
- ul.menu-sm-h {
377
- padding: 0;
378
- margin: 0;
379
- line-height: 1rem;
380
- }
381
- ul.menu-sm-h li.menu-item,
382
- ul.menu-sm-h li {
383
- display: block;
384
- margin: 0 1rem;
385
- width: auto;
386
- transition-property: all;
387
- transition-duration: 0.5s;
388
- padding: 1rem;
389
- }
390
- ul.menu-sm-h li.menu-item:hover,
391
- ul.menu-sm-h li:hover {
392
- border-radius: 4px;
393
- background-color: #ededed;
394
- }
395
- ul.menu-sm-h li.menu-item.active,
396
- ul.menu-sm-h li.active {
397
- border-radius: 4px;
398
- background-color: #ededed;
399
- font-weight: bold;
400
- }
401
- ul.menu-sm-h li {
402
- list-style: none;
403
- }
404
- ul.menu-sm-v li.menu-item.active,
405
- ul.menu-sm-v li.active {
406
- font-weight: bold;
407
- margin-left: 1rem;
408
- }
409
- ul.menu-sm-h {
410
- max-width: 100%;
411
- display: inline-flex;
412
- padding: 0 0;
413
- position: relative;
414
- border-bottom: 1px solid #ededed;
415
- overflow-x: auto;
416
- overflow-y: hidden;
417
- }
418
- ul.menu-sm-h li.menu-item,
419
- ul.menu-sm-h li {
420
- margin: 0;
421
- text-align: center;
422
- }
423
358
  }
package/styles/menu/menu.responsive.min.css ADDED
@@ -0,0 +1 @@
1
+ @media only screen and (max-width: 1300px){ul.menu-xxl{list-style:none;list-style-type:none}ul.menu-xxl-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xxl-v li.menu-item,ul.menu-xxl-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xxl-v li.menu-item:hover,ul.menu-xxl-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xxl-v li.menu-item.active,ul.menu-xxl-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xxl-v li{list-style:none}ul.menu-xxl-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xxl-h li.menu-item,ul.menu-xxl-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xxl-h li.menu-item:hover,ul.menu-xxl-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xxl-h li.menu-item.active,ul.menu-xxl-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xxl-h li{list-style:none}ul.menu-xxl-v li.menu-item.active,ul.menu-xxl-v li.active{font-weight:bold;margin-left:1rem}ul.menu-xxl-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xxl-h li.menu-item,ul.menu-xxl-h li{margin:0;text-align:center}}@media only screen and (max-width: 1200px){ul.menu-xl{list-style:none;list-style-type:none}ul.menu-xl-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xl-v li.menu-item,ul.menu-xl-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xl-v li.menu-item:hover,ul.menu-xl-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xl-v li.menu-item.active,ul.menu-xl-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xl-v li{list-style:none}ul.menu-xl-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-xl-h li.menu-item,ul.menu-xl-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-xl-h li.menu-item:hover,ul.menu-xl-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-xl-h li.menu-item.active,ul.menu-xl-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-xl-h li{list-style:none}ul.menu-xl-v li.menu-item.active,ul.menu-xl-v li.active{font-weight:bold;margin-left:1rem}ul.menu-xl-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xl-h li.menu-item,ul.menu-xl-h li{margin:0;text-align:center}}@media only screen and (max-width: 960px){ul.menu-lg{list-style:none;list-style-type:none}ul.menu-lg-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-lg-v li.menu-item,ul.menu-lg-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-lg-v li.menu-item:hover,ul.menu-lg-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-lg-v li.menu-item.active,ul.menu-lg-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-lg-v li{list-style:none}ul.menu-lg-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-lg-h li.menu-item,ul.menu-lg-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-lg-h li.menu-item:hover,ul.menu-lg-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-lg-h li.menu-item.active,ul.menu-lg-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-lg-h li{list-style:none}ul.menu-lg-v li.menu-item.active,ul.menu-lg-v li.active{font-weight:bold;margin-left:1rem}ul.menu-lg-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-lg-h li.menu-item,ul.menu-lg-h li{margin:0;text-align:center}}@media only screen and (max-width: 760px){ul.menu-md{list-style:none;list-style-type:none}ul.menu-md-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-md-v li.menu-item,ul.menu-md-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-md-v li.menu-item:hover,ul.menu-md-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-md-v li.menu-item.active,ul.menu-md-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-md-v li{list-style:none}ul.menu-md-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-md-h li.menu-item,ul.menu-md-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-md-h li.menu-item:hover,ul.menu-md-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-md-h li.menu-item.active,ul.menu-md-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-md-h li{list-style:none}ul.menu-md-v li.menu-item.active,ul.menu-md-v li.active{font-weight:bold;margin-left:1rem}ul.menu-md-h{max-width:100%;display:inline-flex;padding:0 0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-md-h li.menu-item,ul.menu-md-h li{margin:0;text-align:center}}
package/{lib/styles/core → styles}/overflow/overflow.responsive.css RENAMED
@@ -242,65 +242,4 @@
242
242
  .overflow-y-md-auto {
243
243
  overflow: auto;
244
244
  }
245
- }
246
- @media only screen and (max-width: 0px) {
247
- .overflow-sm-visible {
248
- overflow: visible;
249
- }
250
-
251
- .overflow-sm-hidden {
252
- overflow: hidden;
253
- }
254
-
255
- .overflow-sm-clip {
256
- overflow: clip;
257
- }
258
-
259
- .overflow-sm-scroll {
260
- overflow: scroll;
261
- }
262
-
263
- .overflow-sm-auto {
264
- overflow: auto;
265
- }
266
-
267
- .overflow-x-sm-visible {
268
- overflow: visible;
269
- }
270
-
271
- .overflow-x-sm-hidden {
272
- overflow: hidden;
273
- }
274
-
275
- .overflow-x-sm-clip {
276
- overflow: clip;
277
- }
278
-
279
- .overflow-x-sm-scroll {
280
- overflow: scroll;
281
- }
282
-
283
- .overflow-x-sm-auto {
284
- overflow: auto;
285
- }
286
-
287
- .overflow-y-sm-visible {
288
- overflow: visible;
289
- }
290
-
291
- .overflow-y-sm-hidden {
292
- overflow: hidden;
293
- }
294
-
295
- .overflow-y-sm-clip {
296
- overflow: clip;
297
- }
298
-
299
- .overflow-y-sm-scroll {
300
- overflow: scroll;
301
- }
302
-
303
- .overflow-y-sm-auto {
304
- overflow: auto;
305
- }
306
245
  }
package/styles/overflow/overflow.responsive.min.css ADDED
@@ -0,0 +1 @@
1
+ @media only screen and (max-width: 1300px){.overflow-xxl-visible{overflow:visible}.overflow-xxl-hidden{overflow:hidden}.overflow-xxl-clip{overflow:clip}.overflow-xxl-scroll{overflow:scroll}.overflow-xxl-auto{overflow:auto}.overflow-x-xxl-visible{overflow:visible}.overflow-x-xxl-hidden{overflow:hidden}.overflow-x-xxl-clip{overflow:clip}.overflow-x-xxl-scroll{overflow:scroll}.overflow-x-xxl-auto{overflow:auto}.overflow-y-xxl-visible{overflow:visible}.overflow-y-xxl-hidden{overflow:hidden}.overflow-y-xxl-clip{overflow:clip}.overflow-y-xxl-scroll{overflow:scroll}.overflow-y-xxl-auto{overflow:auto}}@media only screen and (max-width: 1200px){.overflow-xl-visible{overflow:visible}.overflow-xl-hidden{overflow:hidden}.overflow-xl-clip{overflow:clip}.overflow-xl-scroll{overflow:scroll}.overflow-xl-auto{overflow:auto}.overflow-x-xl-visible{overflow:visible}.overflow-x-xl-hidden{overflow:hidden}.overflow-x-xl-clip{overflow:clip}.overflow-x-xl-scroll{overflow:scroll}.overflow-x-xl-auto{overflow:auto}.overflow-y-xl-visible{overflow:visible}.overflow-y-xl-hidden{overflow:hidden}.overflow-y-xl-clip{overflow:clip}.overflow-y-xl-scroll{overflow:scroll}.overflow-y-xl-auto{overflow:auto}}@media only screen and (max-width: 960px){.overflow-lg-visible{overflow:visible}.overflow-lg-hidden{overflow:hidden}.overflow-lg-clip{overflow:clip}.overflow-lg-scroll{overflow:scroll}.overflow-lg-auto{overflow:auto}.overflow-x-lg-visible{overflow:visible}.overflow-x-lg-hidden{overflow:hidden}.overflow-x-lg-clip{overflow:clip}.overflow-x-lg-scroll{overflow:scroll}.overflow-x-lg-auto{overflow:auto}.overflow-y-lg-visible{overflow:visible}.overflow-y-lg-hidden{overflow:hidden}.overflow-y-lg-clip{overflow:clip}.overflow-y-lg-scroll{overflow:scroll}.overflow-y-lg-auto{overflow:auto}}@media only screen and (max-width: 760px){.overflow-md-visible{overflow:visible}.overflow-md-hidden{overflow:hidden}.overflow-md-clip{overflow:clip}.overflow-md-scroll{overflow:scroll}.overflow-md-auto{overflow:auto}.overflow-x-md-visible{overflow:visible}.overflow-x-md-hidden{overflow:hidden}.overflow-x-md-clip{overflow:clip}.overflow-x-md-scroll{overflow:scroll}.overflow-x-md-auto{overflow:auto}.overflow-y-md-visible{overflow:visible}.overflow-y-md-hidden{overflow:hidden}.overflow-y-md-clip{overflow:clip}.overflow-y-md-scroll{overflow:scroll}.overflow-y-md-auto{overflow:auto}}