gridstack 8.1.0 → 8.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/README.md +26 -38
  2. package/angular/.editorconfig +16 -0
  3. package/angular/.vscode/extensions.json +4 -0
  4. package/angular/.vscode/launch.json +20 -0
  5. package/angular/.vscode/tasks.json +42 -0
  6. package/{dist/ng → angular}/README.md +170 -154
  7. package/angular/README_build.md +27 -0
  8. package/angular/angular.json +132 -0
  9. package/angular/package.json +40 -0
  10. package/angular/projects/demo/.browserslistrc +16 -0
  11. package/angular/projects/demo/src/app/app.component.css +11 -0
  12. package/angular/projects/demo/src/app/app.component.html +78 -0
  13. package/angular/projects/demo/src/app/app.component.spec.ts +25 -0
  14. package/angular/projects/demo/src/app/app.component.ts +208 -0
  15. package/angular/projects/demo/src/app/app.module.ts +38 -0
  16. package/angular/projects/demo/src/app/dummy.component.ts +29 -0
  17. package/angular/projects/demo/src/app/ngFor.ts +131 -0
  18. package/angular/projects/demo/src/app/ngFor_cmd.ts +106 -0
  19. package/angular/projects/demo/src/app/simple.ts +46 -0
  20. package/angular/projects/demo/src/assets/.gitkeep +0 -0
  21. package/angular/projects/demo/src/environments/environment.prod.ts +3 -0
  22. package/angular/projects/demo/src/environments/environment.ts +16 -0
  23. package/angular/projects/demo/src/favicon.ico +0 -0
  24. package/angular/projects/demo/src/index.html +13 -0
  25. package/angular/projects/demo/src/main.ts +12 -0
  26. package/angular/projects/demo/src/polyfills.ts +53 -0
  27. package/angular/projects/demo/src/styles.css +4 -0
  28. package/angular/projects/demo/src/test.ts +26 -0
  29. package/angular/projects/demo/tsconfig.app.json +15 -0
  30. package/angular/projects/demo/tsconfig.spec.json +18 -0
  31. package/angular/projects/lib/README.md +24 -0
  32. package/angular/projects/lib/ng-package.json +7 -0
  33. package/angular/projects/lib/package.json +11 -0
  34. package/angular/projects/lib/src/lib/gridstack-item.component.ts +70 -0
  35. package/angular/projects/lib/src/lib/gridstack.component.ts +240 -0
  36. package/angular/projects/lib/src/lib/gridstack.module.ts +32 -0
  37. package/angular/projects/lib/src/public-api.ts +7 -0
  38. package/angular/projects/lib/src/test.ts +27 -0
  39. package/angular/projects/lib/tsconfig.lib.json +15 -0
  40. package/angular/projects/lib/tsconfig.lib.prod.json +10 -0
  41. package/angular/projects/lib/tsconfig.spec.json +17 -0
  42. package/dist/angular/README.md +170 -0
  43. package/dist/angular/esm2020/gridstack-angular.mjs +5 -0
  44. package/dist/angular/esm2020/lib/gridstack-item.component.mjs +67 -0
  45. package/dist/angular/esm2020/lib/gridstack.component.mjs +233 -0
  46. package/dist/angular/esm2020/lib/gridstack.module.mjs +39 -0
  47. package/dist/angular/esm2020/public-api.mjs +7 -0
  48. package/dist/angular/fesm2015/gridstack-angular.mjs +346 -0
  49. package/dist/angular/fesm2015/gridstack-angular.mjs.map +1 -0
  50. package/dist/angular/fesm2020/gridstack-angular.mjs +342 -0
  51. package/dist/angular/fesm2020/gridstack-angular.mjs.map +1 -0
  52. package/dist/angular/index.d.ts +5 -0
  53. package/dist/{ng → angular/lib}/gridstack-item.component.d.ts +32 -29
  54. package/dist/{ng → angular/lib}/gridstack.component.d.ts +121 -118
  55. package/dist/angular/lib/gridstack.module.d.ts +10 -0
  56. package/dist/angular/package.json +31 -0
  57. package/dist/angular/public-api.d.ts +3 -0
  58. package/dist/angular/src/gridstack-item.component.ts +70 -0
  59. package/dist/angular/src/gridstack.component.ts +240 -0
  60. package/dist/angular/src/gridstack.module.ts +32 -0
  61. package/dist/dd-base-impl.d.ts +1 -1
  62. package/dist/dd-base-impl.js +1 -1
  63. package/dist/dd-base-impl.js.map +1 -1
  64. package/dist/dd-draggable.d.ts +1 -1
  65. package/dist/dd-draggable.js +1 -1
  66. package/dist/dd-draggable.js.map +1 -1
  67. package/dist/dd-droppable.d.ts +1 -1
  68. package/dist/dd-droppable.js +1 -1
  69. package/dist/dd-droppable.js.map +1 -1
  70. package/dist/dd-element.d.ts +1 -1
  71. package/dist/dd-element.js +1 -1
  72. package/dist/dd-element.js.map +1 -1
  73. package/dist/dd-gridstack.d.ts +1 -1
  74. package/dist/dd-gridstack.js +1 -1
  75. package/dist/dd-gridstack.js.map +1 -1
  76. package/dist/dd-manager.d.ts +1 -1
  77. package/dist/dd-manager.js +1 -1
  78. package/dist/dd-manager.js.map +1 -1
  79. package/dist/dd-resizable-handle.d.ts +1 -1
  80. package/dist/dd-resizable-handle.js +1 -1
  81. package/dist/dd-resizable-handle.js.map +1 -1
  82. package/dist/dd-resizable.d.ts +1 -1
  83. package/dist/dd-resizable.js +1 -1
  84. package/dist/dd-resizable.js.map +1 -1
  85. package/dist/dd-touch.d.ts +1 -1
  86. package/dist/dd-touch.js +1 -1
  87. package/dist/dd-touch.js.map +1 -1
  88. package/dist/es5/dd-base-impl.d.ts +1 -1
  89. package/dist/es5/dd-base-impl.js +1 -1
  90. package/dist/es5/dd-base-impl.js.map +1 -1
  91. package/dist/es5/dd-draggable.d.ts +1 -1
  92. package/dist/es5/dd-draggable.js +1 -1
  93. package/dist/es5/dd-draggable.js.map +1 -1
  94. package/dist/es5/dd-droppable.d.ts +1 -1
  95. package/dist/es5/dd-droppable.js +1 -1
  96. package/dist/es5/dd-droppable.js.map +1 -1
  97. package/dist/es5/dd-element.d.ts +1 -1
  98. package/dist/es5/dd-element.js +1 -1
  99. package/dist/es5/dd-element.js.map +1 -1
  100. package/dist/es5/dd-gridstack.d.ts +1 -1
  101. package/dist/es5/dd-gridstack.js +1 -1
  102. package/dist/es5/dd-gridstack.js.map +1 -1
  103. package/dist/es5/dd-manager.d.ts +1 -1
  104. package/dist/es5/dd-manager.js +1 -1
  105. package/dist/es5/dd-manager.js.map +1 -1
  106. package/dist/es5/dd-resizable-handle.d.ts +1 -1
  107. package/dist/es5/dd-resizable-handle.js +1 -1
  108. package/dist/es5/dd-resizable-handle.js.map +1 -1
  109. package/dist/es5/dd-resizable.d.ts +1 -1
  110. package/dist/es5/dd-resizable.js +1 -1
  111. package/dist/es5/dd-resizable.js.map +1 -1
  112. package/dist/es5/dd-touch.d.ts +1 -1
  113. package/dist/es5/dd-touch.js +1 -1
  114. package/dist/es5/dd-touch.js.map +1 -1
  115. package/dist/es5/gridstack-all.js +1 -1
  116. package/dist/es5/gridstack-all.js.LICENSE.txt +1 -1
  117. package/dist/es5/gridstack-all.js.map +1 -1
  118. package/dist/es5/gridstack-engine.d.ts +1 -1
  119. package/dist/es5/gridstack-engine.js +1 -1
  120. package/dist/es5/gridstack-engine.js.map +1 -1
  121. package/dist/es5/gridstack-poly.js +1 -1
  122. package/dist/es5/gridstack.d.ts +1 -1
  123. package/dist/es5/gridstack.js +9 -10
  124. package/dist/es5/gridstack.js.map +1 -1
  125. package/dist/es5/types.d.ts +1 -1
  126. package/dist/es5/types.js +1 -1
  127. package/dist/es5/types.js.map +1 -1
  128. package/dist/es5/utils.d.ts +1 -1
  129. package/dist/es5/utils.js +1 -1
  130. package/dist/es5/utils.js.map +1 -1
  131. package/dist/gridstack-all.js +1 -1
  132. package/dist/gridstack-all.js.LICENSE.txt +1 -1
  133. package/dist/gridstack-all.js.map +1 -1
  134. package/dist/gridstack-engine.d.ts +1 -1
  135. package/dist/gridstack-engine.js +1 -1
  136. package/dist/gridstack-engine.js.map +1 -1
  137. package/dist/gridstack-extra.css +130 -130
  138. package/dist/gridstack-extra.min.css +1 -1
  139. package/dist/gridstack.css +29 -31
  140. package/dist/gridstack.d.ts +1 -1
  141. package/dist/gridstack.js +9 -10
  142. package/dist/gridstack.js.map +1 -1
  143. package/dist/gridstack.min.css +1 -1
  144. package/dist/src/gridstack-extra.scss +5 -5
  145. package/dist/src/gridstack.scss +7 -10
  146. package/dist/types.d.ts +1 -1
  147. package/dist/types.js +1 -1
  148. package/dist/types.js.map +1 -1
  149. package/dist/utils.d.ts +1 -1
  150. package/dist/utils.js +1 -1
  151. package/dist/utils.js.map +1 -1
  152. package/doc/CHANGES.md +10 -2
  153. package/package.json +3 -3
  154. package/dist/ng/gridstack-item.component.js +0 -65
  155. package/dist/ng/gridstack-item.component.js.map +0 -1
  156. package/dist/ng/gridstack.component.js +0 -245
  157. package/dist/ng/gridstack.component.js.map +0 -1
package/dist/gridstack-extra.css CHANGED
@@ -2,372 +2,372 @@
2
2
  * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css
3
3
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
4
4
  */
5
- .grid-stack-2 > .grid-stack-item {
6
- min-width: 50%;
5
+ .gs-2 > .grid-stack-item {
6
+ width: 50%;
7
7
  }
8
- .grid-stack-2 > .grid-stack-item[gs-x="1"] {
8
+ .gs-2 > .grid-stack-item[gs-x="1"] {
9
9
  left: 50%;
10
10
  }
11
- .grid-stack-2 > .grid-stack-item[gs-w="2"] {
11
+ .gs-2 > .grid-stack-item[gs-w="2"] {
12
12
  width: 100%;
13
13
  }
14
14
 
15
- .grid-stack-3 > .grid-stack-item {
16
- min-width: 33.333%;
15
+ .gs-3 > .grid-stack-item {
16
+ width: 33.333%;
17
17
  }
18
- .grid-stack-3 > .grid-stack-item[gs-x="1"] {
18
+ .gs-3 > .grid-stack-item[gs-x="1"] {
19
19
  left: 33.333%;
20
20
  }
21
- .grid-stack-3 > .grid-stack-item[gs-w="2"] {
21
+ .gs-3 > .grid-stack-item[gs-w="2"] {
22
22
  width: 66.667%;
23
23
  }
24
- .grid-stack-3 > .grid-stack-item[gs-x="2"] {
24
+ .gs-3 > .grid-stack-item[gs-x="2"] {
25
25
  left: 66.667%;
26
26
  }
27
- .grid-stack-3 > .grid-stack-item[gs-w="3"] {
27
+ .gs-3 > .grid-stack-item[gs-w="3"] {
28
28
  width: 100%;
29
29
  }
30
30
 
31
- .grid-stack-4 > .grid-stack-item {
32
- min-width: 25%;
31
+ .gs-4 > .grid-stack-item {
32
+ width: 25%;
33
33
  }
34
- .grid-stack-4 > .grid-stack-item[gs-x="1"] {
34
+ .gs-4 > .grid-stack-item[gs-x="1"] {
35
35
  left: 25%;
36
36
  }
37
- .grid-stack-4 > .grid-stack-item[gs-w="2"] {
37
+ .gs-4 > .grid-stack-item[gs-w="2"] {
38
38
  width: 50%;
39
39
  }
40
- .grid-stack-4 > .grid-stack-item[gs-x="2"] {
40
+ .gs-4 > .grid-stack-item[gs-x="2"] {
41
41
  left: 50%;
42
42
  }
43
- .grid-stack-4 > .grid-stack-item[gs-w="3"] {
43
+ .gs-4 > .grid-stack-item[gs-w="3"] {
44
44
  width: 75%;
45
45
  }
46
- .grid-stack-4 > .grid-stack-item[gs-x="3"] {
46
+ .gs-4 > .grid-stack-item[gs-x="3"] {
47
47
  left: 75%;
48
48
  }
49
- .grid-stack-4 > .grid-stack-item[gs-w="4"] {
49
+ .gs-4 > .grid-stack-item[gs-w="4"] {
50
50
  width: 100%;
51
51
  }
52
52
 
53
- .grid-stack-5 > .grid-stack-item {
54
- min-width: 20%;
53
+ .gs-5 > .grid-stack-item {
54
+ width: 20%;
55
55
  }
56
- .grid-stack-5 > .grid-stack-item[gs-x="1"] {
56
+ .gs-5 > .grid-stack-item[gs-x="1"] {
57
57
  left: 20%;
58
58
  }
59
- .grid-stack-5 > .grid-stack-item[gs-w="2"] {
59
+ .gs-5 > .grid-stack-item[gs-w="2"] {
60
60
  width: 40%;
61
61
  }
62
- .grid-stack-5 > .grid-stack-item[gs-x="2"] {
62
+ .gs-5 > .grid-stack-item[gs-x="2"] {
63
63
  left: 40%;
64
64
  }
65
- .grid-stack-5 > .grid-stack-item[gs-w="3"] {
65
+ .gs-5 > .grid-stack-item[gs-w="3"] {
66
66
  width: 60%;
67
67
  }
68
- .grid-stack-5 > .grid-stack-item[gs-x="3"] {
68
+ .gs-5 > .grid-stack-item[gs-x="3"] {
69
69
  left: 60%;
70
70
  }
71
- .grid-stack-5 > .grid-stack-item[gs-w="4"] {
71
+ .gs-5 > .grid-stack-item[gs-w="4"] {
72
72
  width: 80%;
73
73
  }
74
- .grid-stack-5 > .grid-stack-item[gs-x="4"] {
74
+ .gs-5 > .grid-stack-item[gs-x="4"] {
75
75
  left: 80%;
76
76
  }
77
- .grid-stack-5 > .grid-stack-item[gs-w="5"] {
77
+ .gs-5 > .grid-stack-item[gs-w="5"] {
78
78
  width: 100%;
79
79
  }
80
80
 
81
- .grid-stack-6 > .grid-stack-item {
82
- min-width: 16.667%;
81
+ .gs-6 > .grid-stack-item {
82
+ width: 16.667%;
83
83
  }
84
- .grid-stack-6 > .grid-stack-item[gs-x="1"] {
84
+ .gs-6 > .grid-stack-item[gs-x="1"] {
85
85
  left: 16.667%;
86
86
  }
87
- .grid-stack-6 > .grid-stack-item[gs-w="2"] {
87
+ .gs-6 > .grid-stack-item[gs-w="2"] {
88
88
  width: 33.333%;
89
89
  }
90
- .grid-stack-6 > .grid-stack-item[gs-x="2"] {
90
+ .gs-6 > .grid-stack-item[gs-x="2"] {
91
91
  left: 33.333%;
92
92
  }
93
- .grid-stack-6 > .grid-stack-item[gs-w="3"] {
93
+ .gs-6 > .grid-stack-item[gs-w="3"] {
94
94
  width: 50%;
95
95
  }
96
- .grid-stack-6 > .grid-stack-item[gs-x="3"] {
96
+ .gs-6 > .grid-stack-item[gs-x="3"] {
97
97
  left: 50%;
98
98
  }
99
- .grid-stack-6 > .grid-stack-item[gs-w="4"] {
99
+ .gs-6 > .grid-stack-item[gs-w="4"] {
100
100
  width: 66.667%;
101
101
  }
102
- .grid-stack-6 > .grid-stack-item[gs-x="4"] {
102
+ .gs-6 > .grid-stack-item[gs-x="4"] {
103
103
  left: 66.667%;
104
104
  }
105
- .grid-stack-6 > .grid-stack-item[gs-w="5"] {
105
+ .gs-6 > .grid-stack-item[gs-w="5"] {
106
106
  width: 83.333%;
107
107
  }
108
- .grid-stack-6 > .grid-stack-item[gs-x="5"] {
108
+ .gs-6 > .grid-stack-item[gs-x="5"] {
109
109
  left: 83.333%;
110
110
  }
111
- .grid-stack-6 > .grid-stack-item[gs-w="6"] {
111
+ .gs-6 > .grid-stack-item[gs-w="6"] {
112
112
  width: 100%;
113
113
  }
114
114
 
115
- .grid-stack-7 > .grid-stack-item {
116
- min-width: 14.286%;
115
+ .gs-7 > .grid-stack-item {
116
+ width: 14.286%;
117
117
  }
118
- .grid-stack-7 > .grid-stack-item[gs-x="1"] {
118
+ .gs-7 > .grid-stack-item[gs-x="1"] {
119
119
  left: 14.286%;
120
120
  }
121
- .grid-stack-7 > .grid-stack-item[gs-w="2"] {
121
+ .gs-7 > .grid-stack-item[gs-w="2"] {
122
122
  width: 28.571%;
123
123
  }
124
- .grid-stack-7 > .grid-stack-item[gs-x="2"] {
124
+ .gs-7 > .grid-stack-item[gs-x="2"] {
125
125
  left: 28.571%;
126
126
  }
127
- .grid-stack-7 > .grid-stack-item[gs-w="3"] {
127
+ .gs-7 > .grid-stack-item[gs-w="3"] {
128
128
  width: 42.857%;
129
129
  }
130
- .grid-stack-7 > .grid-stack-item[gs-x="3"] {
130
+ .gs-7 > .grid-stack-item[gs-x="3"] {
131
131
  left: 42.857%;
132
132
  }
133
- .grid-stack-7 > .grid-stack-item[gs-w="4"] {
133
+ .gs-7 > .grid-stack-item[gs-w="4"] {
134
134
  width: 57.143%;
135
135
  }
136
- .grid-stack-7 > .grid-stack-item[gs-x="4"] {
136
+ .gs-7 > .grid-stack-item[gs-x="4"] {
137
137
  left: 57.143%;
138
138
  }
139
- .grid-stack-7 > .grid-stack-item[gs-w="5"] {
139
+ .gs-7 > .grid-stack-item[gs-w="5"] {
140
140
  width: 71.429%;
141
141
  }
142
- .grid-stack-7 > .grid-stack-item[gs-x="5"] {
142
+ .gs-7 > .grid-stack-item[gs-x="5"] {
143
143
  left: 71.429%;
144
144
  }
145
- .grid-stack-7 > .grid-stack-item[gs-w="6"] {
145
+ .gs-7 > .grid-stack-item[gs-w="6"] {
146
146
  width: 85.714%;
147
147
  }
148
- .grid-stack-7 > .grid-stack-item[gs-x="6"] {
148
+ .gs-7 > .grid-stack-item[gs-x="6"] {
149
149
  left: 85.714%;
150
150
  }
151
- .grid-stack-7 > .grid-stack-item[gs-w="7"] {
151
+ .gs-7 > .grid-stack-item[gs-w="7"] {
152
152
  width: 100%;
153
153
  }
154
154
 
155
- .grid-stack-8 > .grid-stack-item {
156
- min-width: 12.5%;
155
+ .gs-8 > .grid-stack-item {
156
+ width: 12.5%;
157
157
  }
158
- .grid-stack-8 > .grid-stack-item[gs-x="1"] {
158
+ .gs-8 > .grid-stack-item[gs-x="1"] {
159
159
  left: 12.5%;
160
160
  }
161
- .grid-stack-8 > .grid-stack-item[gs-w="2"] {
161
+ .gs-8 > .grid-stack-item[gs-w="2"] {
162
162
  width: 25%;
163
163
  }
164
- .grid-stack-8 > .grid-stack-item[gs-x="2"] {
164
+ .gs-8 > .grid-stack-item[gs-x="2"] {
165
165
  left: 25%;
166
166
  }
167
- .grid-stack-8 > .grid-stack-item[gs-w="3"] {
167
+ .gs-8 > .grid-stack-item[gs-w="3"] {
168
168
  width: 37.5%;
169
169
  }
170
- .grid-stack-8 > .grid-stack-item[gs-x="3"] {
170
+ .gs-8 > .grid-stack-item[gs-x="3"] {
171
171
  left: 37.5%;
172
172
  }
173
- .grid-stack-8 > .grid-stack-item[gs-w="4"] {
173
+ .gs-8 > .grid-stack-item[gs-w="4"] {
174
174
  width: 50%;
175
175
  }
176
- .grid-stack-8 > .grid-stack-item[gs-x="4"] {
176
+ .gs-8 > .grid-stack-item[gs-x="4"] {
177
177
  left: 50%;
178
178
  }
179
- .grid-stack-8 > .grid-stack-item[gs-w="5"] {
179
+ .gs-8 > .grid-stack-item[gs-w="5"] {
180
180
  width: 62.5%;
181
181
  }
182
- .grid-stack-8 > .grid-stack-item[gs-x="5"] {
182
+ .gs-8 > .grid-stack-item[gs-x="5"] {
183
183
  left: 62.5%;
184
184
  }
185
- .grid-stack-8 > .grid-stack-item[gs-w="6"] {
185
+ .gs-8 > .grid-stack-item[gs-w="6"] {
186
186
  width: 75%;
187
187
  }
188
- .grid-stack-8 > .grid-stack-item[gs-x="6"] {
188
+ .gs-8 > .grid-stack-item[gs-x="6"] {
189
189
  left: 75%;
190
190
  }
191
- .grid-stack-8 > .grid-stack-item[gs-w="7"] {
191
+ .gs-8 > .grid-stack-item[gs-w="7"] {
192
192
  width: 87.5%;
193
193
  }
194
- .grid-stack-8 > .grid-stack-item[gs-x="7"] {
194
+ .gs-8 > .grid-stack-item[gs-x="7"] {
195
195
  left: 87.5%;
196
196
  }
197
- .grid-stack-8 > .grid-stack-item[gs-w="8"] {
197
+ .gs-8 > .grid-stack-item[gs-w="8"] {
198
198
  width: 100%;
199
199
  }
200
200
 
201
- .grid-stack-9 > .grid-stack-item {
202
- min-width: 11.111%;
201
+ .gs-9 > .grid-stack-item {
202
+ width: 11.111%;
203
203
  }
204
- .grid-stack-9 > .grid-stack-item[gs-x="1"] {
204
+ .gs-9 > .grid-stack-item[gs-x="1"] {
205
205
  left: 11.111%;
206
206
  }
207
- .grid-stack-9 > .grid-stack-item[gs-w="2"] {
207
+ .gs-9 > .grid-stack-item[gs-w="2"] {
208
208
  width: 22.222%;
209
209
  }
210
- .grid-stack-9 > .grid-stack-item[gs-x="2"] {
210
+ .gs-9 > .grid-stack-item[gs-x="2"] {
211
211
  left: 22.222%;
212
212
  }
213
- .grid-stack-9 > .grid-stack-item[gs-w="3"] {
213
+ .gs-9 > .grid-stack-item[gs-w="3"] {
214
214
  width: 33.333%;
215
215
  }
216
- .grid-stack-9 > .grid-stack-item[gs-x="3"] {
216
+ .gs-9 > .grid-stack-item[gs-x="3"] {
217
217
  left: 33.333%;
218
218
  }
219
- .grid-stack-9 > .grid-stack-item[gs-w="4"] {
219
+ .gs-9 > .grid-stack-item[gs-w="4"] {
220
220
  width: 44.444%;
221
221
  }
222
- .grid-stack-9 > .grid-stack-item[gs-x="4"] {
222
+ .gs-9 > .grid-stack-item[gs-x="4"] {
223
223
  left: 44.444%;
224
224
  }
225
- .grid-stack-9 > .grid-stack-item[gs-w="5"] {
225
+ .gs-9 > .grid-stack-item[gs-w="5"] {
226
226
  width: 55.556%;
227
227
  }
228
- .grid-stack-9 > .grid-stack-item[gs-x="5"] {
228
+ .gs-9 > .grid-stack-item[gs-x="5"] {
229
229
  left: 55.556%;
230
230
  }
231
- .grid-stack-9 > .grid-stack-item[gs-w="6"] {
231
+ .gs-9 > .grid-stack-item[gs-w="6"] {
232
232
  width: 66.667%;
233
233
  }
234
- .grid-stack-9 > .grid-stack-item[gs-x="6"] {
234
+ .gs-9 > .grid-stack-item[gs-x="6"] {
235
235
  left: 66.667%;
236
236
  }
237
- .grid-stack-9 > .grid-stack-item[gs-w="7"] {
237
+ .gs-9 > .grid-stack-item[gs-w="7"] {
238
238
  width: 77.778%;
239
239
  }
240
- .grid-stack-9 > .grid-stack-item[gs-x="7"] {
240
+ .gs-9 > .grid-stack-item[gs-x="7"] {
241
241
  left: 77.778%;
242
242
  }
243
- .grid-stack-9 > .grid-stack-item[gs-w="8"] {
243
+ .gs-9 > .grid-stack-item[gs-w="8"] {
244
244
  width: 88.889%;
245
245
  }
246
- .grid-stack-9 > .grid-stack-item[gs-x="8"] {
246
+ .gs-9 > .grid-stack-item[gs-x="8"] {
247
247
  left: 88.889%;
248
248
  }
249
- .grid-stack-9 > .grid-stack-item[gs-w="9"] {
249
+ .gs-9 > .grid-stack-item[gs-w="9"] {
250
250
  width: 100%;
251
251
  }
252
252
 
253
- .grid-stack-10 > .grid-stack-item {
254
- min-width: 10%;
253
+ .gs-10 > .grid-stack-item {
254
+ width: 10%;
255
255
  }
256
- .grid-stack-10 > .grid-stack-item[gs-x="1"] {
256
+ .gs-10 > .grid-stack-item[gs-x="1"] {
257
257
  left: 10%;
258
258
  }
259
- .grid-stack-10 > .grid-stack-item[gs-w="2"] {
259
+ .gs-10 > .grid-stack-item[gs-w="2"] {
260
260
  width: 20%;
261
261
  }
262
- .grid-stack-10 > .grid-stack-item[gs-x="2"] {
262
+ .gs-10 > .grid-stack-item[gs-x="2"] {
263
263
  left: 20%;
264
264
  }
265
- .grid-stack-10 > .grid-stack-item[gs-w="3"] {
265
+ .gs-10 > .grid-stack-item[gs-w="3"] {
266
266
  width: 30%;
267
267
  }
268
- .grid-stack-10 > .grid-stack-item[gs-x="3"] {
268
+ .gs-10 > .grid-stack-item[gs-x="3"] {
269
269
  left: 30%;
270
270
  }
271
- .grid-stack-10 > .grid-stack-item[gs-w="4"] {
271
+ .gs-10 > .grid-stack-item[gs-w="4"] {
272
272
  width: 40%;
273
273
  }
274
- .grid-stack-10 > .grid-stack-item[gs-x="4"] {
274
+ .gs-10 > .grid-stack-item[gs-x="4"] {
275
275
  left: 40%;
276
276
  }
277
- .grid-stack-10 > .grid-stack-item[gs-w="5"] {
277
+ .gs-10 > .grid-stack-item[gs-w="5"] {
278
278
  width: 50%;
279
279
  }
280
- .grid-stack-10 > .grid-stack-item[gs-x="5"] {
280
+ .gs-10 > .grid-stack-item[gs-x="5"] {
281
281
  left: 50%;
282
282
  }
283
- .grid-stack-10 > .grid-stack-item[gs-w="6"] {
283
+ .gs-10 > .grid-stack-item[gs-w="6"] {
284
284
  width: 60%;
285
285
  }
286
- .grid-stack-10 > .grid-stack-item[gs-x="6"] {
286
+ .gs-10 > .grid-stack-item[gs-x="6"] {
287
287
  left: 60%;
288
288
  }
289
- .grid-stack-10 > .grid-stack-item[gs-w="7"] {
289
+ .gs-10 > .grid-stack-item[gs-w="7"] {
290
290
  width: 70%;
291
291
  }
292
- .grid-stack-10 > .grid-stack-item[gs-x="7"] {
292
+ .gs-10 > .grid-stack-item[gs-x="7"] {
293
293
  left: 70%;
294
294
  }
295
- .grid-stack-10 > .grid-stack-item[gs-w="8"] {
295
+ .gs-10 > .grid-stack-item[gs-w="8"] {
296
296
  width: 80%;
297
297
  }
298
- .grid-stack-10 > .grid-stack-item[gs-x="8"] {
298
+ .gs-10 > .grid-stack-item[gs-x="8"] {
299
299
  left: 80%;
300
300
  }
301
- .grid-stack-10 > .grid-stack-item[gs-w="9"] {
301
+ .gs-10 > .grid-stack-item[gs-w="9"] {
302
302
  width: 90%;
303
303
  }
304
- .grid-stack-10 > .grid-stack-item[gs-x="9"] {
304
+ .gs-10 > .grid-stack-item[gs-x="9"] {
305
305
  left: 90%;
306
306
  }
307
- .grid-stack-10 > .grid-stack-item[gs-w="10"] {
307
+ .gs-10 > .grid-stack-item[gs-w="10"] {
308
308
  width: 100%;
309
309
  }
310
310
 
311
- .grid-stack-11 > .grid-stack-item {
312
- min-width: 9.091%;
311
+ .gs-11 > .grid-stack-item {
312
+ width: 9.091%;
313
313
  }
314
- .grid-stack-11 > .grid-stack-item[gs-x="1"] {
314
+ .gs-11 > .grid-stack-item[gs-x="1"] {
315
315
  left: 9.091%;
316
316
  }
317
- .grid-stack-11 > .grid-stack-item[gs-w="2"] {
317
+ .gs-11 > .grid-stack-item[gs-w="2"] {
318
318
  width: 18.182%;
319
319
  }
320
- .grid-stack-11 > .grid-stack-item[gs-x="2"] {
320
+ .gs-11 > .grid-stack-item[gs-x="2"] {
321
321
  left: 18.182%;
322
322
  }
323
- .grid-stack-11 > .grid-stack-item[gs-w="3"] {
323
+ .gs-11 > .grid-stack-item[gs-w="3"] {
324
324
  width: 27.273%;
325
325
  }
326
- .grid-stack-11 > .grid-stack-item[gs-x="3"] {
326
+ .gs-11 > .grid-stack-item[gs-x="3"] {
327
327
  left: 27.273%;
328
328
  }
329
- .grid-stack-11 > .grid-stack-item[gs-w="4"] {
329
+ .gs-11 > .grid-stack-item[gs-w="4"] {
330
330
  width: 36.364%;
331
331
  }
332
- .grid-stack-11 > .grid-stack-item[gs-x="4"] {
332
+ .gs-11 > .grid-stack-item[gs-x="4"] {
333
333
  left: 36.364%;
334
334
  }
335
- .grid-stack-11 > .grid-stack-item[gs-w="5"] {
335
+ .gs-11 > .grid-stack-item[gs-w="5"] {
336
336
  width: 45.455%;
337
337
  }
338
- .grid-stack-11 > .grid-stack-item[gs-x="5"] {
338
+ .gs-11 > .grid-stack-item[gs-x="5"] {
339
339
  left: 45.455%;
340
340
  }
341
- .grid-stack-11 > .grid-stack-item[gs-w="6"] {
341
+ .gs-11 > .grid-stack-item[gs-w="6"] {
342
342
  width: 54.545%;
343
343
  }
344
- .grid-stack-11 > .grid-stack-item[gs-x="6"] {
344
+ .gs-11 > .grid-stack-item[gs-x="6"] {
345
345
  left: 54.545%;
346
346
  }
347
- .grid-stack-11 > .grid-stack-item[gs-w="7"] {
347
+ .gs-11 > .grid-stack-item[gs-w="7"] {
348
348
  width: 63.636%;
349
349
  }
350
- .grid-stack-11 > .grid-stack-item[gs-x="7"] {
350
+ .gs-11 > .grid-stack-item[gs-x="7"] {
351
351
  left: 63.636%;
352
352
  }
353
- .grid-stack-11 > .grid-stack-item[gs-w="8"] {
353
+ .gs-11 > .grid-stack-item[gs-w="8"] {
354
354
  width: 72.727%;
355
355
  }
356
- .grid-stack-11 > .grid-stack-item[gs-x="8"] {
356
+ .gs-11 > .grid-stack-item[gs-x="8"] {
357
357
  left: 72.727%;
358
358
  }
359
- .grid-stack-11 > .grid-stack-item[gs-w="9"] {
359
+ .gs-11 > .grid-stack-item[gs-w="9"] {
360
360
  width: 81.818%;
361
361
  }
362
- .grid-stack-11 > .grid-stack-item[gs-x="9"] {
362
+ .gs-11 > .grid-stack-item[gs-x="9"] {
363
363
  left: 81.818%;
364
364
  }
365
- .grid-stack-11 > .grid-stack-item[gs-w="10"] {
365
+ .gs-11 > .grid-stack-item[gs-w="10"] {
366
366
  width: 90.909%;
367
367
  }
368
- .grid-stack-11 > .grid-stack-item[gs-x="10"] {
368
+ .gs-11 > .grid-stack-item[gs-x="10"] {
369
369
  left: 90.909%;
370
370
  }
371
- .grid-stack-11 > .grid-stack-item[gs-w="11"] {
371
+ .gs-11 > .grid-stack-item[gs-w="11"] {
372
372
  width: 100%;
373
373
  }
package/dist/gridstack-extra.min.css CHANGED
@@ -1 +1 @@
1
- .grid-stack-2>.grid-stack-item{min-width:50%}.grid-stack-2>.grid-stack-item[gs-x="1"]{left:50%}.grid-stack-2>.grid-stack-item[gs-w="2"]{width:100%}.grid-stack-3>.grid-stack-item{min-width:33.333%}.grid-stack-3>.grid-stack-item[gs-x="1"]{left:33.333%}.grid-stack-3>.grid-stack-item[gs-w="2"]{width:66.667%}.grid-stack-3>.grid-stack-item[gs-x="2"]{left:66.667%}.grid-stack-3>.grid-stack-item[gs-w="3"]{width:100%}.grid-stack-4>.grid-stack-item{min-width:25%}.grid-stack-4>.grid-stack-item[gs-x="1"]{left:25%}.grid-stack-4>.grid-stack-item[gs-w="2"]{width:50%}.grid-stack-4>.grid-stack-item[gs-x="2"]{left:50%}.grid-stack-4>.grid-stack-item[gs-w="3"]{width:75%}.grid-stack-4>.grid-stack-item[gs-x="3"]{left:75%}.grid-stack-4>.grid-stack-item[gs-w="4"]{width:100%}.grid-stack-5>.grid-stack-item{min-width:20%}.grid-stack-5>.grid-stack-item[gs-x="1"]{left:20%}.grid-stack-5>.grid-stack-item[gs-w="2"]{width:40%}.grid-stack-5>.grid-stack-item[gs-x="2"]{left:40%}.grid-stack-5>.grid-stack-item[gs-w="3"]{width:60%}.grid-stack-5>.grid-stack-item[gs-x="3"]{left:60%}.grid-stack-5>.grid-stack-item[gs-w="4"]{width:80%}.grid-stack-5>.grid-stack-item[gs-x="4"]{left:80%}.grid-stack-5>.grid-stack-item[gs-w="5"]{width:100%}.grid-stack-6>.grid-stack-item{min-width:16.667%}.grid-stack-6>.grid-stack-item[gs-x="1"]{left:16.667%}.grid-stack-6>.grid-stack-item[gs-w="2"]{width:33.333%}.grid-stack-6>.grid-stack-item[gs-x="2"]{left:33.333%}.grid-stack-6>.grid-stack-item[gs-w="3"]{width:50%}.grid-stack-6>.grid-stack-item[gs-x="3"]{left:50%}.grid-stack-6>.grid-stack-item[gs-w="4"]{width:66.667%}.grid-stack-6>.grid-stack-item[gs-x="4"]{left:66.667%}.grid-stack-6>.grid-stack-item[gs-w="5"]{width:83.333%}.grid-stack-6>.grid-stack-item[gs-x="5"]{left:83.333%}.grid-stack-6>.grid-stack-item[gs-w="6"]{width:100%}.grid-stack-7>.grid-stack-item{min-width:14.286%}.grid-stack-7>.grid-stack-item[gs-x="1"]{left:14.286%}.grid-stack-7>.grid-stack-item[gs-w="2"]{width:28.571%}.grid-stack-7>.grid-stack-item[gs-x="2"]{left:28.571%}.grid-stack-7>.grid-stack-item[gs-w="3"]{width:42.857%}.grid-stack-7>.grid-stack-item[gs-x="3"]{left:42.857%}.grid-stack-7>.grid-stack-item[gs-w="4"]{width:57.143%}.grid-stack-7>.grid-stack-item[gs-x="4"]{left:57.143%}.grid-stack-7>.grid-stack-item[gs-w="5"]{width:71.429%}.grid-stack-7>.grid-stack-item[gs-x="5"]{left:71.429%}.grid-stack-7>.grid-stack-item[gs-w="6"]{width:85.714%}.grid-stack-7>.grid-stack-item[gs-x="6"]{left:85.714%}.grid-stack-7>.grid-stack-item[gs-w="7"]{width:100%}.grid-stack-8>.grid-stack-item{min-width:12.5%}.grid-stack-8>.grid-stack-item[gs-x="1"]{left:12.5%}.grid-stack-8>.grid-stack-item[gs-w="2"]{width:25%}.grid-stack-8>.grid-stack-item[gs-x="2"]{left:25%}.grid-stack-8>.grid-stack-item[gs-w="3"]{width:37.5%}.grid-stack-8>.grid-stack-item[gs-x="3"]{left:37.5%}.grid-stack-8>.grid-stack-item[gs-w="4"]{width:50%}.grid-stack-8>.grid-stack-item[gs-x="4"]{left:50%}.grid-stack-8>.grid-stack-item[gs-w="5"]{width:62.5%}.grid-stack-8>.grid-stack-item[gs-x="5"]{left:62.5%}.grid-stack-8>.grid-stack-item[gs-w="6"]{width:75%}.grid-stack-8>.grid-stack-item[gs-x="6"]{left:75%}.grid-stack-8>.grid-stack-item[gs-w="7"]{width:87.5%}.grid-stack-8>.grid-stack-item[gs-x="7"]{left:87.5%}.grid-stack-8>.grid-stack-item[gs-w="8"]{width:100%}.grid-stack-9>.grid-stack-item{min-width:11.111%}.grid-stack-9>.grid-stack-item[gs-x="1"]{left:11.111%}.grid-stack-9>.grid-stack-item[gs-w="2"]{width:22.222%}.grid-stack-9>.grid-stack-item[gs-x="2"]{left:22.222%}.grid-stack-9>.grid-stack-item[gs-w="3"]{width:33.333%}.grid-stack-9>.grid-stack-item[gs-x="3"]{left:33.333%}.grid-stack-9>.grid-stack-item[gs-w="4"]{width:44.444%}.grid-stack-9>.grid-stack-item[gs-x="4"]{left:44.444%}.grid-stack-9>.grid-stack-item[gs-w="5"]{width:55.556%}.grid-stack-9>.grid-stack-item[gs-x="5"]{left:55.556%}.grid-stack-9>.grid-stack-item[gs-w="6"]{width:66.667%}.grid-stack-9>.grid-stack-item[gs-x="6"]{left:66.667%}.grid-stack-9>.grid-stack-item[gs-w="7"]{width:77.778%}.grid-stack-9>.grid-stack-item[gs-x="7"]{left:77.778%}.grid-stack-9>.grid-stack-item[gs-w="8"]{width:88.889%}.grid-stack-9>.grid-stack-item[gs-x="8"]{left:88.889%}.grid-stack-9>.grid-stack-item[gs-w="9"]{width:100%}.grid-stack-10>.grid-stack-item{min-width:10%}.grid-stack-10>.grid-stack-item[gs-x="1"]{left:10%}.grid-stack-10>.grid-stack-item[gs-w="2"]{width:20%}.grid-stack-10>.grid-stack-item[gs-x="2"]{left:20%}.grid-stack-10>.grid-stack-item[gs-w="3"]{width:30%}.grid-stack-10>.grid-stack-item[gs-x="3"]{left:30%}.grid-stack-10>.grid-stack-item[gs-w="4"]{width:40%}.grid-stack-10>.grid-stack-item[gs-x="4"]{left:40%}.grid-stack-10>.grid-stack-item[gs-w="5"]{width:50%}.grid-stack-10>.grid-stack-item[gs-x="5"]{left:50%}.grid-stack-10>.grid-stack-item[gs-w="6"]{width:60%}.grid-stack-10>.grid-stack-item[gs-x="6"]{left:60%}.grid-stack-10>.grid-stack-item[gs-w="7"]{width:70%}.grid-stack-10>.grid-stack-item[gs-x="7"]{left:70%}.grid-stack-10>.grid-stack-item[gs-w="8"]{width:80%}.grid-stack-10>.grid-stack-item[gs-x="8"]{left:80%}.grid-stack-10>.grid-stack-item[gs-w="9"]{width:90%}.grid-stack-10>.grid-stack-item[gs-x="9"]{left:90%}.grid-stack-10>.grid-stack-item[gs-w="10"]{width:100%}.grid-stack-11>.grid-stack-item{min-width:9.091%}.grid-stack-11>.grid-stack-item[gs-x="1"]{left:9.091%}.grid-stack-11>.grid-stack-item[gs-w="2"]{width:18.182%}.grid-stack-11>.grid-stack-item[gs-x="2"]{left:18.182%}.grid-stack-11>.grid-stack-item[gs-w="3"]{width:27.273%}.grid-stack-11>.grid-stack-item[gs-x="3"]{left:27.273%}.grid-stack-11>.grid-stack-item[gs-w="4"]{width:36.364%}.grid-stack-11>.grid-stack-item[gs-x="4"]{left:36.364%}.grid-stack-11>.grid-stack-item[gs-w="5"]{width:45.455%}.grid-stack-11>.grid-stack-item[gs-x="5"]{left:45.455%}.grid-stack-11>.grid-stack-item[gs-w="6"]{width:54.545%}.grid-stack-11>.grid-stack-item[gs-x="6"]{left:54.545%}.grid-stack-11>.grid-stack-item[gs-w="7"]{width:63.636%}.grid-stack-11>.grid-stack-item[gs-x="7"]{left:63.636%}.grid-stack-11>.grid-stack-item[gs-w="8"]{width:72.727%}.grid-stack-11>.grid-stack-item[gs-x="8"]{left:72.727%}.grid-stack-11>.grid-stack-item[gs-w="9"]{width:81.818%}.grid-stack-11>.grid-stack-item[gs-x="9"]{left:81.818%}.grid-stack-11>.grid-stack-item[gs-w="10"]{width:90.909%}.grid-stack-11>.grid-stack-item[gs-x="10"]{left:90.909%}.grid-stack-11>.grid-stack-item[gs-w="11"]{width:100%}
1
+ .gs-2>.grid-stack-item{width:50%}.gs-2>.grid-stack-item[gs-x="1"]{left:50%}.gs-2>.grid-stack-item[gs-w="2"]{width:100%}.gs-3>.grid-stack-item{width:33.333%}.gs-3>.grid-stack-item[gs-x="1"]{left:33.333%}.gs-3>.grid-stack-item[gs-w="2"]{width:66.667%}.gs-3>.grid-stack-item[gs-x="2"]{left:66.667%}.gs-3>.grid-stack-item[gs-w="3"]{width:100%}.gs-4>.grid-stack-item{width:25%}.gs-4>.grid-stack-item[gs-x="1"]{left:25%}.gs-4>.grid-stack-item[gs-w="2"]{width:50%}.gs-4>.grid-stack-item[gs-x="2"]{left:50%}.gs-4>.grid-stack-item[gs-w="3"]{width:75%}.gs-4>.grid-stack-item[gs-x="3"]{left:75%}.gs-4>.grid-stack-item[gs-w="4"]{width:100%}.gs-5>.grid-stack-item{width:20%}.gs-5>.grid-stack-item[gs-x="1"]{left:20%}.gs-5>.grid-stack-item[gs-w="2"]{width:40%}.gs-5>.grid-stack-item[gs-x="2"]{left:40%}.gs-5>.grid-stack-item[gs-w="3"]{width:60%}.gs-5>.grid-stack-item[gs-x="3"]{left:60%}.gs-5>.grid-stack-item[gs-w="4"]{width:80%}.gs-5>.grid-stack-item[gs-x="4"]{left:80%}.gs-5>.grid-stack-item[gs-w="5"]{width:100%}.gs-6>.grid-stack-item{width:16.667%}.gs-6>.grid-stack-item[gs-x="1"]{left:16.667%}.gs-6>.grid-stack-item[gs-w="2"]{width:33.333%}.gs-6>.grid-stack-item[gs-x="2"]{left:33.333%}.gs-6>.grid-stack-item[gs-w="3"]{width:50%}.gs-6>.grid-stack-item[gs-x="3"]{left:50%}.gs-6>.grid-stack-item[gs-w="4"]{width:66.667%}.gs-6>.grid-stack-item[gs-x="4"]{left:66.667%}.gs-6>.grid-stack-item[gs-w="5"]{width:83.333%}.gs-6>.grid-stack-item[gs-x="5"]{left:83.333%}.gs-6>.grid-stack-item[gs-w="6"]{width:100%}.gs-7>.grid-stack-item{width:14.286%}.gs-7>.grid-stack-item[gs-x="1"]{left:14.286%}.gs-7>.grid-stack-item[gs-w="2"]{width:28.571%}.gs-7>.grid-stack-item[gs-x="2"]{left:28.571%}.gs-7>.grid-stack-item[gs-w="3"]{width:42.857%}.gs-7>.grid-stack-item[gs-x="3"]{left:42.857%}.gs-7>.grid-stack-item[gs-w="4"]{width:57.143%}.gs-7>.grid-stack-item[gs-x="4"]{left:57.143%}.gs-7>.grid-stack-item[gs-w="5"]{width:71.429%}.gs-7>.grid-stack-item[gs-x="5"]{left:71.429%}.gs-7>.grid-stack-item[gs-w="6"]{width:85.714%}.gs-7>.grid-stack-item[gs-x="6"]{left:85.714%}.gs-7>.grid-stack-item[gs-w="7"]{width:100%}.gs-8>.grid-stack-item{width:12.5%}.gs-8>.grid-stack-item[gs-x="1"]{left:12.5%}.gs-8>.grid-stack-item[gs-w="2"]{width:25%}.gs-8>.grid-stack-item[gs-x="2"]{left:25%}.gs-8>.grid-stack-item[gs-w="3"]{width:37.5%}.gs-8>.grid-stack-item[gs-x="3"]{left:37.5%}.gs-8>.grid-stack-item[gs-w="4"]{width:50%}.gs-8>.grid-stack-item[gs-x="4"]{left:50%}.gs-8>.grid-stack-item[gs-w="5"]{width:62.5%}.gs-8>.grid-stack-item[gs-x="5"]{left:62.5%}.gs-8>.grid-stack-item[gs-w="6"]{width:75%}.gs-8>.grid-stack-item[gs-x="6"]{left:75%}.gs-8>.grid-stack-item[gs-w="7"]{width:87.5%}.gs-8>.grid-stack-item[gs-x="7"]{left:87.5%}.gs-8>.grid-stack-item[gs-w="8"]{width:100%}.gs-9>.grid-stack-item{width:11.111%}.gs-9>.grid-stack-item[gs-x="1"]{left:11.111%}.gs-9>.grid-stack-item[gs-w="2"]{width:22.222%}.gs-9>.grid-stack-item[gs-x="2"]{left:22.222%}.gs-9>.grid-stack-item[gs-w="3"]{width:33.333%}.gs-9>.grid-stack-item[gs-x="3"]{left:33.333%}.gs-9>.grid-stack-item[gs-w="4"]{width:44.444%}.gs-9>.grid-stack-item[gs-x="4"]{left:44.444%}.gs-9>.grid-stack-item[gs-w="5"]{width:55.556%}.gs-9>.grid-stack-item[gs-x="5"]{left:55.556%}.gs-9>.grid-stack-item[gs-w="6"]{width:66.667%}.gs-9>.grid-stack-item[gs-x="6"]{left:66.667%}.gs-9>.grid-stack-item[gs-w="7"]{width:77.778%}.gs-9>.grid-stack-item[gs-x="7"]{left:77.778%}.gs-9>.grid-stack-item[gs-w="8"]{width:88.889%}.gs-9>.grid-stack-item[gs-x="8"]{left:88.889%}.gs-9>.grid-stack-item[gs-w="9"]{width:100%}.gs-10>.grid-stack-item{width:10%}.gs-10>.grid-stack-item[gs-x="1"]{left:10%}.gs-10>.grid-stack-item[gs-w="2"]{width:20%}.gs-10>.grid-stack-item[gs-x="2"]{left:20%}.gs-10>.grid-stack-item[gs-w="3"]{width:30%}.gs-10>.grid-stack-item[gs-x="3"]{left:30%}.gs-10>.grid-stack-item[gs-w="4"]{width:40%}.gs-10>.grid-stack-item[gs-x="4"]{left:40%}.gs-10>.grid-stack-item[gs-w="5"]{width:50%}.gs-10>.grid-stack-item[gs-x="5"]{left:50%}.gs-10>.grid-stack-item[gs-w="6"]{width:60%}.gs-10>.grid-stack-item[gs-x="6"]{left:60%}.gs-10>.grid-stack-item[gs-w="7"]{width:70%}.gs-10>.grid-stack-item[gs-x="7"]{left:70%}.gs-10>.grid-stack-item[gs-w="8"]{width:80%}.gs-10>.grid-stack-item[gs-x="8"]{left:80%}.gs-10>.grid-stack-item[gs-w="9"]{width:90%}.gs-10>.grid-stack-item[gs-x="9"]{left:90%}.gs-10>.grid-stack-item[gs-w="10"]{width:100%}.gs-11>.grid-stack-item{width:9.091%}.gs-11>.grid-stack-item[gs-x="1"]{left:9.091%}.gs-11>.grid-stack-item[gs-w="2"]{width:18.182%}.gs-11>.grid-stack-item[gs-x="2"]{left:18.182%}.gs-11>.grid-stack-item[gs-w="3"]{width:27.273%}.gs-11>.grid-stack-item[gs-x="3"]{left:27.273%}.gs-11>.grid-stack-item[gs-w="4"]{width:36.364%}.gs-11>.grid-stack-item[gs-x="4"]{left:36.364%}.gs-11>.grid-stack-item[gs-w="5"]{width:45.455%}.gs-11>.grid-stack-item[gs-x="5"]{left:45.455%}.gs-11>.grid-stack-item[gs-w="6"]{width:54.545%}.gs-11>.grid-stack-item[gs-x="6"]{left:54.545%}.gs-11>.grid-stack-item[gs-w="7"]{width:63.636%}.gs-11>.grid-stack-item[gs-x="7"]{left:63.636%}.gs-11>.grid-stack-item[gs-w="8"]{width:72.727%}.gs-11>.grid-stack-item[gs-x="8"]{left:72.727%}.gs-11>.grid-stack-item[gs-w="9"]{width:81.818%}.gs-11>.grid-stack-item[gs-x="9"]{left:81.818%}.gs-11>.grid-stack-item[gs-w="10"]{width:90.909%}.gs-11>.grid-stack-item[gs-x="10"]{left:90.909%}.gs-11>.grid-stack-item[gs-w="11"]{width:100%}
package/dist/gridstack.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * gridstack SASS styles 8.1.0
2
+ * gridstack SASS styles 8.1.2
3
3
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
4
4
  */
5
5
  .grid-stack {
@@ -23,6 +23,8 @@
23
23
 
24
24
  .grid-stack > .grid-stack-item {
25
25
  position: absolute;
26
+ top: 0px;
27
+ left: 0%;
26
28
  padding: 0;
27
29
  }
28
30
  .grid-stack > .grid-stack-item > .grid-stack-item-content {
@@ -140,80 +142,76 @@
140
142
  transition: left 0s, top 0s, height 0s, width 0s;
141
143
  }
142
144
 
143
- .grid-stack > .grid-stack-item[gs-x="0"] {
144
- left: 0%;
145
+ .gs-12 > .grid-stack-item {
146
+ width: 8.333%;
145
147
  }
146
-
147
- .grid-stack-12 > .grid-stack-item {
148
- min-width: 8.333%;
149
- }
150
- .grid-stack-12 > .grid-stack-item[gs-x="1"] {
148
+ .gs-12 > .grid-stack-item[gs-x="1"] {
151
149
  left: 8.333%;
152
150
  }
153
- .grid-stack-12 > .grid-stack-item[gs-w="2"] {
151
+ .gs-12 > .grid-stack-item[gs-w="2"] {
154
152
  width: 16.667%;
155
153
  }
156
- .grid-stack-12 > .grid-stack-item[gs-x="2"] {
154
+ .gs-12 > .grid-stack-item[gs-x="2"] {
157
155
  left: 16.667%;
158
156
  }
159
- .grid-stack-12 > .grid-stack-item[gs-w="3"] {
157
+ .gs-12 > .grid-stack-item[gs-w="3"] {
160
158
  width: 25%;
161
159
  }
162
- .grid-stack-12 > .grid-stack-item[gs-x="3"] {
160
+ .gs-12 > .grid-stack-item[gs-x="3"] {
163
161
  left: 25%;
164
162
  }
165
- .grid-stack-12 > .grid-stack-item[gs-w="4"] {
163
+ .gs-12 > .grid-stack-item[gs-w="4"] {
166
164
  width: 33.333%;
167
165
  }
168
- .grid-stack-12 > .grid-stack-item[gs-x="4"] {
166
+ .gs-12 > .grid-stack-item[gs-x="4"] {
169
167
  left: 33.333%;
170
168
  }
171
- .grid-stack-12 > .grid-stack-item[gs-w="5"] {
169
+ .gs-12 > .grid-stack-item[gs-w="5"] {
172
170
  width: 41.667%;
173
171
  }
174
- .grid-stack-12 > .grid-stack-item[gs-x="5"] {
172
+ .gs-12 > .grid-stack-item[gs-x="5"] {
175
173
  left: 41.667%;
176
174
  }
177
- .grid-stack-12 > .grid-stack-item[gs-w="6"] {
175
+ .gs-12 > .grid-stack-item[gs-w="6"] {
178
176
  width: 50%;
179
177
  }
180
- .grid-stack-12 > .grid-stack-item[gs-x="6"] {
178
+ .gs-12 > .grid-stack-item[gs-x="6"] {
181
179
  left: 50%;
182
180
  }
183
- .grid-stack-12 > .grid-stack-item[gs-w="7"] {
181
+ .gs-12 > .grid-stack-item[gs-w="7"] {
184
182
  width: 58.333%;
185
183
  }
186
- .grid-stack-12 > .grid-stack-item[gs-x="7"] {
184
+ .gs-12 > .grid-stack-item[gs-x="7"] {
187
185
  left: 58.333%;
188
186
  }
189
- .grid-stack-12 > .grid-stack-item[gs-w="8"] {
187
+ .gs-12 > .grid-stack-item[gs-w="8"] {
190
188
  width: 66.667%;
191
189
  }
192
- .grid-stack-12 > .grid-stack-item[gs-x="8"] {
190
+ .gs-12 > .grid-stack-item[gs-x="8"] {
193
191
  left: 66.667%;
194
192
  }
195
- .grid-stack-12 > .grid-stack-item[gs-w="9"] {
193
+ .gs-12 > .grid-stack-item[gs-w="9"] {
196
194
  width: 75%;
197
195
  }
198
- .grid-stack-12 > .grid-stack-item[gs-x="9"] {
196
+ .gs-12 > .grid-stack-item[gs-x="9"] {
199
197
  left: 75%;
200
198
  }
201
- .grid-stack-12 > .grid-stack-item[gs-w="10"] {
199
+ .gs-12 > .grid-stack-item[gs-w="10"] {
202
200
  width: 83.333%;
203
201
  }
204
- .grid-stack-12 > .grid-stack-item[gs-x="10"] {
202
+ .gs-12 > .grid-stack-item[gs-x="10"] {
205
203
  left: 83.333%;
206
204
  }
207
- .grid-stack-12 > .grid-stack-item[gs-w="11"] {
205
+ .gs-12 > .grid-stack-item[gs-w="11"] {
208
206
  width: 91.667%;
209
207
  }
210
- .grid-stack-12 > .grid-stack-item[gs-x="11"] {
208
+ .gs-12 > .grid-stack-item[gs-x="11"] {
211
209
  left: 91.667%;
212
210
  }
213
- .grid-stack-12 > .grid-stack-item[gs-w="12"] {
211
+ .gs-12 > .grid-stack-item[gs-w="12"] {
214
212
  width: 100%;
215
213
  }
216
214
 
217
- .grid-stack-1 > .grid-stack-item {
218
- min-width: 100%;
215
+ .gs-1 > .grid-stack-item {
216
+ width: 100%;
219
217
  }