You are here

Home » API reference » DXPR GridStack 8

gridstack-extra.css in DXPR GridStack 8

Same filename and directory in other branches
  1. 1.0.x vendor/gridstack/gridstack-extra.css
.grid-stack.grid-stack-1 > .grid-stack-item {
  min-width: 100%;
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-width='1'] {
  width: 100%;
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-x='1'] {
  left: 100%;
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 100%;
}

.grid-stack.grid-stack-1 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 100%;
}

.grid-stack.grid-stack-2 > .grid-stack-item {
  min-width: 50%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='1'] {
  width: 50%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='1'] {
  left: 50%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 50%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 50%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='2'] {
  width: 100%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='2'] {
  left: 100%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 100%;
}

.grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 100%;
}

.grid-stack.grid-stack-3 > .grid-stack-item {
  min-width: 33.3333333333%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='1'] {
  width: 33.3333333333%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='1'] {
  left: 33.3333333333%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 33.3333333333%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 33.3333333333%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='2'] {
  width: 66.6666666667%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='2'] {
  left: 66.6666666667%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 66.6666666667%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 66.6666666667%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='3'] {
  width: 100%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='3'] {
  left: 100%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 100%;
}

.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 100%;
}

.grid-stack.grid-stack-4 > .grid-stack-item {
  min-width: 25%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='1'] {
  width: 25%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='1'] {
  left: 25%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 25%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 25%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='2'] {
  width: 50%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='2'] {
  left: 50%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 50%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 50%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='3'] {
  width: 75%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='3'] {
  left: 75%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 75%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 75%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='4'] {
  width: 100%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='4'] {
  left: 100%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 100%;
}

.grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 100%;
}

.grid-stack.grid-stack-5 > .grid-stack-item {
  min-width: 20%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='1'] {
  width: 20%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='1'] {
  left: 20%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 20%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 20%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='2'] {
  width: 40%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='2'] {
  left: 40%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 40%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 40%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='3'] {
  width: 60%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='3'] {
  left: 60%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 60%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 60%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='4'] {
  width: 80%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='4'] {
  left: 80%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 80%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 80%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='5'] {
  width: 100%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='5'] {
  left: 100%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 100%;
}

.grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 100%;
}

.grid-stack.grid-stack-6 > .grid-stack-item {
  min-width: 16.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='1'] {
  width: 16.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='1'] {
  left: 16.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 16.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 16.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='2'] {
  width: 33.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='2'] {
  left: 33.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 33.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 33.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='3'] {
  width: 50%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='3'] {
  left: 50%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 50%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 50%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='4'] {
  width: 66.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='4'] {
  left: 66.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 66.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 66.6666666667%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='5'] {
  width: 83.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='5'] {
  left: 83.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 83.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 83.3333333333%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='6'] {
  width: 100%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='6'] {
  left: 100%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 100%;
}

.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 100%;
}

.grid-stack.grid-stack-7 > .grid-stack-item {
  min-width: 14.2857142857%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='1'] {
  width: 14.2857142857%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='1'] {
  left: 14.2857142857%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 14.2857142857%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 14.2857142857%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='2'] {
  width: 28.5714285714%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='2'] {
  left: 28.5714285714%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 28.5714285714%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 28.5714285714%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='3'] {
  width: 42.8571428571%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='3'] {
  left: 42.8571428571%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 42.8571428571%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 42.8571428571%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='4'] {
  width: 57.1428571429%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='4'] {
  left: 57.1428571429%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 57.1428571429%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 57.1428571429%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='5'] {
  width: 71.4285714286%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='5'] {
  left: 71.4285714286%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 71.4285714286%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 71.4285714286%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='6'] {
  width: 85.7142857143%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='6'] {
  left: 85.7142857143%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 85.7142857143%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 85.7142857143%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='7'] {
  width: 100%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='7'] {
  left: 100%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 100%;
}

.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 100%;
}

.grid-stack.grid-stack-8 > .grid-stack-item {
  min-width: 12.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='1'] {
  width: 12.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='1'] {
  left: 12.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 12.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 12.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='2'] {
  width: 25%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='2'] {
  left: 25%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 25%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 25%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='3'] {
  width: 37.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='3'] {
  left: 37.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 37.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 37.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='4'] {
  width: 50%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='4'] {
  left: 50%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 50%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 50%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='5'] {
  width: 62.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='5'] {
  left: 62.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 62.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 62.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='6'] {
  width: 75%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='6'] {
  left: 75%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 75%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 75%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='7'] {
  width: 87.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='7'] {
  left: 87.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 87.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 87.5%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='8'] {
  width: 100%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='8'] {
  left: 100%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 100%;
}

.grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 100%;
}

.grid-stack.grid-stack-9 > .grid-stack-item {
  min-width: 11.1111111111%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='1'] {
  width: 11.1111111111%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='1'] {
  left: 11.1111111111%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 11.1111111111%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 11.1111111111%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='2'] {
  width: 22.2222222222%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='2'] {
  left: 22.2222222222%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 22.2222222222%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 22.2222222222%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='3'] {
  width: 33.3333333333%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='3'] {
  left: 33.3333333333%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 33.3333333333%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 33.3333333333%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='4'] {
  width: 44.4444444444%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='4'] {
  left: 44.4444444444%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 44.4444444444%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 44.4444444444%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='5'] {
  width: 55.5555555556%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='5'] {
  left: 55.5555555556%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 55.5555555556%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 55.5555555556%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='6'] {
  width: 66.6666666667%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='6'] {
  left: 66.6666666667%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 66.6666666667%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 66.6666666667%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='7'] {
  width: 77.7777777778%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='7'] {
  left: 77.7777777778%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 77.7777777778%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 77.7777777778%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='8'] {
  width: 88.8888888889%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='8'] {
  left: 88.8888888889%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 88.8888888889%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 88.8888888889%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='9'] {
  width: 100%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='9'] {
  left: 100%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 100%;
}

.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 100%;
}

.grid-stack.grid-stack-10 > .grid-stack-item {
  min-width: 10%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='1'] {
  width: 10%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='1'] {
  left: 10%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 10%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 10%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='2'] {
  width: 20%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='2'] {
  left: 20%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 20%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 20%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='3'] {
  width: 30%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='3'] {
  left: 30%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 30%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 30%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='4'] {
  width: 40%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='4'] {
  left: 40%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 40%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 40%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='5'] {
  width: 50%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='5'] {
  left: 50%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 50%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 50%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='6'] {
  width: 60%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='6'] {
  left: 60%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 60%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 60%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='7'] {
  width: 70%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='7'] {
  left: 70%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 70%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 70%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='8'] {
  width: 80%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='8'] {
  left: 80%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 80%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 80%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='9'] {
  width: 90%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='9'] {
  left: 90%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 90%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 90%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='10'] {
  width: 100%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='10'] {
  left: 100%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 100%;
}

.grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 100%;
}

.grid-stack.grid-stack-11 > .grid-stack-item {
  min-width: 9.0909090909%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='1'] {
  width: 9.0909090909%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='1'] {
  left: 9.0909090909%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 9.0909090909%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 9.0909090909%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='2'] {
  width: 18.1818181818%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='2'] {
  left: 18.1818181818%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 18.1818181818%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 18.1818181818%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='3'] {
  width: 27.2727272727%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='3'] {
  left: 27.2727272727%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 27.2727272727%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 27.2727272727%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='4'] {
  width: 36.3636363636%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='4'] {
  left: 36.3636363636%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 36.3636363636%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 36.3636363636%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='5'] {
  width: 45.4545454545%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='5'] {
  left: 45.4545454545%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 45.4545454545%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 45.4545454545%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='6'] {
  width: 54.5454545455%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='6'] {
  left: 54.5454545455%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 54.5454545455%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 54.5454545455%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='7'] {
  width: 63.6363636364%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='7'] {
  left: 63.6363636364%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 63.6363636364%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 63.6363636364%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='8'] {
  width: 72.7272727273%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='8'] {
  left: 72.7272727273%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 72.7272727273%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 72.7272727273%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='9'] {
  width: 81.8181818182%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='9'] {
  left: 81.8181818182%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 81.8181818182%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 81.8181818182%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='10'] {
  width: 90.9090909091%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='10'] {
  left: 90.9090909091%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 90.9090909091%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 90.9090909091%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='11'] {
  width: 100%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='11'] {
  left: 100%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 100%;
}

.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 100%;
}

.grid-stack.grid-stack-12 > .grid-stack-item {
  min-width: 8.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='1'] {
  width: 8.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='1'] {
  left: 8.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 8.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 8.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='2'] {
  width: 16.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='2'] {
  left: 16.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 16.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 16.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='3'] {
  width: 25%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='3'] {
  left: 25%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 25%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 25%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='4'] {
  width: 33.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='4'] {
  left: 33.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 33.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 33.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='5'] {
  width: 41.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='5'] {
  left: 41.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 41.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 41.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='6'] {
  width: 50%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='6'] {
  left: 50%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 50%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 50%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='7'] {
  width: 58.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='7'] {
  left: 58.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 58.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 58.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='8'] {
  width: 66.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='8'] {
  left: 66.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 66.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 66.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='9'] {
  width: 75%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='9'] {
  left: 75%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 75%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 75%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='10'] {
  width: 83.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='10'] {
  left: 83.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 83.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 83.3333333333%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='11'] {
  width: 91.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='11'] {
  left: 91.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 91.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 91.6666666667%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='12'] {
  width: 100%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='12'] {
  left: 100%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 100%;
}

.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 100%;
}

File

vendor/gridstack/gridstack-extra.css
View source 
  1. .grid-stack.grid-stack-1 > .grid-stack-item {

  2.   min-width: 100%;

  3. }

  4. 

  5. .grid-stack.grid-stack-1 > .grid-stack-item[data-gs-width='1'] {

  6.   width: 100%;

  7. }

  8. 

  9. .grid-stack.grid-stack-1 > .grid-stack-item[data-gs-x='1'] {

  10.   left: 100%;

  11. }

  12. 

  13. .grid-stack.grid-stack-1 > .grid-stack-item[data-gs-min-width='1'] {

  14.   min-width: 100%;

  15. }

  16. 

  17. .grid-stack.grid-stack-1 > .grid-stack-item[data-gs-max-width='1'] {

  18.   max-width: 100%;

  19. }

  20. 

  21. .grid-stack.grid-stack-2 > .grid-stack-item {

  22.   min-width: 50%;

  23. }

  24. 

  25. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='1'] {

  26.   width: 50%;

  27. }

  28. 

  29. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='1'] {

  30.   left: 50%;

  31. }

  32. 

  33. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='1'] {

  34.   min-width: 50%;

  35. }

  36. 

  37. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='1'] {

  38.   max-width: 50%;

  39. }

  40. 

  41. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-width='2'] {

  42.   width: 100%;

  43. }

  44. 

  45. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-x='2'] {

  46.   left: 100%;

  47. }

  48. 

  49. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-min-width='2'] {

  50.   min-width: 100%;

  51. }

  52. 

  53. .grid-stack.grid-stack-2 > .grid-stack-item[data-gs-max-width='2'] {

  54.   max-width: 100%;

  55. }

  56. 

  57. .grid-stack.grid-stack-3 > .grid-stack-item {

  58.   min-width: 33.3333333333%;

  59. }

  60. 

  61. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='1'] {

  62.   width: 33.3333333333%;

  63. }

  64. 

  65. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='1'] {

  66.   left: 33.3333333333%;

  67. }

  68. 

  69. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='1'] {

  70.   min-width: 33.3333333333%;

  71. }

  72. 

  73. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='1'] {

  74.   max-width: 33.3333333333%;

  75. }

  76. 

  77. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='2'] {

  78.   width: 66.6666666667%;

  79. }

  80. 

  81. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='2'] {

  82.   left: 66.6666666667%;

  83. }

  84. 

  85. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='2'] {

  86.   min-width: 66.6666666667%;

  87. }

  88. 

  89. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='2'] {

  90.   max-width: 66.6666666667%;

  91. }

  92. 

  93. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='3'] {

  94.   width: 100%;

  95. }

  96. 

  97. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='3'] {

  98.   left: 100%;

  99. }

  100. 

  101. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='3'] {

  102.   min-width: 100%;

  103. }

  104. 

  105. .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='3'] {

  106.   max-width: 100%;

  107. }

  108. 

  109. .grid-stack.grid-stack-4 > .grid-stack-item {

  110.   min-width: 25%;

  111. }

  112. 

  113. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='1'] {

  114.   width: 25%;

  115. }

  116. 

  117. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='1'] {

  118.   left: 25%;

  119. }

  120. 

  121. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='1'] {

  122.   min-width: 25%;

  123. }

  124. 

  125. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='1'] {

  126.   max-width: 25%;

  127. }

  128. 

  129. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='2'] {

  130.   width: 50%;

  131. }

  132. 

  133. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='2'] {

  134.   left: 50%;

  135. }

  136. 

  137. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='2'] {

  138.   min-width: 50%;

  139. }

  140. 

  141. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='2'] {

  142.   max-width: 50%;

  143. }

  144. 

  145. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='3'] {

  146.   width: 75%;

  147. }

  148. 

  149. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='3'] {

  150.   left: 75%;

  151. }

  152. 

  153. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='3'] {

  154.   min-width: 75%;

  155. }

  156. 

  157. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='3'] {

  158.   max-width: 75%;

  159. }

  160. 

  161. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-width='4'] {

  162.   width: 100%;

  163. }

  164. 

  165. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-x='4'] {

  166.   left: 100%;

  167. }

  168. 

  169. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-min-width='4'] {

  170.   min-width: 100%;

  171. }

  172. 

  173. .grid-stack.grid-stack-4 > .grid-stack-item[data-gs-max-width='4'] {

  174.   max-width: 100%;

  175. }

  176. 

  177. .grid-stack.grid-stack-5 > .grid-stack-item {

  178.   min-width: 20%;

  179. }

  180. 

  181. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='1'] {

  182.   width: 20%;

  183. }

  184. 

  185. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='1'] {

  186.   left: 20%;

  187. }

  188. 

  189. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='1'] {

  190.   min-width: 20%;

  191. }

  192. 

  193. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='1'] {

  194.   max-width: 20%;

  195. }

  196. 

  197. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='2'] {

  198.   width: 40%;

  199. }

  200. 

  201. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='2'] {

  202.   left: 40%;

  203. }

  204. 

  205. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='2'] {

  206.   min-width: 40%;

  207. }

  208. 

  209. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='2'] {

  210.   max-width: 40%;

  211. }

  212. 

  213. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='3'] {

  214.   width: 60%;

  215. }

  216. 

  217. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='3'] {

  218.   left: 60%;

  219. }

  220. 

  221. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='3'] {

  222.   min-width: 60%;

  223. }

  224. 

  225. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='3'] {

  226.   max-width: 60%;

  227. }

  228. 

  229. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='4'] {

  230.   width: 80%;

  231. }

  232. 

  233. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='4'] {

  234.   left: 80%;

  235. }

  236. 

  237. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='4'] {

  238.   min-width: 80%;

  239. }

  240. 

  241. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='4'] {

  242.   max-width: 80%;

  243. }

  244. 

  245. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-width='5'] {

  246.   width: 100%;

  247. }

  248. 

  249. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-x='5'] {

  250.   left: 100%;

  251. }

  252. 

  253. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-min-width='5'] {

  254.   min-width: 100%;

  255. }

  256. 

  257. .grid-stack.grid-stack-5 > .grid-stack-item[data-gs-max-width='5'] {

  258.   max-width: 100%;

  259. }

  260. 

  261. .grid-stack.grid-stack-6 > .grid-stack-item {

  262.   min-width: 16.6666666667%;

  263. }

  264. 

  265. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='1'] {

  266.   width: 16.6666666667%;

  267. }

  268. 

  269. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='1'] {

  270.   left: 16.6666666667%;

  271. }

  272. 

  273. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='1'] {

  274.   min-width: 16.6666666667%;

  275. }

  276. 

  277. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='1'] {

  278.   max-width: 16.6666666667%;

  279. }

  280. 

  281. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='2'] {

  282.   width: 33.3333333333%;

  283. }

  284. 

  285. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='2'] {

  286.   left: 33.3333333333%;

  287. }

  288. 

  289. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='2'] {

  290.   min-width: 33.3333333333%;

  291. }

  292. 

  293. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='2'] {

  294.   max-width: 33.3333333333%;

  295. }

  296. 

  297. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='3'] {

  298.   width: 50%;

  299. }

  300. 

  301. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='3'] {

  302.   left: 50%;

  303. }

  304. 

  305. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='3'] {

  306.   min-width: 50%;

  307. }

  308. 

  309. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='3'] {

  310.   max-width: 50%;

  311. }

  312. 

  313. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='4'] {

  314.   width: 66.6666666667%;

  315. }

  316. 

  317. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='4'] {

  318.   left: 66.6666666667%;

  319. }

  320. 

  321. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='4'] {

  322.   min-width: 66.6666666667%;

  323. }

  324. 

  325. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='4'] {

  326.   max-width: 66.6666666667%;

  327. }

  328. 

  329. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='5'] {

  330.   width: 83.3333333333%;

  331. }

  332. 

  333. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='5'] {

  334.   left: 83.3333333333%;

  335. }

  336. 

  337. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='5'] {

  338.   min-width: 83.3333333333%;

  339. }

  340. 

  341. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='5'] {

  342.   max-width: 83.3333333333%;

  343. }

  344. 

  345. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='6'] {

  346.   width: 100%;

  347. }

  348. 

  349. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='6'] {

  350.   left: 100%;

  351. }

  352. 

  353. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='6'] {

  354.   min-width: 100%;

  355. }

  356. 

  357. .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='6'] {

  358.   max-width: 100%;

  359. }

  360. 

  361. .grid-stack.grid-stack-7 > .grid-stack-item {

  362.   min-width: 14.2857142857%;

  363. }

  364. 

  365. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='1'] {

  366.   width: 14.2857142857%;

  367. }

  368. 

  369. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='1'] {

  370.   left: 14.2857142857%;

  371. }

  372. 

  373. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='1'] {

  374.   min-width: 14.2857142857%;

  375. }

  376. 

  377. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='1'] {

  378.   max-width: 14.2857142857%;

  379. }

  380. 

  381. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='2'] {

  382.   width: 28.5714285714%;

  383. }

  384. 

  385. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='2'] {

  386.   left: 28.5714285714%;

  387. }

  388. 

  389. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='2'] {

  390.   min-width: 28.5714285714%;

  391. }

  392. 

  393. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='2'] {

  394.   max-width: 28.5714285714%;

  395. }

  396. 

  397. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='3'] {

  398.   width: 42.8571428571%;

  399. }

  400. 

  401. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='3'] {

  402.   left: 42.8571428571%;

  403. }

  404. 

  405. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='3'] {

  406.   min-width: 42.8571428571%;

  407. }

  408. 

  409. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='3'] {

  410.   max-width: 42.8571428571%;

  411. }

  412. 

  413. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='4'] {

  414.   width: 57.1428571429%;

  415. }

  416. 

  417. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='4'] {

  418.   left: 57.1428571429%;

  419. }

  420. 

  421. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='4'] {

  422.   min-width: 57.1428571429%;

  423. }

  424. 

  425. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='4'] {

  426.   max-width: 57.1428571429%;

  427. }

  428. 

  429. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='5'] {

  430.   width: 71.4285714286%;

  431. }

  432. 

  433. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='5'] {

  434.   left: 71.4285714286%;

  435. }

  436. 

  437. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='5'] {

  438.   min-width: 71.4285714286%;

  439. }

  440. 

  441. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='5'] {

  442.   max-width: 71.4285714286%;

  443. }

  444. 

  445. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='6'] {

  446.   width: 85.7142857143%;

  447. }

  448. 

  449. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='6'] {

  450.   left: 85.7142857143%;

  451. }

  452. 

  453. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='6'] {

  454.   min-width: 85.7142857143%;

  455. }

  456. 

  457. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='6'] {

  458.   max-width: 85.7142857143%;

  459. }

  460. 

  461. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='7'] {

  462.   width: 100%;

  463. }

  464. 

  465. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='7'] {

  466.   left: 100%;

  467. }

  468. 

  469. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='7'] {

  470.   min-width: 100%;

  471. }

  472. 

  473. .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='7'] {

  474.   max-width: 100%;

  475. }

  476. 

  477. .grid-stack.grid-stack-8 > .grid-stack-item {

  478.   min-width: 12.5%;

  479. }

  480. 

  481. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='1'] {

  482.   width: 12.5%;

  483. }

  484. 

  485. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='1'] {

  486.   left: 12.5%;

  487. }

  488. 

  489. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='1'] {

  490.   min-width: 12.5%;

  491. }

  492. 

  493. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='1'] {

  494.   max-width: 12.5%;

  495. }

  496. 

  497. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='2'] {

  498.   width: 25%;

  499. }

  500. 

  501. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='2'] {

  502.   left: 25%;

  503. }

  504. 

  505. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='2'] {

  506.   min-width: 25%;

  507. }

  508. 

  509. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='2'] {

  510.   max-width: 25%;

  511. }

  512. 

  513. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='3'] {

  514.   width: 37.5%;

  515. }

  516. 

  517. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='3'] {

  518.   left: 37.5%;

  519. }

  520. 

  521. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='3'] {

  522.   min-width: 37.5%;

  523. }

  524. 

  525. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='3'] {

  526.   max-width: 37.5%;

  527. }

  528. 

  529. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='4'] {

  530.   width: 50%;

  531. }

  532. 

  533. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='4'] {

  534.   left: 50%;

  535. }

  536. 

  537. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='4'] {

  538.   min-width: 50%;

  539. }

  540. 

  541. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='4'] {

  542.   max-width: 50%;

  543. }

  544. 

  545. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='5'] {

  546.   width: 62.5%;

  547. }

  548. 

  549. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='5'] {

  550.   left: 62.5%;

  551. }

  552. 

  553. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='5'] {

  554.   min-width: 62.5%;

  555. }

  556. 

  557. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='5'] {

  558.   max-width: 62.5%;

  559. }

  560. 

  561. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='6'] {

  562.   width: 75%;

  563. }

  564. 

  565. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='6'] {

  566.   left: 75%;

  567. }

  568. 

  569. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='6'] {

  570.   min-width: 75%;

  571. }

  572. 

  573. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='6'] {

  574.   max-width: 75%;

  575. }

  576. 

  577. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='7'] {

  578.   width: 87.5%;

  579. }

  580. 

  581. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='7'] {

  582.   left: 87.5%;

  583. }

  584. 

  585. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='7'] {

  586.   min-width: 87.5%;

  587. }

  588. 

  589. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='7'] {

  590.   max-width: 87.5%;

  591. }

  592. 

  593. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-width='8'] {

  594.   width: 100%;

  595. }

  596. 

  597. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-x='8'] {

  598.   left: 100%;

  599. }

  600. 

  601. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-min-width='8'] {

  602.   min-width: 100%;

  603. }

  604. 

  605. .grid-stack.grid-stack-8 > .grid-stack-item[data-gs-max-width='8'] {

  606.   max-width: 100%;

  607. }

  608. 

  609. .grid-stack.grid-stack-9 > .grid-stack-item {

  610.   min-width: 11.1111111111%;

  611. }

  612. 

  613. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='1'] {

  614.   width: 11.1111111111%;

  615. }

  616. 

  617. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='1'] {

  618.   left: 11.1111111111%;

  619. }

  620. 

  621. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='1'] {

  622.   min-width: 11.1111111111%;

  623. }

  624. 

  625. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='1'] {

  626.   max-width: 11.1111111111%;

  627. }

  628. 

  629. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='2'] {

  630.   width: 22.2222222222%;

  631. }

  632. 

  633. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='2'] {

  634.   left: 22.2222222222%;

  635. }

  636. 

  637. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='2'] {

  638.   min-width: 22.2222222222%;

  639. }

  640. 

  641. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='2'] {

  642.   max-width: 22.2222222222%;

  643. }

  644. 

  645. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='3'] {

  646.   width: 33.3333333333%;

  647. }

  648. 

  649. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='3'] {

  650.   left: 33.3333333333%;

  651. }

  652. 

  653. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='3'] {

  654.   min-width: 33.3333333333%;

  655. }

  656. 

  657. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='3'] {

  658.   max-width: 33.3333333333%;

  659. }

  660. 

  661. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='4'] {

  662.   width: 44.4444444444%;

  663. }

  664. 

  665. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='4'] {

  666.   left: 44.4444444444%;

  667. }

  668. 

  669. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='4'] {

  670.   min-width: 44.4444444444%;

  671. }

  672. 

  673. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='4'] {

  674.   max-width: 44.4444444444%;

  675. }

  676. 

  677. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='5'] {

  678.   width: 55.5555555556%;

  679. }

  680. 

  681. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='5'] {

  682.   left: 55.5555555556%;

  683. }

  684. 

  685. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='5'] {

  686.   min-width: 55.5555555556%;

  687. }

  688. 

  689. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='5'] {

  690.   max-width: 55.5555555556%;

  691. }

  692. 

  693. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='6'] {

  694.   width: 66.6666666667%;

  695. }

  696. 

  697. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='6'] {

  698.   left: 66.6666666667%;

  699. }

  700. 

  701. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='6'] {

  702.   min-width: 66.6666666667%;

  703. }

  704. 

  705. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='6'] {

  706.   max-width: 66.6666666667%;

  707. }

  708. 

  709. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='7'] {

  710.   width: 77.7777777778%;

  711. }

  712. 

  713. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='7'] {

  714.   left: 77.7777777778%;

  715. }

  716. 

  717. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='7'] {

  718.   min-width: 77.7777777778%;

  719. }

  720. 

  721. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='7'] {

  722.   max-width: 77.7777777778%;

  723. }

  724. 

  725. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='8'] {

  726.   width: 88.8888888889%;

  727. }

  728. 

  729. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='8'] {

  730.   left: 88.8888888889%;

  731. }

  732. 

  733. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='8'] {

  734.   min-width: 88.8888888889%;

  735. }

  736. 

  737. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='8'] {

  738.   max-width: 88.8888888889%;

  739. }

  740. 

  741. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='9'] {

  742.   width: 100%;

  743. }

  744. 

  745. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='9'] {

  746.   left: 100%;

  747. }

  748. 

  749. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='9'] {

  750.   min-width: 100%;

  751. }

  752. 

  753. .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='9'] {

  754.   max-width: 100%;

  755. }

  756. 

  757. .grid-stack.grid-stack-10 > .grid-stack-item {

  758.   min-width: 10%;

  759. }

  760. 

  761. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='1'] {

  762.   width: 10%;

  763. }

  764. 

  765. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='1'] {

  766.   left: 10%;

  767. }

  768. 

  769. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='1'] {

  770.   min-width: 10%;

  771. }

  772. 

  773. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='1'] {

  774.   max-width: 10%;

  775. }

  776. 

  777. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='2'] {

  778.   width: 20%;

  779. }

  780. 

  781. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='2'] {

  782.   left: 20%;

  783. }

  784. 

  785. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='2'] {

  786.   min-width: 20%;

  787. }

  788. 

  789. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='2'] {

  790.   max-width: 20%;

  791. }

  792. 

  793. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='3'] {

  794.   width: 30%;

  795. }

  796. 

  797. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='3'] {

  798.   left: 30%;

  799. }

  800. 

  801. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='3'] {

  802.   min-width: 30%;

  803. }

  804. 

  805. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='3'] {

  806.   max-width: 30%;

  807. }

  808. 

  809. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='4'] {

  810.   width: 40%;

  811. }

  812. 

  813. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='4'] {

  814.   left: 40%;

  815. }

  816. 

  817. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='4'] {

  818.   min-width: 40%;

  819. }

  820. 

  821. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='4'] {

  822.   max-width: 40%;

  823. }

  824. 

  825. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='5'] {

  826.   width: 50%;

  827. }

  828. 

  829. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='5'] {

  830.   left: 50%;

  831. }

  832. 

  833. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='5'] {

  834.   min-width: 50%;

  835. }

  836. 

  837. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='5'] {

  838.   max-width: 50%;

  839. }

  840. 

  841. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='6'] {

  842.   width: 60%;

  843. }

  844. 

  845. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='6'] {

  846.   left: 60%;

  847. }

  848. 

  849. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='6'] {

  850.   min-width: 60%;

  851. }

  852. 

  853. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='6'] {

  854.   max-width: 60%;

  855. }

  856. 

  857. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='7'] {

  858.   width: 70%;

  859. }

  860. 

  861. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='7'] {

  862.   left: 70%;

  863. }

  864. 

  865. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='7'] {

  866.   min-width: 70%;

  867. }

  868. 

  869. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='7'] {

  870.   max-width: 70%;

  871. }

  872. 

  873. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='8'] {

  874.   width: 80%;

  875. }

  876. 

  877. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='8'] {

  878.   left: 80%;

  879. }

  880. 

  881. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='8'] {

  882.   min-width: 80%;

  883. }

  884. 

  885. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='8'] {

  886.   max-width: 80%;

  887. }

  888. 

  889. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='9'] {

  890.   width: 90%;

  891. }

  892. 

  893. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='9'] {

  894.   left: 90%;

  895. }

  896. 

  897. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='9'] {

  898.   min-width: 90%;

  899. }

  900. 

  901. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='9'] {

  902.   max-width: 90%;

  903. }

  904. 

  905. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-width='10'] {

  906.   width: 100%;

  907. }

  908. 

  909. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-x='10'] {

  910.   left: 100%;

  911. }

  912. 

  913. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-min-width='10'] {

  914.   min-width: 100%;

  915. }

  916. 

  917. .grid-stack.grid-stack-10 > .grid-stack-item[data-gs-max-width='10'] {

  918.   max-width: 100%;

  919. }

  920. 

  921. .grid-stack.grid-stack-11 > .grid-stack-item {

  922.   min-width: 9.0909090909%;

  923. }

  924. 

  925. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='1'] {

  926.   width: 9.0909090909%;

  927. }

  928. 

  929. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='1'] {

  930.   left: 9.0909090909%;

  931. }

  932. 

  933. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] {

  934.   min-width: 9.0909090909%;

  935. }

  936. 

  937. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] {

  938.   max-width: 9.0909090909%;

  939. }

  940. 

  941. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='2'] {

  942.   width: 18.1818181818%;

  943. }

  944. 

  945. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='2'] {

  946.   left: 18.1818181818%;

  947. }

  948. 

  949. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] {

  950.   min-width: 18.1818181818%;

  951. }

  952. 

  953. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] {

  954.   max-width: 18.1818181818%;

  955. }

  956. 

  957. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='3'] {

  958.   width: 27.2727272727%;

  959. }

  960. 

  961. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='3'] {

  962.   left: 27.2727272727%;

  963. }

  964. 

  965. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] {

  966.   min-width: 27.2727272727%;

  967. }

  968. 

  969. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] {

  970.   max-width: 27.2727272727%;

  971. }

  972. 

  973. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='4'] {

  974.   width: 36.3636363636%;

  975. }

  976. 

  977. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='4'] {

  978.   left: 36.3636363636%;

  979. }

  980. 

  981. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] {

  982.   min-width: 36.3636363636%;

  983. }

  984. 

  985. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] {

  986.   max-width: 36.3636363636%;

  987. }

  988. 

  989. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='5'] {

  990.   width: 45.4545454545%;

  991. }

  992. 

  993. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='5'] {

  994.   left: 45.4545454545%;

  995. }

  996. 

  997. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] {

  998.   min-width: 45.4545454545%;

  999. }

  1000. 

  1001. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] {

  1002.   max-width: 45.4545454545%;

  1003. }

  1004. 

  1005. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='6'] {

  1006.   width: 54.5454545455%;

  1007. }

  1008. 

  1009. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='6'] {

  1010.   left: 54.5454545455%;

  1011. }

  1012. 

  1013. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] {

  1014.   min-width: 54.5454545455%;

  1015. }

  1016. 

  1017. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] {

  1018.   max-width: 54.5454545455%;

  1019. }

  1020. 

  1021. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='7'] {

  1022.   width: 63.6363636364%;

  1023. }

  1024. 

  1025. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='7'] {

  1026.   left: 63.6363636364%;

  1027. }

  1028. 

  1029. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] {

  1030.   min-width: 63.6363636364%;

  1031. }

  1032. 

  1033. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] {

  1034.   max-width: 63.6363636364%;

  1035. }

  1036. 

  1037. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='8'] {

  1038.   width: 72.7272727273%;

  1039. }

  1040. 

  1041. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='8'] {

  1042.   left: 72.7272727273%;

  1043. }

  1044. 

  1045. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] {

  1046.   min-width: 72.7272727273%;

  1047. }

  1048. 

  1049. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] {

  1050.   max-width: 72.7272727273%;

  1051. }

  1052. 

  1053. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='9'] {

  1054.   width: 81.8181818182%;

  1055. }

  1056. 

  1057. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='9'] {

  1058.   left: 81.8181818182%;

  1059. }

  1060. 

  1061. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] {

  1062.   min-width: 81.8181818182%;

  1063. }

  1064. 

  1065. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] {

  1066.   max-width: 81.8181818182%;

  1067. }

  1068. 

  1069. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='10'] {

  1070.   width: 90.9090909091%;

  1071. }

  1072. 

  1073. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='10'] {

  1074.   left: 90.9090909091%;

  1075. }

  1076. 

  1077. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] {

  1078.   min-width: 90.9090909091%;

  1079. }

  1080. 

  1081. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] {

  1082.   max-width: 90.9090909091%;

  1083. }

  1084. 

  1085. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='11'] {

  1086.   width: 100%;

  1087. }

  1088. 

  1089. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='11'] {

  1090.   left: 100%;

  1091. }

  1092. 

  1093. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] {

  1094.   min-width: 100%;

  1095. }

  1096. 

  1097. .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] {

  1098.   max-width: 100%;

  1099. }

  1100. 

  1101. .grid-stack.grid-stack-12 > .grid-stack-item {

  1102.   min-width: 8.3333333333%;

  1103. }

  1104. 

  1105. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='1'] {

  1106.   width: 8.3333333333%;

  1107. }

  1108. 

  1109. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='1'] {

  1110.   left: 8.3333333333%;

  1111. }

  1112. 

  1113. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='1'] {

  1114.   min-width: 8.3333333333%;

  1115. }

  1116. 

  1117. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='1'] {

  1118.   max-width: 8.3333333333%;

  1119. }

  1120. 

  1121. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='2'] {

  1122.   width: 16.6666666667%;

  1123. }

  1124. 

  1125. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='2'] {

  1126.   left: 16.6666666667%;

  1127. }

  1128. 

  1129. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='2'] {

  1130.   min-width: 16.6666666667%;

  1131. }

  1132. 

  1133. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='2'] {

  1134.   max-width: 16.6666666667%;

  1135. }

  1136. 

  1137. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='3'] {

  1138.   width: 25%;

  1139. }

  1140. 

  1141. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='3'] {

  1142.   left: 25%;

  1143. }

  1144. 

  1145. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='3'] {

  1146.   min-width: 25%;

  1147. }

  1148. 

  1149. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='3'] {

  1150.   max-width: 25%;

  1151. }

  1152. 

  1153. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='4'] {

  1154.   width: 33.3333333333%;

  1155. }

  1156. 

  1157. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='4'] {

  1158.   left: 33.3333333333%;

  1159. }

  1160. 

  1161. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='4'] {

  1162.   min-width: 33.3333333333%;

  1163. }

  1164. 

  1165. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='4'] {

  1166.   max-width: 33.3333333333%;

  1167. }

  1168. 

  1169. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='5'] {

  1170.   width: 41.6666666667%;

  1171. }

  1172. 

  1173. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='5'] {

  1174.   left: 41.6666666667%;

  1175. }

  1176. 

  1177. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='5'] {

  1178.   min-width: 41.6666666667%;

  1179. }

  1180. 

  1181. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='5'] {

  1182.   max-width: 41.6666666667%;

  1183. }

  1184. 

  1185. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='6'] {

  1186.   width: 50%;

  1187. }

  1188. 

  1189. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='6'] {

  1190.   left: 50%;

  1191. }

  1192. 

  1193. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='6'] {

  1194.   min-width: 50%;

  1195. }

  1196. 

  1197. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='6'] {

  1198.   max-width: 50%;

  1199. }

  1200. 

  1201. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='7'] {

  1202.   width: 58.3333333333%;

  1203. }

  1204. 

  1205. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='7'] {

  1206.   left: 58.3333333333%;

  1207. }

  1208. 

  1209. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='7'] {

  1210.   min-width: 58.3333333333%;

  1211. }

  1212. 

  1213. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='7'] {

  1214.   max-width: 58.3333333333%;

  1215. }

  1216. 

  1217. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='8'] {

  1218.   width: 66.6666666667%;

  1219. }

  1220. 

  1221. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='8'] {

  1222.   left: 66.6666666667%;

  1223. }

  1224. 

  1225. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='8'] {

  1226.   min-width: 66.6666666667%;

  1227. }

  1228. 

  1229. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='8'] {

  1230.   max-width: 66.6666666667%;

  1231. }

  1232. 

  1233. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='9'] {

  1234.   width: 75%;

  1235. }

  1236. 

  1237. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='9'] {

  1238.   left: 75%;

  1239. }

  1240. 

  1241. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='9'] {

  1242.   min-width: 75%;

  1243. }

  1244. 

  1245. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='9'] {

  1246.   max-width: 75%;

  1247. }

  1248. 

  1249. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='10'] {

  1250.   width: 83.3333333333%;

  1251. }

  1252. 

  1253. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='10'] {

  1254.   left: 83.3333333333%;

  1255. }

  1256. 

  1257. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='10'] {

  1258.   min-width: 83.3333333333%;

  1259. }

  1260. 

  1261. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='10'] {

  1262.   max-width: 83.3333333333%;

  1263. }

  1264. 

  1265. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='11'] {

  1266.   width: 91.6666666667%;

  1267. }

  1268. 

  1269. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='11'] {

  1270.   left: 91.6666666667%;

  1271. }

  1272. 

  1273. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='11'] {

  1274.   min-width: 91.6666666667%;

  1275. }

  1276. 

  1277. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='11'] {

  1278.   max-width: 91.6666666667%;

  1279. }

  1280. 

  1281. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='12'] {

  1282.   width: 100%;

  1283. }

  1284. 

  1285. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='12'] {

  1286.   left: 100%;

  1287. }

  1288. 

  1289. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='12'] {

  1290.   min-width: 100%;

  1291. }

  1292. 

  1293. .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='12'] {

  1294.   max-width: 100%;

  1295. }