gridstack 8.0.1 → 8.1.1

package/dist/gridstack-extra.css

@@ -2,432 +2,372 @@
  * default to generate [2-11] columns as 1 (oneColumnMode) and 12 (default) are in the main css
  * 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"] {
+.gs-2 > .grid-stack-item {
   width: 50%;
 }
-.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="1"] {
+.gs-2 > .grid-stack-item[gs-x="1"] {
   left: 50%;
 }
-.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="2"] {
+.gs-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-3 > .grid-stack-item {
-  min-width: 33.3333333333%;
-}
-.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="1"] {
-  width: 33.3333333333%;
+.gs-3 > .grid-stack-item {
+  width: 33.333%;
 }
-.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="1"] {
-  left: 33.3333333333%;
+.gs-3 > .grid-stack-item[gs-x="1"] {
+  left: 33.333%;
 }
-.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="2"] {
-  width: 66.6666666667%;
+.gs-3 > .grid-stack-item[gs-w="2"] {
+  width: 66.667%;
 }
-.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="2"] {
-  left: 66.6666666667%;
+.gs-3 > .grid-stack-item[gs-x="2"] {
+  left: 66.667%;
 }
-.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="3"] {
+.gs-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-4 > .grid-stack-item {
-  min-width: 25%;
-}
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="1"] {
+.gs-4 > .grid-stack-item {
   width: 25%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="1"] {
+.gs-4 > .grid-stack-item[gs-x="1"] {
   left: 25%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="2"] {
+.gs-4 > .grid-stack-item[gs-w="2"] {
   width: 50%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="2"] {
+.gs-4 > .grid-stack-item[gs-x="2"] {
   left: 50%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="3"] {
+.gs-4 > .grid-stack-item[gs-w="3"] {
   width: 75%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="3"] {
+.gs-4 > .grid-stack-item[gs-x="3"] {
   left: 75%;
 }
-.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="4"] {
+.gs-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-5 > .grid-stack-item {
-  min-width: 20%;
-}
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="1"] {
+.gs-5 > .grid-stack-item {
   width: 20%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="1"] {
+.gs-5 > .grid-stack-item[gs-x="1"] {
   left: 20%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="2"] {
+.gs-5 > .grid-stack-item[gs-w="2"] {
   width: 40%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="2"] {
+.gs-5 > .grid-stack-item[gs-x="2"] {
   left: 40%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="3"] {
+.gs-5 > .grid-stack-item[gs-w="3"] {
   width: 60%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="3"] {
+.gs-5 > .grid-stack-item[gs-x="3"] {
   left: 60%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="4"] {
+.gs-5 > .grid-stack-item[gs-w="4"] {
   width: 80%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="4"] {
+.gs-5 > .grid-stack-item[gs-x="4"] {
   left: 80%;
 }
-.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="5"] {
+.gs-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-6 > .grid-stack-item {
-  min-width: 16.6666666667%;
+.gs-6 > .grid-stack-item {
+  width: 16.667%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="1"] {
-  width: 16.6666666667%;
+.gs-6 > .grid-stack-item[gs-x="1"] {
+  left: 16.667%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="1"] {
-  left: 16.6666666667%;
+.gs-6 > .grid-stack-item[gs-w="2"] {
+  width: 33.333%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="2"] {
-  width: 33.3333333333%;
+.gs-6 > .grid-stack-item[gs-x="2"] {
+  left: 33.333%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="2"] {
-  left: 33.3333333333%;
-}
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="3"] {
+.gs-6 > .grid-stack-item[gs-w="3"] {
   width: 50%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="3"] {
+.gs-6 > .grid-stack-item[gs-x="3"] {
   left: 50%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="4"] {
-  width: 66.6666666667%;
+.gs-6 > .grid-stack-item[gs-w="4"] {
+  width: 66.667%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="4"] {
-  left: 66.6666666667%;
+.gs-6 > .grid-stack-item[gs-x="4"] {
+  left: 66.667%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="5"] {
-  width: 83.3333333333%;
+.gs-6 > .grid-stack-item[gs-w="5"] {
+  width: 83.333%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="5"] {
-  left: 83.3333333333%;
+.gs-6 > .grid-stack-item[gs-x="5"] {
+  left: 83.333%;
 }
-.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="6"] {
+.gs-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-7 > .grid-stack-item {
-  min-width: 14.2857142857%;
+.gs-7 > .grid-stack-item {
+  width: 14.286%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="1"] {
-  width: 14.2857142857%;
+.gs-7 > .grid-stack-item[gs-x="1"] {
+  left: 14.286%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="1"] {
-  left: 14.2857142857%;
+.gs-7 > .grid-stack-item[gs-w="2"] {
+  width: 28.571%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="2"] {
-  width: 28.5714285714%;
+.gs-7 > .grid-stack-item[gs-x="2"] {
+  left: 28.571%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="2"] {
-  left: 28.5714285714%;
+.gs-7 > .grid-stack-item[gs-w="3"] {
+  width: 42.857%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="3"] {
-  width: 42.8571428571%;
+.gs-7 > .grid-stack-item[gs-x="3"] {
+  left: 42.857%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="3"] {
-  left: 42.8571428571%;
+.gs-7 > .grid-stack-item[gs-w="4"] {
+  width: 57.143%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="4"] {
-  width: 57.1428571429%;
+.gs-7 > .grid-stack-item[gs-x="4"] {
+  left: 57.143%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="4"] {
-  left: 57.1428571429%;
+.gs-7 > .grid-stack-item[gs-w="5"] {
+  width: 71.429%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="5"] {
-  width: 71.4285714286%;
+.gs-7 > .grid-stack-item[gs-x="5"] {
+  left: 71.429%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="5"] {
-  left: 71.4285714286%;
+.gs-7 > .grid-stack-item[gs-w="6"] {
+  width: 85.714%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="6"] {
-  width: 85.7142857143%;
+.gs-7 > .grid-stack-item[gs-x="6"] {
+  left: 85.714%;
 }
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="6"] {
-  left: 85.7142857143%;
-}
-.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="7"] {
+.gs-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-8 > .grid-stack-item {
-  min-width: 12.5%;
-}
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="1"] {
+.gs-8 > .grid-stack-item {
   width: 12.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="1"] {
+.gs-8 > .grid-stack-item[gs-x="1"] {
   left: 12.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="2"] {
+.gs-8 > .grid-stack-item[gs-w="2"] {
   width: 25%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="2"] {
+.gs-8 > .grid-stack-item[gs-x="2"] {
   left: 25%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="3"] {
+.gs-8 > .grid-stack-item[gs-w="3"] {
   width: 37.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="3"] {
+.gs-8 > .grid-stack-item[gs-x="3"] {
   left: 37.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="4"] {
+.gs-8 > .grid-stack-item[gs-w="4"] {
   width: 50%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="4"] {
+.gs-8 > .grid-stack-item[gs-x="4"] {
   left: 50%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="5"] {
+.gs-8 > .grid-stack-item[gs-w="5"] {
   width: 62.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="5"] {
+.gs-8 > .grid-stack-item[gs-x="5"] {
   left: 62.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="6"] {
+.gs-8 > .grid-stack-item[gs-w="6"] {
   width: 75%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="6"] {
+.gs-8 > .grid-stack-item[gs-x="6"] {
   left: 75%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="7"] {
+.gs-8 > .grid-stack-item[gs-w="7"] {
   width: 87.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="7"] {
+.gs-8 > .grid-stack-item[gs-x="7"] {
   left: 87.5%;
 }
-.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="8"] {
+.gs-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-9 > .grid-stack-item {
-  min-width: 11.1111111111%;
-}
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="1"] {
-  width: 11.1111111111%;
+.gs-9 > .grid-stack-item {
+  width: 11.111%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="1"] {
-  left: 11.1111111111%;
+.gs-9 > .grid-stack-item[gs-x="1"] {
+  left: 11.111%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="2"] {
-  width: 22.2222222222%;
+.gs-9 > .grid-stack-item[gs-w="2"] {
+  width: 22.222%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="2"] {
-  left: 22.2222222222%;
+.gs-9 > .grid-stack-item[gs-x="2"] {
+  left: 22.222%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="3"] {
-  width: 33.3333333333%;
+.gs-9 > .grid-stack-item[gs-w="3"] {
+  width: 33.333%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="3"] {
-  left: 33.3333333333%;
+.gs-9 > .grid-stack-item[gs-x="3"] {
+  left: 33.333%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="4"] {
-  width: 44.4444444444%;
+.gs-9 > .grid-stack-item[gs-w="4"] {
+  width: 44.444%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="4"] {
-  left: 44.4444444444%;
+.gs-9 > .grid-stack-item[gs-x="4"] {
+  left: 44.444%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="5"] {
-  width: 55.5555555556%;
+.gs-9 > .grid-stack-item[gs-w="5"] {
+  width: 55.556%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="5"] {
-  left: 55.5555555556%;
+.gs-9 > .grid-stack-item[gs-x="5"] {
+  left: 55.556%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="6"] {
-  width: 66.6666666667%;
+.gs-9 > .grid-stack-item[gs-w="6"] {
+  width: 66.667%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="6"] {
-  left: 66.6666666667%;
+.gs-9 > .grid-stack-item[gs-x="6"] {
+  left: 66.667%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="7"] {
-  width: 77.7777777778%;
+.gs-9 > .grid-stack-item[gs-w="7"] {
+  width: 77.778%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="7"] {
-  left: 77.7777777778%;
+.gs-9 > .grid-stack-item[gs-x="7"] {
+  left: 77.778%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="8"] {
-  width: 88.8888888889%;
+.gs-9 > .grid-stack-item[gs-w="8"] {
+  width: 88.889%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="8"] {
-  left: 88.8888888889%;
+.gs-9 > .grid-stack-item[gs-x="8"] {
+  left: 88.889%;
 }
-.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="9"] {
+.gs-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-10 > .grid-stack-item {
-  min-width: 10%;
-}
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="1"] {
+.gs-10 > .grid-stack-item {
   width: 10%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="1"] {
+.gs-10 > .grid-stack-item[gs-x="1"] {
   left: 10%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="2"] {
+.gs-10 > .grid-stack-item[gs-w="2"] {
   width: 20%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="2"] {
+.gs-10 > .grid-stack-item[gs-x="2"] {
   left: 20%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="3"] {
+.gs-10 > .grid-stack-item[gs-w="3"] {
   width: 30%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="3"] {
+.gs-10 > .grid-stack-item[gs-x="3"] {
   left: 30%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="4"] {
+.gs-10 > .grid-stack-item[gs-w="4"] {
   width: 40%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="4"] {
+.gs-10 > .grid-stack-item[gs-x="4"] {
   left: 40%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="5"] {
+.gs-10 > .grid-stack-item[gs-w="5"] {
   width: 50%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="5"] {
+.gs-10 > .grid-stack-item[gs-x="5"] {
   left: 50%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="6"] {
+.gs-10 > .grid-stack-item[gs-w="6"] {
   width: 60%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="6"] {
+.gs-10 > .grid-stack-item[gs-x="6"] {
   left: 60%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="7"] {
+.gs-10 > .grid-stack-item[gs-w="7"] {
   width: 70%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="7"] {
+.gs-10 > .grid-stack-item[gs-x="7"] {
   left: 70%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="8"] {
+.gs-10 > .grid-stack-item[gs-w="8"] {
   width: 80%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="8"] {
+.gs-10 > .grid-stack-item[gs-x="8"] {
   left: 80%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="9"] {
+.gs-10 > .grid-stack-item[gs-w="9"] {
   width: 90%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="9"] {
+.gs-10 > .grid-stack-item[gs-x="9"] {
   left: 90%;
 }
-.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="10"] {
+.gs-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-11 > .grid-stack-item {
-  min-width: 9.0909090909%;
+.gs-11 > .grid-stack-item {
+  width: 9.091%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="1"] {
-  width: 9.0909090909%;
+.gs-11 > .grid-stack-item[gs-x="1"] {
+  left: 9.091%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="1"] {
-  left: 9.0909090909%;
+.gs-11 > .grid-stack-item[gs-w="2"] {
+  width: 18.182%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="2"] {
-  width: 18.1818181818%;
+.gs-11 > .grid-stack-item[gs-x="2"] {
+  left: 18.182%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="2"] {
-  left: 18.1818181818%;
+.gs-11 > .grid-stack-item[gs-w="3"] {
+  width: 27.273%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="3"] {
-  width: 27.2727272727%;
+.gs-11 > .grid-stack-item[gs-x="3"] {
+  left: 27.273%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="3"] {
-  left: 27.2727272727%;
+.gs-11 > .grid-stack-item[gs-w="4"] {
+  width: 36.364%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="4"] {
-  width: 36.3636363636%;
+.gs-11 > .grid-stack-item[gs-x="4"] {
+  left: 36.364%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="4"] {
-  left: 36.3636363636%;
+.gs-11 > .grid-stack-item[gs-w="5"] {
+  width: 45.455%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="5"] {
-  width: 45.4545454545%;
+.gs-11 > .grid-stack-item[gs-x="5"] {
+  left: 45.455%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="5"] {
-  left: 45.4545454545%;
+.gs-11 > .grid-stack-item[gs-w="6"] {
+  width: 54.545%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="6"] {
-  width: 54.5454545455%;
+.gs-11 > .grid-stack-item[gs-x="6"] {
+  left: 54.545%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="6"] {
-  left: 54.5454545455%;
+.gs-11 > .grid-stack-item[gs-w="7"] {
+  width: 63.636%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="7"] {
-  width: 63.6363636364%;
+.gs-11 > .grid-stack-item[gs-x="7"] {
+  left: 63.636%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="7"] {
-  left: 63.6363636364%;
+.gs-11 > .grid-stack-item[gs-w="8"] {
+  width: 72.727%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="8"] {
-  width: 72.7272727273%;
+.gs-11 > .grid-stack-item[gs-x="8"] {
+  left: 72.727%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="8"] {
-  left: 72.7272727273%;
+.gs-11 > .grid-stack-item[gs-w="9"] {
+  width: 81.818%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="9"] {
-  width: 81.8181818182%;
+.gs-11 > .grid-stack-item[gs-x="9"] {
+  left: 81.818%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="9"] {
-  left: 81.8181818182%;
+.gs-11 > .grid-stack-item[gs-w="10"] {
+  width: 90.909%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="10"] {
-  width: 90.9090909091%;
+.gs-11 > .grid-stack-item[gs-x="10"] {
+  left: 90.909%;
 }
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="10"] {
-  left: 90.9090909091%;
-}
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="11"] {
+.gs-11 > .grid-stack-item[gs-w="11"] {
   width: 100%;
-}
-.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="11"] {
-  left: 100%;
 }