From 7a8017bf66004b33d36b3191ff202dd92d275bd0 Mon Sep 17 00:00:00 2001 From: Pavel Reznikov Date: Fri, 19 Jun 2015 22:04:19 -0700 Subject: [PATCH] extra CSS --- demo/two.html | 85 ++++ gridstack-extra.css | 983 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 1068 insertions(+) create mode 100644 demo/two.html create mode 100644 gridstack-extra.css diff --git a/demo/two.html b/demo/two.html new file mode 100644 index 0000000..a4caf8b --- /dev/null +++ b/demo/two.html @@ -0,0 +1,85 @@ + + + + + + + + + Float grid demo + + + + + + + + + + + + + + + +
+

Two grids demo

+ +
+
+
+
+
+
+
+
+
+
+
+ + + + + diff --git a/gridstack-extra.css b/gridstack-extra.css new file mode 100644 index 0000000..2ea5adb --- /dev/null +++ b/gridstack-extra.css @@ -0,0 +1,983 @@ +.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.33333333%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='1'] { + width: 33.33333333%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='1'] { + left: 33.33333333%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 33.33333333%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 33.33333333%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='2'] { + width: 66.66666667%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='2'] { + left: 66.66666667%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 66.66666667%; +} +.grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 66.66666667%; +} +.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.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='1'] { + width: 16.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='1'] { + left: 16.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 16.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 16.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='2'] { + width: 33.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='2'] { + left: 33.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 33.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 33.33333333%; +} +.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.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='4'] { + left: 66.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='4'] { + min-width: 66.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='4'] { + max-width: 66.66666667%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='5'] { + width: 83.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='5'] { + left: 83.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='5'] { + min-width: 83.33333333%; +} +.grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='5'] { + max-width: 83.33333333%; +} +.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.28571429%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='1'] { + width: 14.28571429%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='1'] { + left: 14.28571429%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 14.28571429%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 14.28571429%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='2'] { + width: 28.57142857%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='2'] { + left: 28.57142857%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 28.57142857%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 28.57142857%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='3'] { + width: 42.85714286%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='3'] { + left: 42.85714286%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='3'] { + min-width: 42.85714286%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='3'] { + max-width: 42.85714286%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='4'] { + width: 57.14285714%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='4'] { + left: 57.14285714%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='4'] { + min-width: 57.14285714%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='4'] { + max-width: 57.14285714%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='5'] { + width: 71.42857143%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='5'] { + left: 71.42857143%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='5'] { + min-width: 71.42857143%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='5'] { + max-width: 71.42857143%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='6'] { + width: 85.71428571%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='6'] { + left: 85.71428571%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='6'] { + min-width: 85.71428571%; +} +.grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='6'] { + max-width: 85.71428571%; +} +.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.11111111%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='1'] { + width: 11.11111111%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='1'] { + left: 11.11111111%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 11.11111111%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 11.11111111%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='2'] { + width: 22.22222222%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='2'] { + left: 22.22222222%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 22.22222222%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 22.22222222%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='3'] { + width: 33.33333333%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='3'] { + left: 33.33333333%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='3'] { + min-width: 33.33333333%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='3'] { + max-width: 33.33333333%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='4'] { + width: 44.44444444%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='4'] { + left: 44.44444444%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='4'] { + min-width: 44.44444444%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='4'] { + max-width: 44.44444444%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='5'] { + width: 55.55555556%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='5'] { + left: 55.55555556%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='5'] { + min-width: 55.55555556%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='5'] { + max-width: 55.55555556%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='6'] { + width: 66.66666667%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='6'] { + left: 66.66666667%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='6'] { + min-width: 66.66666667%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='6'] { + max-width: 66.66666667%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='7'] { + width: 77.77777778%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='7'] { + left: 77.77777778%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='7'] { + min-width: 77.77777778%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='7'] { + max-width: 77.77777778%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='8'] { + width: 88.88888889%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='8'] { + left: 88.88888889%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='8'] { + min-width: 88.88888889%; +} +.grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='8'] { + max-width: 88.88888889%; +} +.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.09090909%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='1'] { + width: 9.09090909%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='1'] { + left: 9.09090909%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 9.09090909%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 9.09090909%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='2'] { + width: 18.18181818%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='2'] { + left: 18.18181818%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 18.18181818%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 18.18181818%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='3'] { + width: 27.27272727%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='3'] { + left: 27.27272727%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] { + min-width: 27.27272727%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] { + max-width: 27.27272727%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='4'] { + width: 36.36363636%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='4'] { + left: 36.36363636%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] { + min-width: 36.36363636%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] { + max-width: 36.36363636%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='5'] { + width: 45.45454545%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='5'] { + left: 45.45454545%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] { + min-width: 45.45454545%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] { + max-width: 45.45454545%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='6'] { + width: 54.54545455%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='6'] { + left: 54.54545455%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] { + min-width: 54.54545455%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] { + max-width: 54.54545455%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='7'] { + width: 63.63636364%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='7'] { + left: 63.63636364%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] { + min-width: 63.63636364%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] { + max-width: 63.63636364%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='8'] { + width: 72.72727273%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='8'] { + left: 72.72727273%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] { + min-width: 72.72727273%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] { + max-width: 72.72727273%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='9'] { + width: 81.81818182%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='9'] { + left: 81.81818182%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] { + min-width: 81.81818182%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] { + max-width: 81.81818182%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='10'] { + width: 90.90909091%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='10'] { + left: 90.90909091%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] { + min-width: 90.90909091%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] { + max-width: 90.90909091%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='11'] { + width: 100.0%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='11'] { + left: 100.0%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] { + min-width: 100.0%; +} +.grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] { + max-width: 100.0%; +} + +.grid-stack.grid-stack-12 > .grid-stack-item { + min-width: 8.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='1'] { + width: 8.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='1'] { + left: 8.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='1'] { + min-width: 8.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='1'] { + max-width: 8.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='2'] { + width: 16.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='2'] { + left: 16.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='2'] { + min-width: 16.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='2'] { + max-width: 16.66666667%; +} +.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.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='4'] { + left: 33.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='4'] { + min-width: 33.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='4'] { + max-width: 33.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='5'] { + width: 41.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='5'] { + left: 41.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='5'] { + min-width: 41.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='5'] { + max-width: 41.66666667%; +} +.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.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='7'] { + left: 58.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='7'] { + min-width: 58.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='7'] { + max-width: 58.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='8'] { + width: 66.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='8'] { + left: 66.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='8'] { + min-width: 66.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='8'] { + max-width: 66.66666667%; +} +.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.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='10'] { + left: 83.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='10'] { + min-width: 83.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='10'] { + max-width: 83.33333333%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='11'] { + width: 91.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='11'] { + left: 91.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='11'] { + min-width: 91.66666667%; +} +.grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='11'] { + max-width: 91.66666667%; +} +.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%; +}