@medyll/cssfabric 0.1.12 → 0.2.1-beta.1

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 (236) hide show
  1. package/README.md +36 -218
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/dist/_generated/cssFabric.vars.json +13 -0
  5. package/dist/_generated/cssFabric.vars.md +268 -0
  6. package/dist/cssFabric/config.d.ts +29 -0
  7. package/dist/cssFabric/config.js +29 -0
  8. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  9. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  10. package/dist/cssFabric/cssProperties.d.ts +27 -0
  11. package/dist/cssFabric/cssProperties.js +343 -0
  12. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  13. package/dist/cssFabric/cssVariationsAi.js +111 -0
  14. package/dist/cssFabric/index.d.ts +113 -0
  15. package/dist/cssFabric/index.js +341 -0
  16. package/dist/cssf/README.md +197 -0
  17. package/dist/cssf/cssf.d.ts +1 -0
  18. package/dist/cssf/cssf.js +12 -0
  19. package/dist/cssf/cssfGuide.d.ts +14 -0
  20. package/dist/cssf/cssfGuide.js +50 -0
  21. package/dist/cssf/cssfLib.d.ts +134 -0
  22. package/dist/cssf/cssfLib.js +116 -0
  23. package/dist/cssf/cssfModel.d.ts +8 -0
  24. package/dist/cssf/cssfModel.js +59 -0
  25. package/dist/cssf/cssfPlugin.d.ts +3 -0
  26. package/dist/cssf/cssfPlugin.js +37 -0
  27. package/dist/cssf/cssfTransformer.d.ts +2 -0
  28. package/dist/cssf/cssfTransformer.js +100 -0
  29. package/dist/cssf/index.d.ts +4 -0
  30. package/dist/cssf/index.js +4 -0
  31. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  32. package/dist/cssfVsCode/.vscodeignore +4 -0
  33. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  34. package/dist/cssfVsCode/README.md +65 -0
  35. package/dist/cssfVsCode/language-configuration.json +36 -0
  36. package/dist/cssfVsCode/package.json +40 -0
  37. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  38. package/dist/cssfVsCode/test.cssf +6 -0
  39. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  40. package/dist/index.d.ts +2 -0
  41. package/dist/index.js +3 -0
  42. package/dist/init/importCssVars.d.ts +1 -0
  43. package/dist/init/importCssVars.js +2 -0
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/dist/scripts/cssfabric.js +43 -0
  46. package/{lib → dist}/scripts/cssfabricClassNames.d.ts +14 -14
  47. package/{lib → dist}/scripts/cssfabricClassNames.js +146 -150
  48. package/{lib → dist}/scripts/index.d.ts +2 -2
  49. package/dist/scripts/index.js +4 -0
  50. package/{lib → dist}/scripts/utils.d.ts +5 -5
  51. package/{lib → dist}/scripts/utils.js +38 -40
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{lib/styles/core → dist/styles}/base/base.css +207 -221
  54. package/dist/styles/base/base.min.css +1 -0
  55. package/{lib/styles/core → dist/styles}/box/box.css +1496 -1362
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{lib/styles/core → dist/styles}/box/box.responsive.css +7036 -5459
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{lib/styles/core → dist/styles}/color/color.css +1566 -1564
  60. package/dist/styles/color/color.min.css +1 -0
  61. package/{lib/styles/core → dist/styles}/color/color.responsive.css +7781 -6267
  62. package/dist/styles/color/color.responsive.min.css +1 -0
  63. package/{lib → dist}/styles/cssfabric.css +5327 -5146
  64. package/dist/styles/cssfabric.min.css +1 -0
  65. package/{lib → dist}/styles/cssfabric.responsive.css +20410 -16670
  66. package/dist/styles/cssfabric.responsive.min.css +1 -0
  67. package/{lib/styles/core → dist/styles}/flex/flex.css +125 -123
  68. package/dist/styles/flex/flex.min.css +1 -0
  69. package/{lib/styles/core → dist/styles}/flex/flex.responsive.css +581 -503
  70. package/dist/styles/flex/flex.responsive.min.css +1 -0
  71. package/{lib/styles/core → dist/styles}/grid/grid.css +120 -118
  72. package/dist/styles/grid/grid.min.css +1 -0
  73. package/{lib/styles/core → dist/styles}/grid/grid.responsive.css +501 -483
  74. package/dist/styles/grid/grid.responsive.min.css +1 -0
  75. package/{lib/styles/core → dist/styles}/menu/menu.css +102 -96
  76. package/dist/styles/menu/menu.min.css +1 -0
  77. package/dist/styles/menu/menu.responsive.css +445 -0
  78. package/dist/styles/menu/menu.responsive.min.css +1 -0
  79. package/{lib/styles/core → dist/styles}/overflow/overflow.css +61 -59
  80. package/{lib/styles/core → dist/styles}/overflow/overflow.responsive.css +237 -244
  81. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  82. package/{lib/styles/core → dist/styles}/scale/scale.css +720 -718
  83. package/{lib/styles/core → dist/styles}/scale/scale.responsive.css +3251 -2883
  84. package/dist/styles/scale/scale.responsive.min.css +1 -0
  85. package/{lib/styles/core → dist/styles}/table/table.css +73 -71
  86. package/dist/styles/table/table.min.css +1 -0
  87. package/{lib/styles/core → dist/styles}/table/table.responsive.css +371 -295
  88. package/dist/styles/table/table.responsive.min.css +1 -0
  89. package/{lib/styles/core → dist/styles}/text/text.css +152 -150
  90. package/dist/styles/text/text.min.css +1 -0
  91. package/{lib/styles/core → dist/styles}/text/text.responsive.css +216 -195
  92. package/dist/styles/text/text.responsive.min.css +1 -0
  93. package/{lib/styles/core → dist/styles}/theme/theme.css +247 -196
  94. package/{lib/styles/core → dist/styles}/theme/theme.min.css +1 -1
  95. package/{lib/styles/core → dist/styles}/vars.css +412 -409
  96. package/dist/styles/vars.min.css +1 -0
  97. package/{lib/styles/core → dist/styles}/zindex/zindex.css +44 -42
  98. package/package.json +66 -67
  99. package/.idea/cssfabric.iml +0 -8
  100. package/.idea/misc.xml +0 -9
  101. package/.idea/modules.xml +0 -8
  102. package/.idea/vcs.xml +0 -6
  103. package/.vscode/settings.json +0 -24
  104. package/bin/index.js +0 -7
  105. package/cssfabric.config.js +0 -3
  106. package/cssfabric.json +0 -8
  107. package/gulpfile.js +0 -598
  108. package/lib/_generated/export.variables.json +0 -583
  109. package/lib/index.d.ts +0 -2
  110. package/lib/index.js +0 -7
  111. package/lib/scripts/cssfabric.d.ts +0 -24
  112. package/lib/scripts/cssfabric.js +0 -48
  113. package/lib/scripts/index.js +0 -6
  114. package/lib/styles/core/animation/animation.css +0 -0
  115. package/lib/styles/core/base/base.min.css +0 -1
  116. package/lib/styles/core/box/box.min.css +0 -1
  117. package/lib/styles/core/box/box.responsive.min.css +0 -1
  118. package/lib/styles/core/color/color.min.css +0 -1
  119. package/lib/styles/core/color/color.responsive.min.css +0 -1
  120. package/lib/styles/core/flex/flex.min.css +0 -1
  121. package/lib/styles/core/flex/flex.responsive.min.css +0 -1
  122. package/lib/styles/core/grid/grid.min.css +0 -1
  123. package/lib/styles/core/grid/grid.responsive.min.css +0 -1
  124. package/lib/styles/core/main.min.css +0 -1
  125. package/lib/styles/core/menu/menu.min.css +0 -1
  126. package/lib/styles/core/menu/menu.responsive.css +0 -342
  127. package/lib/styles/core/menu/menu.responsive.min.css +0 -1
  128. package/lib/styles/core/overflow/overflow.responsive.min.css +0 -1
  129. package/lib/styles/core/scale/scale.responsive.min.css +0 -1
  130. package/lib/styles/core/table/table.min.css +0 -1
  131. package/lib/styles/core/table/table.responsive.min.css +0 -1
  132. package/lib/styles/core/text/text.min.css +0 -1
  133. package/lib/styles/core/text/text.responsive.min.css +0 -1
  134. package/lib/styles/core/vars.min.css +0 -1
  135. package/lib/styles/core/vars2.css +0 -4
  136. package/lib/styles/core/vars2.min.css +0 -1
  137. package/lib/styles/cssfabric.min.css +0 -16
  138. package/lib/styles/cssfabric.responsive.min.css +0 -9
  139. package/src/_generated/export.variables.json +0 -759
  140. package/src/_generated/index.d.ts +0 -3
  141. package/src/cssfabric/_utils.scss +0 -203
  142. package/src/cssfabric/index.d.ts +0 -3
  143. package/src/cssfabric/modules/_cssfabric-config.scss +0 -163
  144. package/src/cssfabric/modules/_mixins.scss +0 -1
  145. package/src/cssfabric/modules/animation/_animation-vars.scss +0 -17
  146. package/src/cssfabric/modules/animation/animation.scss +0 -3
  147. package/src/cssfabric/modules/base/_base-vars.scss +0 -19
  148. package/src/cssfabric/modules/base/base.scss +0 -80
  149. package/src/cssfabric/modules/box/_box-build.scss +0 -287
  150. package/src/cssfabric/modules/box/_box-vars.scss +0 -121
  151. package/src/cssfabric/modules/box/box-responsive.scss +0 -18
  152. package/src/cssfabric/modules/box/box.scss +0 -3
  153. package/src/cssfabric/modules/color/_color-build.scss +0 -196
  154. package/src/cssfabric/modules/color/_color-vars.scss +0 -80
  155. package/src/cssfabric/modules/color/color-responsive.scss +0 -23
  156. package/src/cssfabric/modules/color/color.scss +0 -9
  157. package/src/cssfabric/modules/css-fabric.scss +0 -2
  158. package/src/cssfabric/modules/flex/_flex-build.scss +0 -150
  159. package/src/cssfabric/modules/flex/_flex-vars.scss +0 -84
  160. package/src/cssfabric/modules/flex/flex-responsive.scss +0 -25
  161. package/src/cssfabric/modules/flex/flex.scss +0 -3
  162. package/src/cssfabric/modules/grid/_grid-build.scss +0 -84
  163. package/src/cssfabric/modules/grid/_grid-vars.scss +0 -88
  164. package/src/cssfabric/modules/grid/grid-responsive.scss +0 -25
  165. package/src/cssfabric/modules/grid/grid.scss +0 -6
  166. package/src/cssfabric/modules/menu/_menu-build.scss +0 -119
  167. package/src/cssfabric/modules/menu/_menu-vars.scss +0 -29
  168. package/src/cssfabric/modules/menu/menu-responsive.scss +0 -19
  169. package/src/cssfabric/modules/menu/menu.scss +0 -6
  170. package/src/cssfabric/modules/overflow/_overflow-build.scss +0 -22
  171. package/src/cssfabric/modules/overflow/_overflow-vars.scss +0 -31
  172. package/src/cssfabric/modules/overflow/overflow-responsive.scss +0 -25
  173. package/src/cssfabric/modules/overflow/overflow.scss +0 -7
  174. package/src/cssfabric/modules/scale/_scale-build.scss +0 -142
  175. package/src/cssfabric/modules/scale/_scale-vars.scss +0 -84
  176. package/src/cssfabric/modules/scale/scale-responsive.scss +0 -23
  177. package/src/cssfabric/modules/scale/scale.scss +0 -8
  178. package/src/cssfabric/modules/table/_table-build.scss +0 -134
  179. package/src/cssfabric/modules/table/_table-vars.scss +0 -30
  180. package/src/cssfabric/modules/table/table-responsive.scss +0 -24
  181. package/src/cssfabric/modules/table/table.scss +0 -8
  182. package/src/cssfabric/modules/text/_text-build.scss +0 -166
  183. package/src/cssfabric/modules/text/_text-vars.scss +0 -87
  184. package/src/cssfabric/modules/text/text-responsive.scss +0 -26
  185. package/src/cssfabric/modules/text/text.scss +0 -6
  186. package/src/cssfabric/modules/theme/_theme-build.scss +0 -90
  187. package/src/cssfabric/modules/theme/_theme-vars.scss +0 -46
  188. package/src/cssfabric/modules/theme/theme.scss +0 -6
  189. package/src/cssfabric/modules/vars.scss +0 -49
  190. package/src/cssfabric/modules/zindex/_zindex-vars.scss +0 -14
  191. package/src/cssfabric/modules/zindex/zindex.scss +0 -15
  192. package/src/index.d.ts +0 -3
  193. package/src/index.ts +0 -4
  194. package/src/scripts/cssfabric.ts +0 -54
  195. package/src/scripts/cssfabricClassNames.ts +0 -216
  196. package/src/scripts/index.d.ts +0 -2
  197. package/src/scripts/index.ts +0 -8
  198. package/src/scripts/utils.ts +0 -37
  199. package/src/vendor/index.d.ts +0 -3
  200. package/src/vendor/normalize/normalize.min.css +0 -2
  201. package/src/vendor/sass-json-export/CHANGELOG.md +0 -26
  202. package/src/vendor/sass-json-export/Gruntfile.js +0 -60
  203. package/src/vendor/sass-json-export/LICENSE +0 -20
  204. package/src/vendor/sass-json-export/README.md +0 -90
  205. package/src/vendor/sass-json-export/package.json +0 -60
  206. package/src/vendor/sass-json-export/stylesheets/encode/api/_json.scss +0 -26
  207. package/src/vendor/sass-json-export/stylesheets/encode/encode.scss +0 -17
  208. package/src/vendor/sass-json-export/stylesheets/encode/helpers/_quote.scss +0 -9
  209. package/src/vendor/sass-json-export/stylesheets/encode/mixins/_json.scss +0 -42
  210. package/src/vendor/sass-json-export/stylesheets/encode/types/_bool.scss +0 -7
  211. package/src/vendor/sass-json-export/stylesheets/encode/types/_color.scss +0 -8
  212. package/src/vendor/sass-json-export/stylesheets/encode/types/_list.scss +0 -14
  213. package/src/vendor/sass-json-export/stylesheets/encode/types/_map.scss +0 -15
  214. package/src/vendor/sass-json-export/stylesheets/encode/types/_null.scss +0 -7
  215. package/src/vendor/sass-json-export/stylesheets/encode/types/_number.scss +0 -8
  216. package/src/vendor/sass-json-export/stylesheets/encode/types/_string.scss +0 -8
  217. package/src/vendor/sass-json-export/stylesheets/sass-json-export.scss +0 -2
  218. package/src/vendor/sass-json-export/test/encode/_index.scss +0 -14
  219. package/src/vendor/sass-json-export/test/encode/api/_json.scss +0 -29
  220. package/src/vendor/sass-json-export/test/encode/helpers/_quote.scss +0 -6
  221. package/src/vendor/sass-json-export/test/encode/types/_bool.scss +0 -6
  222. package/src/vendor/sass-json-export/test/encode/types/_color.scss +0 -7
  223. package/src/vendor/sass-json-export/test/encode/types/_list.scss +0 -25
  224. package/src/vendor/sass-json-export/test/encode/types/_map.scss +0 -17
  225. package/src/vendor/sass-json-export/test/encode/types/_null.scss +0 -8
  226. package/src/vendor/sass-json-export/test/encode/types/_number.scss +0 -68
  227. package/src/vendor/sass-json-export/test/encode/types/_string.scss +0 -9
  228. package/src/vendor/sass-json-export/test/test.scss +0 -9
  229. package/tsconfig.json +0 -46
  230. package/webpack.config.js +0 -55
  231. /package/{src → dist}/_generated/export.variables.md +0 -0
  232. /package/{src → dist}/_generated/readme.md +0 -0
  233. /package/{lib/styles/core → dist/styles}/animation/animation.min.css +0 -0
  234. /package/{lib/styles/core → dist/styles}/overflow/overflow.min.css +0 -0
  235. /package/{lib/styles/core → dist/styles}/scale/scale.min.css +0 -0
  236. /package/{lib/styles/core → dist/styles}/zindex/zindex.min.css +0 -0
package/dist/styles/flex/flex.responsive.min.css ADDED
@@ -0,0 +1 @@
1
+ @media only screen and (min-width: 640px){.flex,.flex-sm-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-sm-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-sm-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-sm-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-sm-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-sm-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-sm-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-sm-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-sm-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-sm-h.flex-align-stretch{color:blue;align-items:stretch}.flex-sm-v{display:flex;flex-direction:column}.flex-sm-v>.flex-main{flex:1 1 0;max-height:100%}.flex-sm-v.flex-align-middle{justify-content:center}.flex-sm-v.flex-align-top{justify-content:flex-start}.flex-sm-v.flex-align-left{align-items:flex-start}.flex-sm-v.flex-align-right{align-items:flex-end}.flex-sm-v.flex-align-bottom{justify-content:flex-end}.flex-sm-v.flex-align-center{align-items:center}.flex-sm-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-sm-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (min-width: 768px){.flex,.flex-md-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-md-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-md-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-md-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-md-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-md-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-md-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-md-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-md-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-md-h.flex-align-stretch{color:blue;align-items:stretch}.flex-md-v{display:flex;flex-direction:column}.flex-md-v>.flex-main{flex:1 1 0;max-height:100%}.flex-md-v.flex-align-middle{justify-content:center}.flex-md-v.flex-align-top{justify-content:flex-start}.flex-md-v.flex-align-left{align-items:flex-start}.flex-md-v.flex-align-right{align-items:flex-end}.flex-md-v.flex-align-bottom{justify-content:flex-end}.flex-md-v.flex-align-center{align-items:center}.flex-md-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-md-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (min-width: 1024px){.flex,.flex-lg-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-lg-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-lg-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-lg-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-lg-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-lg-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-lg-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-lg-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-lg-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-lg-h.flex-align-stretch{color:blue;align-items:stretch}.flex-lg-v{display:flex;flex-direction:column}.flex-lg-v>.flex-main{flex:1 1 0;max-height:100%}.flex-lg-v.flex-align-middle{justify-content:center}.flex-lg-v.flex-align-top{justify-content:flex-start}.flex-lg-v.flex-align-left{align-items:flex-start}.flex-lg-v.flex-align-right{align-items:flex-end}.flex-lg-v.flex-align-bottom{justify-content:flex-end}.flex-lg-v.flex-align-center{align-items:center}.flex-lg-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-lg-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (min-width: 1280px){.flex,.flex-xl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xl-v{display:flex;flex-direction:column}.flex-xl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xl-v.flex-align-middle{justify-content:center}.flex-xl-v.flex-align-top{justify-content:flex-start}.flex-xl-v.flex-align-left{align-items:flex-start}.flex-xl-v.flex-align-right{align-items:flex-end}.flex-xl-v.flex-align-bottom{justify-content:flex-end}.flex-xl-v.flex-align-center{align-items:center}.flex-xl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (min-width: 1540px){.flex,.flex-xxl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xxl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xxl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xxl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xxl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xxl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xxl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xxl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xxl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xxl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xxl-v{display:flex;flex-direction:column}.flex-xxl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xxl-v.flex-align-middle{justify-content:center}.flex-xxl-v.flex-align-top{justify-content:flex-start}.flex-xxl-v.flex-align-left{align-items:flex-start}.flex-xxl-v.flex-align-right{align-items:flex-end}.flex-xxl-v.flex-align-bottom{justify-content:flex-end}.flex-xxl-v.flex-align-center{align-items:center}.flex-xxl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xxl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}
package/{lib/styles/core → dist/styles}/grid/grid.css RENAMED
@@ -1,119 +1,121 @@
1
- .grid {
2
- display: grid;
3
- }
4
- .grid-auto-flow-cols {
5
- grid-auto-flow: column;
6
- }
7
- .grid-auto-cols-auto {
8
- grid-auto-columns: auto;
9
- }
10
- .grid-auto-cols-min {
11
- grid-auto-columns: min-content;
12
- }
13
- .grid-auto-cols-max {
14
- grid-auto-columns: max-content;
15
- }
16
- .grid-auto-cols {
17
- grid-auto-columns: minmax(0, 1fr);
18
- }
19
- .grid-auto-flow-rows {
20
- grid-auto-flow: row;
21
- }
22
- .grid-auto-rows-auto {
23
- grid-auto-rows: auto;
24
- }
25
- .grid-auto-rows-min {
26
- grid-auto-rows: min-content;
27
- }
28
- .grid-auto-rows-max {
29
- grid-auto-rows: max-content;
30
- }
31
- .grid-auto-rows {
32
- grid-auto-rows: minmax(0, 1fr);
33
- }
34
-
35
- .grid-inline {
36
- display: inline-grid;
37
- }
38
-
39
- /* template-columns */
40
- .grid-cols-1 {
41
- grid-template-columns: repeat(1, minmax(0, 1fr));
42
- }
43
-
44
- .grid-cols-2 {
45
- grid-template-columns: repeat(2, minmax(0, 1fr));
46
- }
47
-
48
- .grid-cols-3 {
49
- grid-template-columns: repeat(3, minmax(0, 1fr));
50
- }
51
-
52
- .grid-cols-4 {
53
- grid-template-columns: repeat(4, minmax(0, 1fr));
54
- }
55
-
56
- .grid-cols-5 {
57
- grid-template-columns: repeat(5, minmax(0, 1fr));
58
- }
59
-
60
- .grid-cols-6 {
61
- grid-template-columns: repeat(6, minmax(0, 1fr));
62
- }
63
-
64
- .grid-cols-7 {
65
- grid-template-columns: repeat(7, minmax(0, 1fr));
66
- }
67
-
68
- .grid-cols-8 {
69
- grid-template-columns: repeat(8, minmax(0, 1fr));
70
- }
71
-
72
- .grid-cols-9 {
73
- grid-template-columns: repeat(9, minmax(0, 1fr));
74
- }
75
-
76
- .grid-cols-10 {
77
- grid-template-columns: repeat(10, minmax(0, 1fr));
78
- }
79
-
80
- .grid-cols-11 {
81
- grid-template-columns: repeat(11, minmax(0, 1fr));
82
- }
83
-
84
- .grid-cols-12 {
85
- grid-template-columns: repeat(12, minmax(0, 1fr));
86
- }
87
-
88
- /* template-rows */
89
- .grid-rows-1 {
90
- grid-template-rows: repeat(1, minmax(0, 1fr));
91
- }
92
-
93
- .grid-rows-2 {
94
- grid-template-rows: repeat(2, minmax(0, 1fr));
95
- }
96
-
97
- .grid-rows-3 {
98
- grid-template-rows: repeat(3, minmax(0, 1fr));
99
- }
100
-
101
- .grid-rows-4 {
102
- grid-template-rows: repeat(4, minmax(0, 1fr));
103
- }
104
-
105
- .grid-rows-5 {
106
- grid-template-rows: repeat(5, minmax(0, 1fr));
107
- }
108
-
109
- .grid-rows-6 {
110
- grid-template-rows: repeat(6, minmax(0, 1fr));
111
- }
112
-
113
- .grid-rows-7 {
114
- grid-template-rows: repeat(7, minmax(0, 1fr));
115
- }
116
-
117
- .grid-rows-8 {
118
- grid-template-rows: repeat(8, minmax(0, 1fr));
1
+
2
+ /**---------------------grid.css---------------------*/
3
+ .grid {
4
+ display: grid;
5
+ }
6
+ .grid-auto-flow-cols {
7
+ grid-auto-flow: column;
8
+ }
9
+ .grid-auto-cols-auto {
10
+ grid-auto-columns: auto;
11
+ }
12
+ .grid-auto-cols-min {
13
+ grid-auto-columns: min-content;
14
+ }
15
+ .grid-auto-cols-max {
16
+ grid-auto-columns: max-content;
17
+ }
18
+ .grid-auto-cols {
19
+ grid-auto-columns: minmax(0, 1fr);
20
+ }
21
+ .grid-auto-flow-rows {
22
+ grid-auto-flow: row;
23
+ }
24
+ .grid-auto-rows-auto {
25
+ grid-auto-rows: auto;
26
+ }
27
+ .grid-auto-rows-min {
28
+ grid-auto-rows: min-content;
29
+ }
30
+ .grid-auto-rows-max {
31
+ grid-auto-rows: max-content;
32
+ }
33
+ .grid-auto-rows {
34
+ grid-auto-rows: minmax(0, 1fr);
35
+ }
36
+
37
+ .grid-inline {
38
+ display: inline-grid;
39
+ }
40
+
41
+ /* template-columns */
42
+ .grid-cols-1 {
43
+ grid-template-columns: repeat(1, minmax(0, 1fr));
44
+ }
45
+
46
+ .grid-cols-2 {
47
+ grid-template-columns: repeat(2, minmax(0, 1fr));
48
+ }
49
+
50
+ .grid-cols-3 {
51
+ grid-template-columns: repeat(3, minmax(0, 1fr));
52
+ }
53
+
54
+ .grid-cols-4 {
55
+ grid-template-columns: repeat(4, minmax(0, 1fr));
56
+ }
57
+
58
+ .grid-cols-5 {
59
+ grid-template-columns: repeat(5, minmax(0, 1fr));
60
+ }
61
+
62
+ .grid-cols-6 {
63
+ grid-template-columns: repeat(6, minmax(0, 1fr));
64
+ }
65
+
66
+ .grid-cols-7 {
67
+ grid-template-columns: repeat(7, minmax(0, 1fr));
68
+ }
69
+
70
+ .grid-cols-8 {
71
+ grid-template-columns: repeat(8, minmax(0, 1fr));
72
+ }
73
+
74
+ .grid-cols-9 {
75
+ grid-template-columns: repeat(9, minmax(0, 1fr));
76
+ }
77
+
78
+ .grid-cols-10 {
79
+ grid-template-columns: repeat(10, minmax(0, 1fr));
80
+ }
81
+
82
+ .grid-cols-11 {
83
+ grid-template-columns: repeat(11, minmax(0, 1fr));
84
+ }
85
+
86
+ .grid-cols-12 {
87
+ grid-template-columns: repeat(12, minmax(0, 1fr));
88
+ }
89
+
90
+ /* template-rows */
91
+ .grid-rows-1 {
92
+ grid-template-rows: repeat(1, minmax(0, 1fr));
93
+ }
94
+
95
+ .grid-rows-2 {
96
+ grid-template-rows: repeat(2, minmax(0, 1fr));
97
+ }
98
+
99
+ .grid-rows-3 {
100
+ grid-template-rows: repeat(3, minmax(0, 1fr));
101
+ }
102
+
103
+ .grid-rows-4 {
104
+ grid-template-rows: repeat(4, minmax(0, 1fr));
105
+ }
106
+
107
+ .grid-rows-5 {
108
+ grid-template-rows: repeat(5, minmax(0, 1fr));
109
+ }
110
+
111
+ .grid-rows-6 {
112
+ grid-template-rows: repeat(6, minmax(0, 1fr));
113
+ }
114
+
115
+ .grid-rows-7 {
116
+ grid-template-rows: repeat(7, minmax(0, 1fr));
117
+ }
118
+
119
+ .grid-rows-8 {
120
+ grid-template-rows: repeat(8, minmax(0, 1fr));
119
121
  }
package/dist/styles/grid/grid.min.css ADDED
@@ -0,0 +1 @@
1
+ .grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}