diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100755 index 0000000..ed2a19c --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,51 @@ +module.exports = function (grunt) { + grunt.loadNpmTasks('grunt-sass'); + grunt.loadNpmTasks('grunt-contrib-cssmin'); + grunt.loadNpmTasks('grunt-contrib-copy'); + grunt.loadNpmTasks('grunt-contrib-uglify'); + + grunt.initConfig({ + sass: { + options: { + outputStyle: 'expanded' + }, + dist: { + files: { + 'dist/gridstack.css': 'src/gridstack.scss', + 'dist/gridstack-extra.css': 'src/gridstack-extra.scss' + } + } + }, + + cssmin: { + dist: { + files: { + 'dist/gridstack.min.css': ['dist/gridstack.css'], + 'dist/gridstack-extra.min.css': ['dist/gridstack-extra.css'] + } + } + }, + + copy: { + dist: { + files: { + 'dist/gridstack.js': ['src/gridstack.js'] + } + } + }, + + uglify: { + options: { + sourceMap: true, + sourceMapName: 'dist/gridstack.min.map' + }, + dist: { + files: { + 'dist/gridstack.min.js': ['src/gridstack.js'] + } + } + } + }); + + grunt.registerTask('default', ['sass', 'cssmin', 'copy', 'uglify']); +}; diff --git a/dist/gridstack-extra.css b/dist/gridstack-extra.css index 2ea5adb..0f51e59 100644 --- a/dist/gridstack-extra.css +++ b/dist/gridstack-extra.css @@ -1,15 +1,19 @@ .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%; } @@ -17,67 +21,87 @@ .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%; + min-width: 33.3333333333%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='1'] { - width: 33.33333333%; + width: 33.3333333333%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='1'] { - left: 33.33333333%; + left: 33.3333333333%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 33.33333333%; + min-width: 33.3333333333%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 33.33333333%; + max-width: 33.3333333333%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-width='2'] { - width: 66.66666667%; + width: 66.6666666667%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-x='2'] { - left: 66.66666667%; + left: 66.6666666667%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 66.66666667%; + min-width: 66.6666666667%; } + .grid-stack.grid-stack-3 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 66.66666667%; + 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%; } @@ -85,51 +109,67 @@ .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%; } @@ -137,227 +177,299 @@ .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%; + min-width: 16.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='1'] { - width: 16.66666667%; + width: 16.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='1'] { - left: 16.66666667%; + left: 16.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 16.66666667%; + min-width: 16.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 16.66666667%; + max-width: 16.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='2'] { - width: 33.33333333%; + width: 33.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='2'] { - left: 33.33333333%; + left: 33.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 33.33333333%; + min-width: 33.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 33.33333333%; + 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.66666667%; + width: 66.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='4'] { - left: 66.66666667%; + left: 66.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='4'] { - min-width: 66.66666667%; + min-width: 66.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='4'] { - max-width: 66.66666667%; + max-width: 66.6666666667%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-width='5'] { - width: 83.33333333%; + width: 83.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-x='5'] { - left: 83.33333333%; + left: 83.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-min-width='5'] { - min-width: 83.33333333%; + min-width: 83.3333333333%; } + .grid-stack.grid-stack-6 > .grid-stack-item[data-gs-max-width='5'] { - max-width: 83.33333333%; + 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.28571429%; + min-width: 14.2857142857%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='1'] { - width: 14.28571429%; + width: 14.2857142857%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='1'] { - left: 14.28571429%; + left: 14.2857142857%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 14.28571429%; + min-width: 14.2857142857%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 14.28571429%; + max-width: 14.2857142857%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='2'] { - width: 28.57142857%; + width: 28.5714285714%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='2'] { - left: 28.57142857%; + left: 28.5714285714%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 28.57142857%; + min-width: 28.5714285714%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 28.57142857%; + max-width: 28.5714285714%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='3'] { - width: 42.85714286%; + width: 42.8571428571%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='3'] { - left: 42.85714286%; + left: 42.8571428571%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='3'] { - min-width: 42.85714286%; + min-width: 42.8571428571%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='3'] { - max-width: 42.85714286%; + max-width: 42.8571428571%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='4'] { - width: 57.14285714%; + width: 57.1428571429%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='4'] { - left: 57.14285714%; + left: 57.1428571429%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='4'] { - min-width: 57.14285714%; + min-width: 57.1428571429%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='4'] { - max-width: 57.14285714%; + max-width: 57.1428571429%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='5'] { - width: 71.42857143%; + width: 71.4285714286%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='5'] { - left: 71.42857143%; + left: 71.4285714286%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='5'] { - min-width: 71.42857143%; + min-width: 71.4285714286%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='5'] { - max-width: 71.42857143%; + max-width: 71.4285714286%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-width='6'] { - width: 85.71428571%; + width: 85.7142857143%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-x='6'] { - left: 85.71428571%; + left: 85.7142857143%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-min-width='6'] { - min-width: 85.71428571%; + min-width: 85.7142857143%; } + .grid-stack.grid-stack-7 > .grid-stack-item[data-gs-max-width='6'] { - max-width: 85.71428571%; + 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%; } @@ -365,211 +477,279 @@ .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%; + min-width: 11.1111111111%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='1'] { - width: 11.11111111%; + width: 11.1111111111%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='1'] { - left: 11.11111111%; + left: 11.1111111111%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 11.11111111%; + min-width: 11.1111111111%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 11.11111111%; + max-width: 11.1111111111%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='2'] { - width: 22.22222222%; + width: 22.2222222222%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='2'] { - left: 22.22222222%; + left: 22.2222222222%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 22.22222222%; + min-width: 22.2222222222%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 22.22222222%; + max-width: 22.2222222222%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='3'] { - width: 33.33333333%; + width: 33.3333333333%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='3'] { - left: 33.33333333%; + left: 33.3333333333%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='3'] { - min-width: 33.33333333%; + min-width: 33.3333333333%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='3'] { - max-width: 33.33333333%; + max-width: 33.3333333333%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='4'] { - width: 44.44444444%; + width: 44.4444444444%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='4'] { - left: 44.44444444%; + left: 44.4444444444%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='4'] { - min-width: 44.44444444%; + min-width: 44.4444444444%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='4'] { - max-width: 44.44444444%; + max-width: 44.4444444444%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='5'] { - width: 55.55555556%; + width: 55.5555555556%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='5'] { - left: 55.55555556%; + left: 55.5555555556%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='5'] { - min-width: 55.55555556%; + min-width: 55.5555555556%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='5'] { - max-width: 55.55555556%; + max-width: 55.5555555556%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='6'] { - width: 66.66666667%; + width: 66.6666666667%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='6'] { - left: 66.66666667%; + left: 66.6666666667%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='6'] { - min-width: 66.66666667%; + min-width: 66.6666666667%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='6'] { - max-width: 66.66666667%; + max-width: 66.6666666667%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='7'] { - width: 77.77777778%; + width: 77.7777777778%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='7'] { - left: 77.77777778%; + left: 77.7777777778%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='7'] { - min-width: 77.77777778%; + min-width: 77.7777777778%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='7'] { - max-width: 77.77777778%; + max-width: 77.7777777778%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-width='8'] { - width: 88.88888889%; + width: 88.8888888889%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-x='8'] { - left: 88.88888889%; + left: 88.8888888889%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-min-width='8'] { - min-width: 88.88888889%; + min-width: 88.8888888889%; } + .grid-stack.grid-stack-9 > .grid-stack-item[data-gs-max-width='8'] { - max-width: 88.88888889%; + 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%; } @@ -577,407 +757,539 @@ .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%; + min-width: 9.0909090909%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='1'] { - width: 9.09090909%; + width: 9.0909090909%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='1'] { - left: 9.09090909%; + left: 9.0909090909%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 9.09090909%; + min-width: 9.0909090909%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 9.09090909%; + max-width: 9.0909090909%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='2'] { - width: 18.18181818%; + width: 18.1818181818%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='2'] { - left: 18.18181818%; + left: 18.1818181818%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 18.18181818%; + min-width: 18.1818181818%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 18.18181818%; + max-width: 18.1818181818%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='3'] { - width: 27.27272727%; + width: 27.2727272727%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='3'] { - left: 27.27272727%; + left: 27.2727272727%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='3'] { - min-width: 27.27272727%; + min-width: 27.2727272727%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='3'] { - max-width: 27.27272727%; + max-width: 27.2727272727%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='4'] { - width: 36.36363636%; + width: 36.3636363636%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='4'] { - left: 36.36363636%; + left: 36.3636363636%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='4'] { - min-width: 36.36363636%; + min-width: 36.3636363636%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='4'] { - max-width: 36.36363636%; + max-width: 36.3636363636%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='5'] { - width: 45.45454545%; + width: 45.4545454545%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='5'] { - left: 45.45454545%; + left: 45.4545454545%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='5'] { - min-width: 45.45454545%; + min-width: 45.4545454545%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='5'] { - max-width: 45.45454545%; + max-width: 45.4545454545%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='6'] { - width: 54.54545455%; + width: 54.5454545455%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='6'] { - left: 54.54545455%; + left: 54.5454545455%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='6'] { - min-width: 54.54545455%; + min-width: 54.5454545455%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='6'] { - max-width: 54.54545455%; + max-width: 54.5454545455%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='7'] { - width: 63.63636364%; + width: 63.6363636364%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='7'] { - left: 63.63636364%; + left: 63.6363636364%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='7'] { - min-width: 63.63636364%; + min-width: 63.6363636364%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='7'] { - max-width: 63.63636364%; + max-width: 63.6363636364%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='8'] { - width: 72.72727273%; + width: 72.7272727273%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='8'] { - left: 72.72727273%; + left: 72.7272727273%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='8'] { - min-width: 72.72727273%; + min-width: 72.7272727273%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='8'] { - max-width: 72.72727273%; + max-width: 72.7272727273%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='9'] { - width: 81.81818182%; + width: 81.8181818182%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='9'] { - left: 81.81818182%; + left: 81.8181818182%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='9'] { - min-width: 81.81818182%; + min-width: 81.8181818182%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='9'] { - max-width: 81.81818182%; + max-width: 81.8181818182%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='10'] { - width: 90.90909091%; + width: 90.9090909091%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='10'] { - left: 90.90909091%; + left: 90.9090909091%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='10'] { - min-width: 90.90909091%; + min-width: 90.9090909091%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='10'] { - max-width: 90.90909091%; + max-width: 90.9090909091%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-width='11'] { - width: 100.0%; + width: 100%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-x='11'] { - left: 100.0%; + left: 100%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-min-width='11'] { - min-width: 100.0%; + min-width: 100%; } + .grid-stack.grid-stack-11 > .grid-stack-item[data-gs-max-width='11'] { - max-width: 100.0%; + max-width: 100%; } .grid-stack.grid-stack-12 > .grid-stack-item { - min-width: 8.33333333%; + min-width: 8.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='1'] { - width: 8.33333333%; + width: 8.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='1'] { - left: 8.33333333%; + left: 8.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='1'] { - min-width: 8.33333333%; + min-width: 8.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='1'] { - max-width: 8.33333333%; + max-width: 8.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='2'] { - width: 16.66666667%; + width: 16.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='2'] { - left: 16.66666667%; + left: 16.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='2'] { - min-width: 16.66666667%; + min-width: 16.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='2'] { - max-width: 16.66666667%; + 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.33333333%; + width: 33.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='4'] { - left: 33.33333333%; + left: 33.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='4'] { - min-width: 33.33333333%; + min-width: 33.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='4'] { - max-width: 33.33333333%; + max-width: 33.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='5'] { - width: 41.66666667%; + width: 41.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='5'] { - left: 41.66666667%; + left: 41.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='5'] { - min-width: 41.66666667%; + min-width: 41.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='5'] { - max-width: 41.66666667%; + 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.33333333%; + width: 58.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='7'] { - left: 58.33333333%; + left: 58.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='7'] { - min-width: 58.33333333%; + min-width: 58.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='7'] { - max-width: 58.33333333%; + max-width: 58.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='8'] { - width: 66.66666667%; + width: 66.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='8'] { - left: 66.66666667%; + left: 66.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='8'] { - min-width: 66.66666667%; + min-width: 66.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='8'] { - max-width: 66.66666667%; + 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.33333333%; + width: 83.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='10'] { - left: 83.33333333%; + left: 83.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='10'] { - min-width: 83.33333333%; + min-width: 83.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='10'] { - max-width: 83.33333333%; + max-width: 83.3333333333%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-width='11'] { - width: 91.66666667%; + width: 91.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-x='11'] { - left: 91.66666667%; + left: 91.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-min-width='11'] { - min-width: 91.66666667%; + min-width: 91.6666666667%; } + .grid-stack.grid-stack-12 > .grid-stack-item[data-gs-max-width='11'] { - max-width: 91.66666667%; + 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%; } diff --git a/dist/gridstack-extra.min.css b/dist/gridstack-extra.min.css index fb9b777..074f4d5 100644 --- a/dist/gridstack-extra.min.css +++ b/dist/gridstack-extra.min.css @@ -1 +1 @@ -.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%} \ No newline at end of file +.grid-stack.grid-stack-1>.grid-stack-item,.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-width='1']{width:100%}.grid-stack.grid-stack-1>.grid-stack-item[data-gs-x='1']{left:100%}.grid-stack.grid-stack-2>.grid-stack-item,.grid-stack.grid-stack-2>.grid-stack-item[data-gs-min-width='1']{min-width:50%}.grid-stack.grid-stack-1>.grid-stack-item[data-gs-max-width='1']{max-width:100%}.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-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-3>.grid-stack-item,.grid-stack.grid-stack-3>.grid-stack-item[data-gs-min-width='1']{min-width:33.3333333333%}.grid-stack.grid-stack-2>.grid-stack-item[data-gs-max-width='2']{max-width:100%}.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-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-4>.grid-stack-item,.grid-stack.grid-stack-4>.grid-stack-item[data-gs-min-width='1']{min-width:25%}.grid-stack.grid-stack-3>.grid-stack-item[data-gs-max-width='3']{max-width:100%}.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-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-5>.grid-stack-item,.grid-stack.grid-stack-5>.grid-stack-item[data-gs-min-width='1']{min-width:20%}.grid-stack.grid-stack-4>.grid-stack-item[data-gs-max-width='4']{max-width:100%}.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-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-6>.grid-stack-item,.grid-stack.grid-stack-6>.grid-stack-item[data-gs-min-width='1']{min-width:16.6666666667%}.grid-stack.grid-stack-5>.grid-stack-item[data-gs-max-width='5']{max-width:100%}.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-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-7>.grid-stack-item,.grid-stack.grid-stack-7>.grid-stack-item[data-gs-min-width='1']{min-width:14.2857142857%}.grid-stack.grid-stack-6>.grid-stack-item[data-gs-max-width='6']{max-width:100%}.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-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-8>.grid-stack-item,.grid-stack.grid-stack-8>.grid-stack-item[data-gs-min-width='1']{min-width:12.5%}.grid-stack.grid-stack-7>.grid-stack-item[data-gs-max-width='7']{max-width:100%}.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-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-9>.grid-stack-item,.grid-stack.grid-stack-9>.grid-stack-item[data-gs-min-width='1']{min-width:11.1111111111%}.grid-stack.grid-stack-8>.grid-stack-item[data-gs-max-width='8']{max-width:100%}.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-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-10>.grid-stack-item,.grid-stack.grid-stack-10>.grid-stack-item[data-gs-min-width='1']{min-width:10%}.grid-stack.grid-stack-9>.grid-stack-item[data-gs-max-width='9']{max-width:100%}.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-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-11>.grid-stack-item,.grid-stack.grid-stack-11>.grid-stack-item[data-gs-min-width='1']{min-width:9.0909090909%}.grid-stack.grid-stack-10>.grid-stack-item[data-gs-max-width='10']{max-width:100%}.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-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-12>.grid-stack-item,.grid-stack.grid-stack-12>.grid-stack-item[data-gs-min-width='1']{min-width:8.3333333333%}.grid-stack.grid-stack-11>.grid-stack-item[data-gs-max-width='11']{max-width:100%}.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-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%} \ No newline at end of file diff --git a/dist/gridstack.css b/dist/gridstack.css index 319d58a..26dabcf 100644 --- a/dist/gridstack.css +++ b/dist/gridstack.css @@ -5,6 +5,7 @@ .grid-stack { position: relative; } + .grid-stack .grid-stack-placeholder > .placeholder-content { border: 1px dashed lightgray; margin: 0; @@ -16,11 +17,13 @@ width: auto; z-index: 0 !important; } + .grid-stack > .grid-stack-item { - min-width: 8.33333333%; + min-width: 8.3333333333%; position: absolute; padding: 0; } + .grid-stack > .grid-stack-item > .grid-stack-item-content { margin: 0; position: absolute; @@ -33,6 +36,7 @@ overflow-x: hidden; overflow-y: auto; } + .grid-stack > .grid-stack-item > .ui-resizable-handle { position: absolute; font-size: 0.1px; @@ -40,18 +44,23 @@ -ms-touch-action: none; touch-action: none; } -.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle { + +.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, +.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle { display: none; } + .grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing { z-index: 100; } + .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content { box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2); opacity: 0.8; } + .grid-stack > .grid-stack-item > .ui-resizable-se, .grid-stack > .grid-stack-item > .ui-resizable-sw { text-align: right; @@ -64,10 +73,12 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + .grid-stack > .grid-stack-item > .ui-resizable-se::before, .grid-stack > .grid-stack-item > .ui-resizable-sw::before { content: "\f065"; } + .grid-stack > .grid-stack-item > .ui-resizable-se { display: inline-block; -webkit-transform: rotate(90deg); @@ -76,6 +87,7 @@ -o-transform: rotate(90deg); transform: rotate(90deg); } + .grid-stack > .grid-stack-item > .ui-resizable-nw { cursor: nw-resize; width: 20px; @@ -83,6 +95,7 @@ left: 10px; top: 0; } + .grid-stack > .grid-stack-item > .ui-resizable-n { cursor: n-resize; height: 10px; @@ -90,6 +103,7 @@ left: 25px; right: 25px; } + .grid-stack > .grid-stack-item > .ui-resizable-ne { cursor: ne-resize; width: 20px; @@ -97,6 +111,7 @@ right: 10px; top: 0; } + .grid-stack > .grid-stack-item > .ui-resizable-e { cursor: e-resize; width: 10px; @@ -104,6 +119,7 @@ top: 15px; bottom: 15px; } + .grid-stack > .grid-stack-item > .ui-resizable-se { cursor: se-resize; width: 20px; @@ -111,6 +127,7 @@ right: 10px; bottom: 0; } + .grid-stack > .grid-stack-item > .ui-resizable-s { cursor: s-resize; height: 10px; @@ -118,6 +135,7 @@ bottom: 0; right: 25px; } + .grid-stack > .grid-stack-item > .ui-resizable-sw { cursor: sw-resize; width: 20px; @@ -125,6 +143,7 @@ left: 10px; bottom: 0; } + .grid-stack > .grid-stack-item > .ui-resizable-w { cursor: w-resize; width: 10px; @@ -132,158 +151,211 @@ top: 15px; bottom: 15px; } + .grid-stack > .grid-stack-item[data-gs-width='1'] { - width: 8.33333333%; + width: 8.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-x='1'] { - left: 8.33333333%; + left: 8.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-min-width='1'] { - min-width: 8.33333333%; + min-width: 8.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-max-width='1'] { - max-width: 8.33333333%; + max-width: 8.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-width='2'] { - width: 16.66666667%; + width: 16.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-x='2'] { - left: 16.66666667%; + left: 16.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-min-width='2'] { - min-width: 16.66666667%; + min-width: 16.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-max-width='2'] { - max-width: 16.66666667%; + max-width: 16.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-width='3'] { width: 25%; } + .grid-stack > .grid-stack-item[data-gs-x='3'] { left: 25%; } + .grid-stack > .grid-stack-item[data-gs-min-width='3'] { min-width: 25%; } + .grid-stack > .grid-stack-item[data-gs-max-width='3'] { max-width: 25%; } + .grid-stack > .grid-stack-item[data-gs-width='4'] { - width: 33.33333333%; + width: 33.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-x='4'] { - left: 33.33333333%; + left: 33.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-min-width='4'] { - min-width: 33.33333333%; + min-width: 33.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-max-width='4'] { - max-width: 33.33333333%; + max-width: 33.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-width='5'] { - width: 41.66666667%; + width: 41.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-x='5'] { - left: 41.66666667%; + left: 41.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-min-width='5'] { - min-width: 41.66666667%; + min-width: 41.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-max-width='5'] { - max-width: 41.66666667%; + max-width: 41.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-width='6'] { width: 50%; } + .grid-stack > .grid-stack-item[data-gs-x='6'] { left: 50%; } + .grid-stack > .grid-stack-item[data-gs-min-width='6'] { min-width: 50%; } + .grid-stack > .grid-stack-item[data-gs-max-width='6'] { max-width: 50%; } + .grid-stack > .grid-stack-item[data-gs-width='7'] { - width: 58.33333333%; + width: 58.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-x='7'] { - left: 58.33333333%; + left: 58.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-min-width='7'] { - min-width: 58.33333333%; + min-width: 58.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-max-width='7'] { - max-width: 58.33333333%; + max-width: 58.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-width='8'] { - width: 66.66666667%; + width: 66.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-x='8'] { - left: 66.66666667%; + left: 66.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-min-width='8'] { - min-width: 66.66666667%; + min-width: 66.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-max-width='8'] { - max-width: 66.66666667%; + max-width: 66.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-width='9'] { width: 75%; } + .grid-stack > .grid-stack-item[data-gs-x='9'] { left: 75%; } + .grid-stack > .grid-stack-item[data-gs-min-width='9'] { min-width: 75%; } + .grid-stack > .grid-stack-item[data-gs-max-width='9'] { max-width: 75%; } + .grid-stack > .grid-stack-item[data-gs-width='10'] { - width: 83.33333333%; + width: 83.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-x='10'] { - left: 83.33333333%; + left: 83.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-min-width='10'] { - min-width: 83.33333333%; + min-width: 83.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-max-width='10'] { - max-width: 83.33333333%; + max-width: 83.3333333333%; } + .grid-stack > .grid-stack-item[data-gs-width='11'] { - width: 91.66666667%; + width: 91.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-x='11'] { - left: 91.66666667%; + left: 91.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-min-width='11'] { - min-width: 91.66666667%; + min-width: 91.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-max-width='11'] { - max-width: 91.66666667%; + max-width: 91.6666666667%; } + .grid-stack > .grid-stack-item[data-gs-width='12'] { width: 100%; } + .grid-stack > .grid-stack-item[data-gs-x='12'] { left: 100%; } + .grid-stack > .grid-stack-item[data-gs-min-width='12'] { min-width: 100%; } + .grid-stack > .grid-stack-item[data-gs-max-width='12'] { max-width: 100%; } -.grid-stack.grid-stack-animate, .grid-stack.grid-stack-animate .grid-stack-item { + +.grid-stack.grid-stack-animate, +.grid-stack.grid-stack-animate .grid-stack-item { -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; } -.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder { + +.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging, +.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing, +.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder { -webkit-transition: left 0s, top 0s, height 0s, width 0s; -moz-transition: left 0s, top 0s, height 0s, width 0s; -ms-transition: left 0s, top 0s, height 0s, width 0s; @@ -295,11 +367,7 @@ /* .grid-stack > .grid-stack-item > .ui-resizable-sw { display: inline-block; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); + @include vendor(transform, rotate(180deg)); } */ @media (max-width: 768px) { @@ -313,7 +381,6 @@ .grid-stack-item .ui-resizable-handle { display: none; } - .grid-stack { height: auto !important; } diff --git a/dist/gridstack.js b/dist/gridstack.js old mode 100644 new mode 100755 diff --git a/dist/gridstack.min.css b/dist/gridstack.min.css index 85c9dde..9083dd1 100644 --- a/dist/gridstack.min.css +++ b/dist/gridstack.min.css @@ -1 +1 @@ -:root .grid-stack-item>.ui-resizable-handle{filter:none}.grid-stack{position:relative}.grid-stack .grid-stack-placeholder>.placeholder-content{border:1px dashed lightgray;margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0 !important}.grid-stack>.grid-stack-item{min-width:8.33333333%;position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0 !important;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack>.grid-stack-item.ui-draggable-dragging,.grid-stack>.grid-stack-item.ui-resizable-resizing{z-index:100}.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,0.2);opacity:.8}.grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{text-align:right;color:gray;padding:2px 3px 0 0;margin:0;font:normal normal normal 10px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-stack>.grid-stack-item>.ui-resizable-se::before,.grid-stack>.grid-stack-item>.ui-resizable-sw::before{content:"\f065"}.grid-stack>.grid-stack-item>.ui-resizable-se{display:inline-block;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;left:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;right:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;right:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;right:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;left:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;left:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item[data-gs-width='1']{width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-x='1']{left:8.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='1']{min-width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='1']{max-width:8.33333333%}.grid-stack>.grid-stack-item[data-gs-width='2']{width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-x='2']{left:16.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='2']{min-width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='2']{max-width:16.66666667%}.grid-stack>.grid-stack-item[data-gs-width='3']{width:25%}.grid-stack>.grid-stack-item[data-gs-x='3']{left:25%}.grid-stack>.grid-stack-item[data-gs-min-width='3']{min-width:25%}.grid-stack>.grid-stack-item[data-gs-max-width='3']{max-width:25%}.grid-stack>.grid-stack-item[data-gs-width='4']{width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-x='4']{left:33.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='4']{min-width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='4']{max-width:33.33333333%}.grid-stack>.grid-stack-item[data-gs-width='5']{width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-x='5']{left:41.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='5']{min-width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='5']{max-width:41.66666667%}.grid-stack>.grid-stack-item[data-gs-width='6']{width:50%}.grid-stack>.grid-stack-item[data-gs-x='6']{left:50%}.grid-stack>.grid-stack-item[data-gs-min-width='6']{min-width:50%}.grid-stack>.grid-stack-item[data-gs-max-width='6']{max-width:50%}.grid-stack>.grid-stack-item[data-gs-width='7']{width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-x='7']{left:58.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='7']{min-width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='7']{max-width:58.33333333%}.grid-stack>.grid-stack-item[data-gs-width='8']{width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-x='8']{left:66.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='8']{min-width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='8']{max-width:66.66666667%}.grid-stack>.grid-stack-item[data-gs-width='9']{width:75%}.grid-stack>.grid-stack-item[data-gs-x='9']{left:75%}.grid-stack>.grid-stack-item[data-gs-min-width='9']{min-width:75%}.grid-stack>.grid-stack-item[data-gs-max-width='9']{max-width:75%}.grid-stack>.grid-stack-item[data-gs-width='10']{width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-x='10']{left:83.33333333%}.grid-stack>.grid-stack-item[data-gs-min-width='10']{min-width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-max-width='10']{max-width:83.33333333%}.grid-stack>.grid-stack-item[data-gs-width='11']{width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-x='11']{left:91.66666667%}.grid-stack>.grid-stack-item[data-gs-min-width='11']{min-width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-max-width='11']{max-width:91.66666667%}.grid-stack>.grid-stack-item[data-gs-width='12']{width:100%}.grid-stack>.grid-stack-item[data-gs-x='12']{left:100%}.grid-stack>.grid-stack-item[data-gs-min-width='12']{min-width:100%}.grid-stack>.grid-stack-item[data-gs-max-width='12']{max-width:100%}.grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s}.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder{-webkit-transition:left 0,top 0,height 0,width 0;-moz-transition:left 0,top 0,height 0,width 0;-ms-transition:left 0,top 0,height 0,width 0;-o-transition:left 0,top 0,height 0,width 0;transition:left 0,top 0,height 0,width 0}@media(max-width:768px){.grid-stack-item{position:relative !important;width:auto !important;left:0 !important;top:auto !important;margin-bottom:20px}.grid-stack-item .ui-resizable-handle{display:none}.grid-stack{height:auto !important}} \ No newline at end of file +:root .grid-stack-item>.ui-resizable-handle{filter:none}.grid-stack{position:relative}.grid-stack .grid-stack-placeholder>.placeholder-content{border:1px dashed #d3d3d3;margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{min-width:8.3333333333%;position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;top:0;left:10px;right:10px;bottom:0;width:auto;z-index:0!important;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack>.grid-stack-item.ui-draggable-dragging,.grid-stack>.grid-stack-item.ui-resizable-resizing{z-index:100}.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content,.grid-stack>.grid-stack-item.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{text-align:right;color:gray;padding:2px 3px 0 0;margin:0;font:normal normal normal 10px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-stack>.grid-stack-item>.ui-resizable-se::before,.grid-stack>.grid-stack-item>.ui-resizable-sw::before{content:"\f065"}.grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;left:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:0;left:25px;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;right:10px;top:0}.grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;right:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item>.ui-resizable-se{display:inline-block;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);cursor:se-resize;width:20px;height:20px;right:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:0;right:25px}.grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;left:10px;bottom:0}.grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;left:10px;top:15px;bottom:15px}.grid-stack>.grid-stack-item[data-gs-width='1']{width:8.3333333333%}.grid-stack>.grid-stack-item[data-gs-x='1']{left:8.3333333333%}.grid-stack>.grid-stack-item[data-gs-min-width='1']{min-width:8.3333333333%}.grid-stack>.grid-stack-item[data-gs-max-width='1']{max-width:8.3333333333%}.grid-stack>.grid-stack-item[data-gs-width='2']{width:16.6666666667%}.grid-stack>.grid-stack-item[data-gs-x='2']{left:16.6666666667%}.grid-stack>.grid-stack-item[data-gs-min-width='2']{min-width:16.6666666667%}.grid-stack>.grid-stack-item[data-gs-max-width='2']{max-width:16.6666666667%}.grid-stack>.grid-stack-item[data-gs-width='3']{width:25%}.grid-stack>.grid-stack-item[data-gs-x='3']{left:25%}.grid-stack>.grid-stack-item[data-gs-min-width='3']{min-width:25%}.grid-stack>.grid-stack-item[data-gs-max-width='3']{max-width:25%}.grid-stack>.grid-stack-item[data-gs-width='4']{width:33.3333333333%}.grid-stack>.grid-stack-item[data-gs-x='4']{left:33.3333333333%}.grid-stack>.grid-stack-item[data-gs-min-width='4']{min-width:33.3333333333%}.grid-stack>.grid-stack-item[data-gs-max-width='4']{max-width:33.3333333333%}.grid-stack>.grid-stack-item[data-gs-width='5']{width:41.6666666667%}.grid-stack>.grid-stack-item[data-gs-x='5']{left:41.6666666667%}.grid-stack>.grid-stack-item[data-gs-min-width='5']{min-width:41.6666666667%}.grid-stack>.grid-stack-item[data-gs-max-width='5']{max-width:41.6666666667%}.grid-stack>.grid-stack-item[data-gs-width='6']{width:50%}.grid-stack>.grid-stack-item[data-gs-x='6']{left:50%}.grid-stack>.grid-stack-item[data-gs-min-width='6']{min-width:50%}.grid-stack>.grid-stack-item[data-gs-max-width='6']{max-width:50%}.grid-stack>.grid-stack-item[data-gs-width='7']{width:58.3333333333%}.grid-stack>.grid-stack-item[data-gs-x='7']{left:58.3333333333%}.grid-stack>.grid-stack-item[data-gs-min-width='7']{min-width:58.3333333333%}.grid-stack>.grid-stack-item[data-gs-max-width='7']{max-width:58.3333333333%}.grid-stack>.grid-stack-item[data-gs-width='8']{width:66.6666666667%}.grid-stack>.grid-stack-item[data-gs-x='8']{left:66.6666666667%}.grid-stack>.grid-stack-item[data-gs-min-width='8']{min-width:66.6666666667%}.grid-stack>.grid-stack-item[data-gs-max-width='8']{max-width:66.6666666667%}.grid-stack>.grid-stack-item[data-gs-width='9']{width:75%}.grid-stack>.grid-stack-item[data-gs-x='9']{left:75%}.grid-stack>.grid-stack-item[data-gs-min-width='9']{min-width:75%}.grid-stack>.grid-stack-item[data-gs-max-width='9']{max-width:75%}.grid-stack>.grid-stack-item[data-gs-width='10']{width:83.3333333333%}.grid-stack>.grid-stack-item[data-gs-x='10']{left:83.3333333333%}.grid-stack>.grid-stack-item[data-gs-min-width='10']{min-width:83.3333333333%}.grid-stack>.grid-stack-item[data-gs-max-width='10']{max-width:83.3333333333%}.grid-stack>.grid-stack-item[data-gs-width='11']{width:91.6666666667%}.grid-stack>.grid-stack-item[data-gs-x='11']{left:91.6666666667%}.grid-stack>.grid-stack-item[data-gs-min-width='11']{min-width:91.6666666667%}.grid-stack>.grid-stack-item[data-gs-max-width='11']{max-width:91.6666666667%}.grid-stack>.grid-stack-item[data-gs-width='12']{width:100%}.grid-stack>.grid-stack-item[data-gs-x='12']{left:100%}.grid-stack>.grid-stack-item[data-gs-min-width='12']{min-width:100%}.grid-stack>.grid-stack-item[data-gs-max-width='12']{max-width:100%}.grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s}.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing{-webkit-transition:left 0s,top 0s,height 0s,width 0s;-moz-transition:left 0s,top 0s,height 0s,width 0s;-ms-transition:left 0s,top 0s,height 0s,width 0s;-o-transition:left 0s,top 0s,height 0s,width 0s;transition:left 0s,top 0s,height 0s,width 0s}@media (max-width:768px){.grid-stack-item{position:relative!important;width:auto!important;left:0!important;top:auto!important;margin-bottom:20px}.grid-stack-item .ui-resizable-handle{display:none}.grid-stack{height:auto!important}} \ No newline at end of file diff --git a/dist/gridstack.min.js b/dist/gridstack.min.js index 432eeed..e88566c 100644 --- a/dist/gridstack.min.js +++ b/dist/gridstack.min.js @@ -1,2 +1,2 @@ -!function(t){if("function"==typeof define&&define.amd)define(["jquery","lodash","jquery-ui/core","jquery-ui/widget","jquery-ui/mouse","jquery-ui/draggable","jquery-ui/resizable"],t);else if("undefined"!=typeof exports){try{jQuery=require("jquery")}catch(e){}try{_=require("lodash")}catch(e){}t(jQuery,_)}else t(jQuery,_)}(function(t,e){var i=window,n={is_intercepted:function(t,e){return!(t.x+t.width<=e.x||e.x+e.width<=t.x||t.y+t.height<=e.y||e.y+e.height<=t.y)},sort:function(t,i,n){return n=n||e.chain(t).map(function(t){return t.x+t.width}).max().value(),i=-1!=i?1:-1,e.sortBy(t,function(t){return i*(t.x+t.y*n)})},create_stylesheet:function(t){var e=document.createElement("style");return e.setAttribute("type","text/css"),e.setAttribute("data-gs-id",t),e.styleSheet?e.styleSheet.cssText="":e.appendChild(document.createTextNode("")),document.getElementsByTagName("head")[0].appendChild(e),e.sheet},remove_stylesheet:function(e){t("STYLE[data-gs-id="+e+"]").remove()},insert_css_rule:function(t,e,i,n){"function"==typeof t.insertRule?t.insertRule(e+"{"+i+"}",n):"function"==typeof t.addRule&&t.addRule(e,i,n)},toBool:function(t){return"boolean"==typeof t?t:"string"==typeof t?(t=t.toLowerCase(),!(""==t||"no"==t||"false"==t||"0"==t)):Boolean(t)}},s=0,o=function(t,e,i,n,s){this.width=t,this["float"]=i||!1,this.height=n||0,this.nodes=s||[],this.onchange=e||function(){},this._update_counter=0,this._float=this["float"]};o.prototype.batch_update=function(){this._update_counter=1,this["float"]=!0},o.prototype.commit=function(){this._update_counter=0,0==this._update_counter&&(this["float"]=this._float,this._pack_nodes(),this._notify())},o.prototype._fix_collisions=function(t){this._sort_nodes(-1);var i=t,s=Boolean(e.find(this.nodes,function(t){return t.locked}));for(this["float"]||s||(i={x:0,y:t.y,width:this.width,height:t.height});;){var o=e.find(this.nodes,e.bind(function(e){return e!=t&&n.is_intercepted(e,i)},this));if("undefined"==typeof o)return;this.move_node(o,o.x,t.y+t.height,o.width,o.height,!0)}},o.prototype.is_area_empty=function(t,i,s,o){var a={x:t||0,y:i||0,width:s||1,height:o||1},h=e.find(this.nodes,e.bind(function(t){return n.is_intercepted(t,a)},this));return null==h},o.prototype._sort_nodes=function(t){this.nodes=n.sort(this.nodes,t,this.width)},o.prototype._pack_nodes=function(){this._sort_nodes(),this["float"]?e.each(this.nodes,e.bind(function(t,i){if(!t._updating&&"undefined"!=typeof t._orig_y&&t.y!=t._orig_y)for(var s=t.y;s>=t._orig_y;){var o=e.chain(this.nodes).find(function(e){return t!=e&&n.is_intercepted({x:t.x,y:s,width:t.width,height:t.height},e)}).value();o||(t._dirty=!0,t.y=s),--s}},this)):e.each(this.nodes,e.bind(function(t,i){if(!t.locked)for(;t.y>0;){var s=t.y-1,o=0==i;if(i>0){var a=e.chain(this.nodes).take(i).find(function(e){return n.is_intercepted({x:t.x,y:s,width:t.width,height:t.height},e)}).value();o="undefined"==typeof a}if(!o)break;t._dirty=t.y!=s,t.y=s}},this))},o.prototype._prepare_node=function(t,i){return t=e.defaults(t||{},{width:1,height:1,x:0,y:0}),t.x=parseInt(""+t.x),t.y=parseInt(""+t.y),t.width=parseInt(""+t.width),t.height=parseInt(""+t.height),t.auto_position=t.auto_position||!1,t.no_resize=t.no_resize||!1,t.no_move=t.no_move||!1,t.width>this.width?t.width=this.width:t.width<1&&(t.width=1),t.height<1&&(t.height=1),t.x<0&&(t.x=0),t.x+t.width>this.width&&(i?t.width=this.width-t.x:t.x=this.width-t.width),t.y<0&&(t.y=0),t},o.prototype._notify=function(){if(!this._update_counter){var t=Array.prototype.slice.call(arguments,1).concat(this.get_dirty_nodes());t=t.concat(this.get_dirty_nodes()),this.onchange(t)}},o.prototype.clean_nodes=function(){e.each(this.nodes,function(t){t._dirty=!1})},o.prototype.get_dirty_nodes=function(){return e.filter(this.nodes,function(t){return t._dirty})},o.prototype.add_node=function(t){if(t=this._prepare_node(t),"undefined"!=typeof t.max_width&&(t.width=Math.min(t.width,t.max_width)),"undefined"!=typeof t.max_height&&(t.height=Math.min(t.height,t.max_height)),"undefined"!=typeof t.min_width&&(t.width=Math.max(t.width,t.min_width)),"undefined"!=typeof t.min_height&&(t.height=Math.max(t.height,t.min_height)),t._id=++s,t._dirty=!0,t.auto_position){this._sort_nodes();for(var i=0;;++i){var o=i%this.width,a=Math.floor(i/this.width);if(!(o+t.width>this.width||e.find(this.nodes,function(e){return n.is_intercepted({x:o,y:a,width:t.width,height:t.height},e)}))){t.x=o,t.y=a;break}}}return this.nodes.push(t),this._fix_collisions(t),this._pack_nodes(),this._notify(),t},o.prototype.remove_node=function(t){t._id=null,this.nodes=e.without(this.nodes,t),this._pack_nodes(),this._notify(t)},o.prototype.can_move_node=function(i,n,s,a,h){var r=Boolean(e.find(this.nodes,function(t){return t.locked}));if(!this.height&&!r)return!0;var d,_=new o(this.width,null,this["float"],0,e.map(this.nodes,function(e){return e==i?d=t.extend({},e):t.extend({},e)}));_.move_node(d,n,s,a,h);var l=!0;return r&&(l&=!Boolean(e.find(_.nodes,function(t){return t!=d&&Boolean(t.locked)&&Boolean(t._dirty)}))),this.height&&(l&=_.get_grid_height()<=this.height),l},o.prototype.can_be_placed_with_respect_to_height=function(i){if(!this.height)return!0;var n=new o(this.width,null,this["float"],0,e.map(this.nodes,function(e){return t.extend({},e)}));return n.add_node(i),n.get_grid_height()<=this.height},o.prototype.move_node=function(t,e,i,n,s,o){if("number"!=typeof e&&(e=t.x),"number"!=typeof i&&(i=t.y),"number"!=typeof n&&(n=t.width),"number"!=typeof s&&(s=t.height),"undefined"!=typeof t.max_width&&(n=Math.min(n,t.max_width)),"undefined"!=typeof t.max_height&&(s=Math.min(s,t.max_height)),"undefined"!=typeof t.min_width&&(n=Math.max(n,t.min_width)),"undefined"!=typeof t.min_height&&(s=Math.max(s,t.min_height)),t.x==e&&t.y==i&&t.width==n&&t.height==s)return t;var a=t.width!=n;return t._dirty=!0,t.x=e,t.y=i,t.width=n,t.height=s,t=this._prepare_node(t,a),this._fix_collisions(t),o||(this._pack_nodes(),this._notify()),t},o.prototype.get_grid_height=function(){return e.reduce(this.nodes,function(t,e){return Math.max(t,e.y+e.height)},0)},o.prototype.begin_update=function(t){e.each(this.nodes,function(t){t._orig_y=t.y}),t._updating=!0},o.prototype.end_update=function(){e.each(this.nodes,function(t){t._orig_y=t.y});var t=e.find(this.nodes,function(t){return t._updating});t&&(t._updating=!1)};var a=function(i,n){var s,a=this;n=n||{},this.container=t(i),n.item_class=n.item_class||"grid-stack-item";var h=this.container.closest("."+n.item_class).size()>0;if(this.opts=e.defaults(n||{},{width:parseInt(this.container.attr("data-gs-width"))||12,height:parseInt(this.container.attr("data-gs-height"))||0,item_class:"grid-stack-item",placeholder_class:"grid-stack-placeholder",handle:".grid-stack-item-content",handle_class:null,cell_height:60,vertical_margin:20,auto:!0,min_width:768,"float":!1,static_grid:!1,_class:"grid-stack-instance-"+(1e4*Math.random()).toFixed(0),animate:Boolean(this.container.attr("data-gs-animate"))||!1,always_show_resize_handle:n.always_show_resize_handle||!1,resizable:e.defaults(n.resizable||{},{autoHide:!n.always_show_resize_handle,handles:"se"}),draggable:e.defaults(n.draggable||{},{handle:(n.handle_class?"."+n.handle_class:n.handle?n.handle:"")||".grid-stack-item-content",scroll:!1,appendTo:"body"})}),this.opts.is_nested=h,this.container.addClass(this.opts._class),this._set_static_class(),h&&this.container.addClass("grid-stack-nested"),this._init_styles(),this.grid=new o(this.opts.width,function(t){var i=0;e.each(t,function(t){null==t._id?t.el.remove():(t.el.attr("data-gs-x",t.x).attr("data-gs-y",t.y).attr("data-gs-width",t.width).attr("data-gs-height",t.height),i=Math.max(i,t.y+t.height))}),a._update_styles(i+10)},this.opts["float"],this.opts.height),this.opts.auto){var r=[],d=this;this.container.children("."+this.opts.item_class+":not(."+this.opts.placeholder_class+")").each(function(e,i){i=t(i),r.push({el:i,i:parseInt(i.attr("data-gs-x"))+parseInt(i.attr("data-gs-y"))*d.opts.width})}),e.chain(r).sortBy(function(t){return t.i}).each(function(t){a._prepare_element(t.el)}).value()}this.set_animation(this.opts.animate),this.placeholder=t('