@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/{lib/styles/core → dist/styles}/flex/flex.css RENAMED
@@ -1,124 +1,126 @@
1
- .flex,
2
- .flex-h {
3
- display: flex;
4
- flex-direction: row;
5
- }
6
- .flex > .flex-main,
7
- .flex-h > .flex-main {
8
- flex: 1 1 0;
9
- }
10
- .flex.flex-align-middle,
11
- .flex-h.flex-align-middle {
12
- align-items: center;
13
- }
14
- .flex.flex-align-top,
15
- .flex-h.flex-align-top {
16
- align-items: flex-start;
17
- }
18
- .flex.flex-align-left,
19
- .flex-h.flex-align-left {
20
- align-items: flex-start;
21
- }
22
- .flex.flex-align-right,
23
- .flex-h.flex-align-right {
24
- justify-content: flex-end;
25
- }
26
- .flex.flex-align-bottom,
27
- .flex-h.flex-align-bottom {
28
- align-items: flex-end;
29
- }
30
- .flex.flex-align-center,
31
- .flex-h.flex-align-center {
32
- justify-content: center;
33
- }
34
- .flex.flex-align-middle-center,
35
- .flex-h.flex-align-middle-center {
36
- justify-content: center;
37
- align-content: center;
38
- align-items: center;
39
- }
40
- .flex.flex-align-stretch,
41
- .flex-h.flex-align-stretch {
42
- color: blue;
43
- align-items: stretch;
44
- }
45
-
46
- .flex-v {
47
- display: flex;
48
- flex-direction: column;
49
- }
50
- .flex-v > .flex-main {
51
- flex: 1 1 0;
52
- max-height: 100%;
53
- }
54
- .flex-v.flex-align-middle {
55
- justify-content: center;
56
- }
57
- .flex-v.flex-align-top {
58
- justify-content: flex-start;
59
- }
60
- .flex-v.flex-align-left {
61
- align-items: flex-start;
62
- }
63
- .flex-v.flex-align-right {
64
- align-items: flex-end;
65
- }
66
- .flex-v.flex-align-bottom {
67
- justify-content: flex-end;
68
- }
69
- .flex-v.flex-align-center {
70
- align-items: center;
71
- }
72
- .flex-v.flex-align-middle-center {
73
- align-items: center;
74
- justify-content: center;
75
- }
76
- .flex-v.flex-align-stretch {
77
- color: red;
78
- align-items: stretch;
79
- }
80
-
81
- .flex-inline {
82
- display: inline-flex;
83
- }
84
-
85
- .flex-wrap {
86
- flex-wrap: wrap;
87
- }
88
- .flex-wrap-reverse {
89
- flex-wrap: wrap-reverse;
90
- }
91
-
92
- .self-start {
93
- align-self: flex-start;
94
- }
95
- .self-end {
96
- align-self: flex-end;
97
- }
98
- .self-stretch {
99
- align-self: stretch;
100
- }
101
-
102
- .flex-grow-0 {
103
- flex-grow: 0;
104
- }
105
-
106
- .flex-shrink-0 {
107
- flex-shrink: 0;
108
- }
109
-
110
- .flex-grow-1 {
111
- flex-grow: 1;
112
- }
113
-
114
- .flex-shrink-1 {
115
- flex-shrink: 1;
116
- }
117
-
118
- .flex-grow-2 {
119
- flex-grow: 2;
120
- }
121
-
122
- .flex-shrink-2 {
123
- flex-shrink: 2;
1
+
2
+ /**---------------------flex.css---------------------*/
3
+ .flex,
4
+ .flex-h {
5
+ display: flex;
6
+ flex-direction: row;
7
+ }
8
+ .flex > .flex-main,
9
+ .flex-h > .flex-main {
10
+ flex: 1 1 0;
11
+ }
12
+ .flex.flex-align-middle,
13
+ .flex-h.flex-align-middle {
14
+ align-items: center;
15
+ }
16
+ .flex.flex-align-top,
17
+ .flex-h.flex-align-top {
18
+ align-items: flex-start;
19
+ }
20
+ .flex.flex-align-left,
21
+ .flex-h.flex-align-left {
22
+ align-items: flex-start;
23
+ }
24
+ .flex.flex-align-right,
25
+ .flex-h.flex-align-right {
26
+ justify-content: flex-end;
27
+ }
28
+ .flex.flex-align-bottom,
29
+ .flex-h.flex-align-bottom {
30
+ align-items: flex-end;
31
+ }
32
+ .flex.flex-align-center,
33
+ .flex-h.flex-align-center {
34
+ justify-content: center;
35
+ }
36
+ .flex.flex-align-middle-center,
37
+ .flex-h.flex-align-middle-center {
38
+ justify-content: center;
39
+ align-content: center;
40
+ align-items: center;
41
+ }
42
+ .flex.flex-align-stretch,
43
+ .flex-h.flex-align-stretch {
44
+ color: blue;
45
+ align-items: stretch;
46
+ }
47
+
48
+ .flex-v {
49
+ display: flex;
50
+ flex-direction: column;
51
+ }
52
+ .flex-v > .flex-main {
53
+ flex: 1 1 0;
54
+ max-height: 100%;
55
+ }
56
+ .flex-v.flex-align-middle {
57
+ justify-content: center;
58
+ }
59
+ .flex-v.flex-align-top {
60
+ justify-content: flex-start;
61
+ }
62
+ .flex-v.flex-align-left {
63
+ align-items: flex-start;
64
+ }
65
+ .flex-v.flex-align-right {
66
+ align-items: flex-end;
67
+ }
68
+ .flex-v.flex-align-bottom {
69
+ justify-content: flex-end;
70
+ }
71
+ .flex-v.flex-align-center {
72
+ align-items: center;
73
+ }
74
+ .flex-v.flex-align-middle-center {
75
+ align-items: center;
76
+ justify-content: center;
77
+ }
78
+ .flex-v.flex-align-stretch {
79
+ color: red;
80
+ align-items: stretch;
81
+ }
82
+
83
+ .flex-inline {
84
+ display: inline-flex;
85
+ }
86
+
87
+ .flex-wrap {
88
+ flex-wrap: wrap;
89
+ }
90
+ .flex-wrap-reverse {
91
+ flex-wrap: wrap-reverse;
92
+ }
93
+
94
+ .self-start {
95
+ align-self: flex-start;
96
+ }
97
+ .self-end {
98
+ align-self: flex-end;
99
+ }
100
+ .self-stretch {
101
+ align-self: stretch;
102
+ }
103
+
104
+ .flex-grow-0 {
105
+ flex-grow: 0;
106
+ }
107
+
108
+ .flex-shrink-0 {
109
+ flex-shrink: 0;
110
+ }
111
+
112
+ .flex-grow-1 {
113
+ flex-grow: 1;
114
+ }
115
+
116
+ .flex-shrink-1 {
117
+ flex-shrink: 1;
118
+ }
119
+
120
+ .flex-grow-2 {
121
+ flex-grow: 2;
122
+ }
123
+
124
+ .flex-shrink-2 {
125
+ flex-shrink: 2;
124
126
  }
package/dist/styles/flex/flex.min.css ADDED
@@ -0,0 +1 @@
1
+ .flex,.flex-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-h.flex-align-stretch{color:blue;align-items:stretch}.flex-v{display:flex;flex-direction:column}.flex-v>.flex-main{flex:1 1 0;max-height:100%}.flex-v.flex-align-middle{justify-content:center}.flex-v.flex-align-top{justify-content:flex-start}.flex-v.flex-align-left{align-items:flex-start}.flex-v.flex-align-right{align-items:flex-end}.flex-v.flex-align-bottom{justify-content:flex-end}.flex-v.flex-align-center{align-items:center}.flex-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-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}