gridstack 4.2.7 → 4.4.1

package/dist/gridstack-extra.css

@@ -3,551 +3,821 @@
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 .grid-stack.grid-stack-2 > .grid-stack-item {
-  min-width: 50%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-w='1'] {
-    width: 50%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-x='1'] {
-    left: 50%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 50%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 50%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-w='2'] {
-    width: 100%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-x='2'] {
-    left: 100%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 100%; }
+  min-width: 50%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="1"] {
+  width: 50%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="1"] {
+  left: 50%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 50%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 50%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="2"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="2"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-3 > .grid-stack-item {
-  min-width: 33.3333333333%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='1'] {
-    width: 33.3333333333%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='1'] {
-    left: 33.3333333333%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 33.3333333333%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 33.3333333333%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='2'] {
-    width: 66.6666666667%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='2'] {
-    left: 66.6666666667%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 66.6666666667%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 66.6666666667%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-w='3'] {
-    width: 100%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-x='3'] {
-    left: 100%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 100%; }
+  min-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="1"] {
+  width: 33.3333333333%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="1"] {
+  left: 33.3333333333%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="2"] {
+  width: 66.6666666667%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="2"] {
+  left: 66.6666666667%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="3"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="3"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-4 > .grid-stack-item {
-  min-width: 25%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='1'] {
-    width: 25%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='1'] {
-    left: 25%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 25%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 25%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='2'] {
-    width: 50%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='2'] {
-    left: 50%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 50%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 50%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='3'] {
-    width: 75%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='3'] {
-    left: 75%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 75%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 75%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-w='4'] {
-    width: 100%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-x='4'] {
-    left: 100%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 100%; }
+  min-width: 25%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="1"] {
+  width: 25%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="1"] {
+  left: 25%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 25%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 25%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="2"] {
+  width: 50%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="2"] {
+  left: 50%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 50%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 50%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="3"] {
+  width: 75%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="3"] {
+  left: 75%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 75%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 75%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="4"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="4"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-5 > .grid-stack-item {
-  min-width: 20%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='1'] {
-    width: 20%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='1'] {
-    left: 20%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 20%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 20%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='2'] {
-    width: 40%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='2'] {
-    left: 40%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 40%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 40%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='3'] {
-    width: 60%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='3'] {
-    left: 60%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 60%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 60%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='4'] {
-    width: 80%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='4'] {
-    left: 80%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 80%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 80%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-w='5'] {
-    width: 100%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-x='5'] {
-    left: 100%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 100%; }
+  min-width: 20%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="1"] {
+  width: 20%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="1"] {
+  left: 20%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 20%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 20%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="2"] {
+  width: 40%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="2"] {
+  left: 40%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 40%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 40%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="3"] {
+  width: 60%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="3"] {
+  left: 60%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 60%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 60%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="4"] {
+  width: 80%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="4"] {
+  left: 80%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 80%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 80%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="5"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="5"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-6 > .grid-stack-item {
-  min-width: 16.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='1'] {
-    width: 16.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='1'] {
-    left: 16.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 16.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 16.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='2'] {
-    width: 33.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='2'] {
-    left: 33.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 33.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 33.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='3'] {
-    width: 50%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='3'] {
-    left: 50%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 50%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 50%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='4'] {
-    width: 66.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='4'] {
-    left: 66.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 66.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 66.6666666667%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='5'] {
-    width: 83.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='5'] {
-    left: 83.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 83.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 83.3333333333%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-w='6'] {
-    width: 100%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-x='6'] {
-    left: 100%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 100%; }
+  min-width: 16.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="1"] {
+  width: 16.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="1"] {
+  left: 16.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 16.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 16.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="2"] {
+  width: 33.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="2"] {
+  left: 33.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="3"] {
+  width: 50%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="3"] {
+  left: 50%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 50%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 50%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="4"] {
+  width: 66.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="4"] {
+  left: 66.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="5"] {
+  width: 83.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="5"] {
+  left: 83.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 83.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 83.3333333333%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="6"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="6"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-7 > .grid-stack-item {
-  min-width: 14.2857142857%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='1'] {
-    width: 14.2857142857%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='1'] {
-    left: 14.2857142857%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 14.2857142857%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 14.2857142857%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='2'] {
-    width: 28.5714285714%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='2'] {
-    left: 28.5714285714%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 28.5714285714%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 28.5714285714%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='3'] {
-    width: 42.8571428571%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='3'] {
-    left: 42.8571428571%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 42.8571428571%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 42.8571428571%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='4'] {
-    width: 57.1428571429%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='4'] {
-    left: 57.1428571429%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 57.1428571429%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 57.1428571429%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='5'] {
-    width: 71.4285714286%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='5'] {
-    left: 71.4285714286%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 71.4285714286%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 71.4285714286%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='6'] {
-    width: 85.7142857143%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='6'] {
-    left: 85.7142857143%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 85.7142857143%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 85.7142857143%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-w='7'] {
-    width: 100%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-x='7'] {
-    left: 100%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w='7'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w='7'] {
-    max-width: 100%; }
+  min-width: 14.2857142857%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="1"] {
+  width: 14.2857142857%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="1"] {
+  left: 14.2857142857%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 14.2857142857%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 14.2857142857%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="2"] {
+  width: 28.5714285714%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="2"] {
+  left: 28.5714285714%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 28.5714285714%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 28.5714285714%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="3"] {
+  width: 42.8571428571%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="3"] {
+  left: 42.8571428571%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 42.8571428571%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 42.8571428571%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="4"] {
+  width: 57.1428571429%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="4"] {
+  left: 57.1428571429%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 57.1428571429%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 57.1428571429%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="5"] {
+  width: 71.4285714286%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="5"] {
+  left: 71.4285714286%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 71.4285714286%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 71.4285714286%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="6"] {
+  width: 85.7142857143%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="6"] {
+  left: 85.7142857143%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 85.7142857143%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 85.7142857143%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="7"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="7"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="7"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="7"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-8 > .grid-stack-item {
-  min-width: 12.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='1'] {
-    width: 12.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='1'] {
-    left: 12.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 12.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 12.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='2'] {
-    width: 25%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='2'] {
-    left: 25%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 25%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 25%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='3'] {
-    width: 37.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='3'] {
-    left: 37.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 37.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 37.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='4'] {
-    width: 50%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='4'] {
-    left: 50%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 50%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 50%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='5'] {
-    width: 62.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='5'] {
-    left: 62.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 62.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 62.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='6'] {
-    width: 75%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='6'] {
-    left: 75%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 75%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 75%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='7'] {
-    width: 87.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='7'] {
-    left: 87.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='7'] {
-    min-width: 87.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='7'] {
-    max-width: 87.5%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-w='8'] {
-    width: 100%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-x='8'] {
-    left: 100%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w='8'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w='8'] {
-    max-width: 100%; }
+  min-width: 12.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="1"] {
+  width: 12.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="1"] {
+  left: 12.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 12.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 12.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="2"] {
+  width: 25%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="2"] {
+  left: 25%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 25%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 25%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="3"] {
+  width: 37.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="3"] {
+  left: 37.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 37.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 37.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="4"] {
+  width: 50%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="4"] {
+  left: 50%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 50%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 50%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="5"] {
+  width: 62.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="5"] {
+  left: 62.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 62.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 62.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="6"] {
+  width: 75%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="6"] {
+  left: 75%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 75%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 75%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="7"] {
+  width: 87.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="7"] {
+  left: 87.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="7"] {
+  min-width: 87.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="7"] {
+  max-width: 87.5%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="8"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="8"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="8"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="8"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-9 > .grid-stack-item {
-  min-width: 11.1111111111%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='1'] {
-    width: 11.1111111111%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='1'] {
-    left: 11.1111111111%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 11.1111111111%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 11.1111111111%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='2'] {
-    width: 22.2222222222%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='2'] {
-    left: 22.2222222222%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 22.2222222222%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 22.2222222222%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='3'] {
-    width: 33.3333333333%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='3'] {
-    left: 33.3333333333%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 33.3333333333%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 33.3333333333%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='4'] {
-    width: 44.4444444444%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='4'] {
-    left: 44.4444444444%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 44.4444444444%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 44.4444444444%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='5'] {
-    width: 55.5555555556%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='5'] {
-    left: 55.5555555556%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 55.5555555556%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 55.5555555556%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='6'] {
-    width: 66.6666666667%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='6'] {
-    left: 66.6666666667%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 66.6666666667%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 66.6666666667%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='7'] {
-    width: 77.7777777778%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='7'] {
-    left: 77.7777777778%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='7'] {
-    min-width: 77.7777777778%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='7'] {
-    max-width: 77.7777777778%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='8'] {
-    width: 88.8888888889%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='8'] {
-    left: 88.8888888889%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='8'] {
-    min-width: 88.8888888889%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='8'] {
-    max-width: 88.8888888889%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-w='9'] {
-    width: 100%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-x='9'] {
-    left: 100%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w='9'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w='9'] {
-    max-width: 100%; }
+  min-width: 11.1111111111%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="1"] {
+  width: 11.1111111111%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="1"] {
+  left: 11.1111111111%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 11.1111111111%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 11.1111111111%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="2"] {
+  width: 22.2222222222%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="2"] {
+  left: 22.2222222222%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 22.2222222222%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 22.2222222222%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="3"] {
+  width: 33.3333333333%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="3"] {
+  left: 33.3333333333%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 33.3333333333%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="4"] {
+  width: 44.4444444444%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="4"] {
+  left: 44.4444444444%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 44.4444444444%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 44.4444444444%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="5"] {
+  width: 55.5555555556%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="5"] {
+  left: 55.5555555556%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 55.5555555556%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 55.5555555556%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="6"] {
+  width: 66.6666666667%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="6"] {
+  left: 66.6666666667%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 66.6666666667%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="7"] {
+  width: 77.7777777778%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="7"] {
+  left: 77.7777777778%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="7"] {
+  min-width: 77.7777777778%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="7"] {
+  max-width: 77.7777777778%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="8"] {
+  width: 88.8888888889%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="8"] {
+  left: 88.8888888889%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="8"] {
+  min-width: 88.8888888889%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="8"] {
+  max-width: 88.8888888889%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="9"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="9"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="9"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="9"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-10 > .grid-stack-item {
-  min-width: 10%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='1'] {
-    width: 10%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='1'] {
-    left: 10%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 10%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 10%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='2'] {
-    width: 20%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='2'] {
-    left: 20%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 20%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 20%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='3'] {
-    width: 30%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='3'] {
-    left: 30%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 30%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 30%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='4'] {
-    width: 40%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='4'] {
-    left: 40%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 40%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 40%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='5'] {
-    width: 50%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='5'] {
-    left: 50%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 50%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 50%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='6'] {
-    width: 60%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='6'] {
-    left: 60%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 60%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 60%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='7'] {
-    width: 70%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='7'] {
-    left: 70%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='7'] {
-    min-width: 70%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='7'] {
-    max-width: 70%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='8'] {
-    width: 80%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='8'] {
-    left: 80%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='8'] {
-    min-width: 80%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='8'] {
-    max-width: 80%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='9'] {
-    width: 90%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='9'] {
-    left: 90%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='9'] {
-    min-width: 90%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='9'] {
-    max-width: 90%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-w='10'] {
-    width: 100%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-x='10'] {
-    left: 100%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w='10'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w='10'] {
-    max-width: 100%; }
+  min-width: 10%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="1"] {
+  width: 10%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="1"] {
+  left: 10%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 10%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 10%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="2"] {
+  width: 20%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="2"] {
+  left: 20%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 20%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 20%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="3"] {
+  width: 30%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="3"] {
+  left: 30%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 30%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 30%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="4"] {
+  width: 40%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="4"] {
+  left: 40%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 40%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 40%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="5"] {
+  width: 50%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="5"] {
+  left: 50%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 50%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 50%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="6"] {
+  width: 60%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="6"] {
+  left: 60%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 60%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 60%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="7"] {
+  width: 70%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="7"] {
+  left: 70%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="7"] {
+  min-width: 70%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="7"] {
+  max-width: 70%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="8"] {
+  width: 80%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="8"] {
+  left: 80%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="8"] {
+  min-width: 80%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="8"] {
+  max-width: 80%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="9"] {
+  width: 90%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="9"] {
+  left: 90%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="9"] {
+  min-width: 90%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="9"] {
+  max-width: 90%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="10"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="10"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="10"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="10"] {
+  max-width: 100%;
+}
 
 .grid-stack.grid-stack-11 > .grid-stack-item {
-  min-width: 9.0909090909%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='1'] {
-    width: 9.0909090909%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='1'] {
-    left: 9.0909090909%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='1'] {
-    min-width: 9.0909090909%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='1'] {
-    max-width: 9.0909090909%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='2'] {
-    width: 18.1818181818%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='2'] {
-    left: 18.1818181818%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='2'] {
-    min-width: 18.1818181818%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='2'] {
-    max-width: 18.1818181818%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='3'] {
-    width: 27.2727272727%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='3'] {
-    left: 27.2727272727%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='3'] {
-    min-width: 27.2727272727%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='3'] {
-    max-width: 27.2727272727%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='4'] {
-    width: 36.3636363636%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='4'] {
-    left: 36.3636363636%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='4'] {
-    min-width: 36.3636363636%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='4'] {
-    max-width: 36.3636363636%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='5'] {
-    width: 45.4545454545%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='5'] {
-    left: 45.4545454545%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='5'] {
-    min-width: 45.4545454545%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='5'] {
-    max-width: 45.4545454545%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='6'] {
-    width: 54.5454545455%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='6'] {
-    left: 54.5454545455%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='6'] {
-    min-width: 54.5454545455%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='6'] {
-    max-width: 54.5454545455%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='7'] {
-    width: 63.6363636364%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='7'] {
-    left: 63.6363636364%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='7'] {
-    min-width: 63.6363636364%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='7'] {
-    max-width: 63.6363636364%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='8'] {
-    width: 72.7272727273%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='8'] {
-    left: 72.7272727273%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='8'] {
-    min-width: 72.7272727273%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='8'] {
-    max-width: 72.7272727273%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='9'] {
-    width: 81.8181818182%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='9'] {
-    left: 81.8181818182%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='9'] {
-    min-width: 81.8181818182%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='9'] {
-    max-width: 81.8181818182%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='10'] {
-    width: 90.9090909091%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='10'] {
-    left: 90.9090909091%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='10'] {
-    min-width: 90.9090909091%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='10'] {
-    max-width: 90.9090909091%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-w='11'] {
-    width: 100%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-x='11'] {
-    left: 100%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w='11'] {
-    min-width: 100%; }
-  .grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w='11'] {
-    max-width: 100%; }
+  min-width: 9.0909090909%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="1"] {
+  width: 9.0909090909%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="1"] {
+  left: 9.0909090909%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="1"] {
+  min-width: 9.0909090909%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="1"] {
+  max-width: 9.0909090909%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="2"] {
+  width: 18.1818181818%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="2"] {
+  left: 18.1818181818%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="2"] {
+  min-width: 18.1818181818%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="2"] {
+  max-width: 18.1818181818%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="3"] {
+  width: 27.2727272727%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="3"] {
+  left: 27.2727272727%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="3"] {
+  min-width: 27.2727272727%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="3"] {
+  max-width: 27.2727272727%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="4"] {
+  width: 36.3636363636%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="4"] {
+  left: 36.3636363636%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="4"] {
+  min-width: 36.3636363636%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="4"] {
+  max-width: 36.3636363636%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="5"] {
+  width: 45.4545454545%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="5"] {
+  left: 45.4545454545%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="5"] {
+  min-width: 45.4545454545%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="5"] {
+  max-width: 45.4545454545%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="6"] {
+  width: 54.5454545455%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="6"] {
+  left: 54.5454545455%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="6"] {
+  min-width: 54.5454545455%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="6"] {
+  max-width: 54.5454545455%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="7"] {
+  width: 63.6363636364%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="7"] {
+  left: 63.6363636364%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="7"] {
+  min-width: 63.6363636364%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="7"] {
+  max-width: 63.6363636364%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="8"] {
+  width: 72.7272727273%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="8"] {
+  left: 72.7272727273%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="8"] {
+  min-width: 72.7272727273%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="8"] {
+  max-width: 72.7272727273%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="9"] {
+  width: 81.8181818182%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="9"] {
+  left: 81.8181818182%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="9"] {
+  min-width: 81.8181818182%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="9"] {
+  max-width: 81.8181818182%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="10"] {
+  width: 90.9090909091%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="10"] {
+  left: 90.9090909091%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="10"] {
+  min-width: 90.9090909091%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="10"] {
+  max-width: 90.9090909091%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="11"] {
+  width: 100%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="11"] {
+  left: 100%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="11"] {
+  min-width: 100%;
+}
+.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="11"] {
+  max-width: 100%;
+}