@medyll/cssfabric 0.2.0 → 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 (123) hide show
  1. package/README.md +58 -38
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/{_generated → dist/_generated}/cssFabric.vars.json +12 -12
  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/{init → dist/init}/importCssVars.d.ts +1 -1
  43. package/{init → dist/init}/importCssVars.js +2 -2
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/{scripts → dist/scripts}/cssfabric.js +43 -43
  46. package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
  47. package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
  48. package/dist/scripts/index.d.ts +2 -0
  49. package/{scripts → dist/scripts}/index.js +4 -4
  50. package/{scripts → dist/scripts}/utils.d.ts +5 -5
  51. package/{scripts → dist/scripts}/utils.js +38 -38
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{styles → dist/styles}/base/base.css +207 -214
  54. package/{styles → dist/styles}/base/base.min.css +1 -1
  55. package/{styles → dist/styles}/box/box.css +1496 -1378
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{styles → dist/styles}/box/box.responsive.css +7036 -5523
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{styles → dist/styles}/color/color.css +1566 -1564
  60. package/{styles → dist/styles}/color/color.responsive.css +7781 -6267
  61. package/dist/styles/color/color.responsive.min.css +1 -0
  62. package/dist/styles/cssfabric.css +5328 -0
  63. package/dist/styles/cssfabric.min.css +1 -0
  64. package/dist/styles/cssfabric.responsive.css +20419 -0
  65. package/dist/styles/cssfabric.responsive.min.css +1 -0
  66. package/{styles → dist/styles}/flex/flex.css +125 -123
  67. package/{styles → dist/styles}/flex/flex.responsive.css +581 -503
  68. package/dist/styles/flex/flex.responsive.min.css +1 -0
  69. package/{styles → dist/styles}/grid/grid.css +120 -118
  70. package/{styles → dist/styles}/grid/grid.responsive.css +501 -483
  71. package/dist/styles/grid/grid.responsive.min.css +1 -0
  72. package/{styles → dist/styles}/menu/menu.css +102 -100
  73. package/{styles → dist/styles}/menu/menu.responsive.css +444 -357
  74. package/dist/styles/menu/menu.responsive.min.css +1 -0
  75. package/{styles → dist/styles}/overflow/overflow.css +61 -59
  76. package/{styles → dist/styles}/overflow/overflow.responsive.css +237 -244
  77. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  78. package/{styles → dist/styles}/scale/scale.css +720 -718
  79. package/{styles → dist/styles}/scale/scale.responsive.css +3251 -2883
  80. package/dist/styles/scale/scale.responsive.min.css +1 -0
  81. package/{styles → dist/styles}/table/table.css +73 -71
  82. package/{styles → dist/styles}/table/table.responsive.css +371 -295
  83. package/dist/styles/table/table.responsive.min.css +1 -0
  84. package/{styles → dist/styles}/text/text.css +152 -150
  85. package/{styles → dist/styles}/text/text.responsive.css +216 -195
  86. package/dist/styles/text/text.responsive.min.css +1 -0
  87. package/{styles → dist/styles}/theme/theme.css +247 -196
  88. package/{styles → dist/styles}/theme/theme.min.css +1 -1
  89. package/{styles → dist/styles}/vars.css +412 -413
  90. package/dist/styles/vars.min.css +1 -0
  91. package/{styles → dist/styles}/zindex/zindex.css +44 -42
  92. package/package.json +68 -113
  93. package/_generated/index.d.ts +0 -3
  94. package/scripts/cssfabric.d.ts +0 -24
  95. package/scripts/index.d.ts +0 -2
  96. package/styles/animation/animation.css +0 -0
  97. package/styles/box/box.min.css +0 -1
  98. package/styles/box/box.responsive.min.css +0 -1
  99. package/styles/color/color.responsive.min.css +0 -1
  100. package/styles/cssfabric.css +0 -61792
  101. package/styles/cssfabric.min.css +0 -168
  102. package/styles/cssfabric.responsive.css +0 -200596
  103. package/styles/cssfabric.responsive.min.css +0 -108
  104. package/styles/flex/flex.responsive.min.css +0 -1
  105. package/styles/grid/grid.responsive.min.css +0 -1
  106. package/styles/menu/menu.responsive.min.css +0 -1
  107. package/styles/overflow/overflow.responsive.min.css +0 -1
  108. package/styles/scale/scale.responsive.min.css +0 -1
  109. package/styles/table/table.responsive.min.css +0 -1
  110. package/styles/text/text.responsive.min.css +0 -1
  111. package/styles/vars.min.css +0 -1
  112. /package/{_generated → dist/_generated}/export.variables.md +0 -0
  113. /package/{_generated → dist/_generated}/readme.md +0 -0
  114. /package/{styles → dist/styles}/animation/animation.min.css +0 -0
  115. /package/{styles → dist/styles}/color/color.min.css +0 -0
  116. /package/{styles → dist/styles}/flex/flex.min.css +0 -0
  117. /package/{styles → dist/styles}/grid/grid.min.css +0 -0
  118. /package/{styles → dist/styles}/menu/menu.min.css +0 -0
  119. /package/{styles → dist/styles}/overflow/overflow.min.css +0 -0
  120. /package/{styles → dist/styles}/scale/scale.min.css +0 -0
  121. /package/{styles → dist/styles}/table/table.min.css +0 -0
  122. /package/{styles → dist/styles}/text/text.min.css +0 -0
  123. /package/{styles → 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/{styles → 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
  }