framework7 7.1.5 → 8.0.0-beta.2

package/components/gauge/gauge.js

@@ -7,7 +7,6 @@ export default {
   static: {
     Gauge
   },
-
   create() {
     const app = this;
     app.gauge = ConstructorMethods({
@@ -16,7 +15,6 @@ export default {
       app,
       domProp: 'f7Gauge'
     });
-
     app.gauge.update = function update(el, newParams) {
       const $el = $(el);
       if ($el.length === 0) return undefined;
@@ -26,7 +24,6 @@ export default {
       return gauge;
     };
   },
-
   params: {
     gauge: {
       el: null,
@@ -56,13 +53,11 @@ export default {
         }, $(el).dataset() || {}));
       });
     },
-
     tabBeforeRemove(tabEl) {
       $(tabEl).find('.gauge-init').each(el => {
         if (el.f7Gauge) el.f7Gauge.destroy();
       });
     },
-
     pageInit(page) {
       const app = this;
       page.$el.find('.gauge-init').each(el => {
@@ -71,13 +66,11 @@ export default {
         }, $(el).dataset() || {}));
       });
     },
-
     pageBeforeRemove(page) {
       page.$el.find('.gauge-init').each(el => {
         if (el.f7Gauge) el.f7Gauge.destroy();
       });
     }
-
   },
   vnode: {
     'gauge-init': {
@@ -88,12 +81,10 @@ export default {
           el
         }, $(el).dataset() || {}));
       },
-
       destroy(vnode) {
         const el = vnode.elm;
         if (el.f7Gauge) el.f7Gauge.destroy();
       }
-
     }
   }
 };

package/components/gauge/gauge.less

@@ -22,6 +22,3 @@
 .if-md-theme({
   @import './gauge-md.less';
 });
-.if-aurora-theme({
-  @import './gauge-aurora.less';
-});

package/components/grid/grid-rtl.css

@@ -1 +1 @@
-:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .dark,:root.dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}
+:root{--f7-grid-gap:16px}.grid{display:grid}.grid.grid-gap{gap:var(--f7-grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}@media (min-width:480px){.xsmall-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xsmall-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xsmall-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xsmall-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.xsmall-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xsmall-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.xsmall-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xsmall-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.xsmall-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xsmall-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.xsmall-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xsmall-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.xsmall-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xsmall-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.xsmall-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xsmall-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.xsmall-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xsmall-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.xsmall-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xsmall-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.xsmall-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xsmall-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.xsmall-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xsmall-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.xsmall-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.xsmall-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.xsmall-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.xsmall-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.xsmall-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.xsmall-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.xsmall-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.xsmall-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.xsmall-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.xsmall-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.xsmall-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xsmall-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.xsmall-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.xsmall-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.xsmall-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.xsmall-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:568px){.small-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.small-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.small-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.small-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.small-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.small-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.small-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.small-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.small-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.small-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.small-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.small-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.small-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.small-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.small-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.small-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.small-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.small-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.small-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.small-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.small-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.small-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.small-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.small-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.small-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.small-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.small-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.small-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.small-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.small-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.small-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.small-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.small-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.small-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.small-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.small-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.small-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.small-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.small-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.small-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:768px){.medium-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.medium-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.medium-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.medium-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.medium-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.medium-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.medium-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.medium-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.medium-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.medium-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.medium-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.medium-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.medium-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.medium-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.medium-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.medium-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.medium-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.medium-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.medium-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.medium-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.medium-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.medium-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.medium-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.medium-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.medium-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.medium-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.medium-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.medium-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.medium-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.medium-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.medium-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.medium-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.medium-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.medium-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.medium-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.medium-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.medium-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.medium-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.medium-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.medium-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:1024px){.large-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.large-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.large-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.large-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.large-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.large-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.large-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.large-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.large-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.large-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.large-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.large-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.large-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.large-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.large-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.large-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.large-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.large-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.large-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.large-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.large-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.large-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.large-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.large-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.large-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.large-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.large-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.large-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.large-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.large-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.large-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.large-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.large-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.large-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.large-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.large-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.large-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.large-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.large-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.large-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:1200px){.xlarge-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xlarge-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xlarge-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xlarge-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.xlarge-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xlarge-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.xlarge-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xlarge-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.xlarge-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xlarge-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.xlarge-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xlarge-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.xlarge-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xlarge-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.xlarge-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xlarge-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.xlarge-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xlarge-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.xlarge-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xlarge-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.xlarge-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xlarge-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.xlarge-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xlarge-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.xlarge-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.xlarge-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.xlarge-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.xlarge-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.xlarge-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.xlarge-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.xlarge-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.xlarge-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.xlarge-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.xlarge-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.xlarge-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xlarge-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.xlarge-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.xlarge-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.xlarge-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.xlarge-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}

package/components/grid/grid-vars.less

@@ -1,10 +1,3 @@
 :root {
   --f7-grid-gap: 16px;
-  --f7-grid-row-gap: 0px;
-  .light-vars({
-    --f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35);
-  });
-  .dark-vars({
-    --f7-grid-resize-handler-bg-color: rgba(255, 255, 255, 0.35);
-  });
 }

package/components/grid/grid.css

@@ -1 +1 @@
-:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .dark,:root.dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}
+:root{--f7-grid-gap:16px}.grid{display:grid}.grid.grid-gap{gap:var(--f7-grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}@media (min-width:480px){.xsmall-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xsmall-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xsmall-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xsmall-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.xsmall-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xsmall-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.xsmall-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xsmall-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.xsmall-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xsmall-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.xsmall-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xsmall-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.xsmall-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xsmall-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.xsmall-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xsmall-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.xsmall-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xsmall-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.xsmall-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xsmall-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.xsmall-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xsmall-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.xsmall-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xsmall-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.xsmall-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.xsmall-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.xsmall-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.xsmall-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.xsmall-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.xsmall-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.xsmall-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.xsmall-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.xsmall-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.xsmall-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.xsmall-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xsmall-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.xsmall-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.xsmall-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.xsmall-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.xsmall-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:568px){.small-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.small-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.small-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.small-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.small-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.small-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.small-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.small-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.small-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.small-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.small-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.small-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.small-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.small-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.small-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.small-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.small-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.small-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.small-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.small-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.small-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.small-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.small-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.small-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.small-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.small-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.small-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.small-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.small-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.small-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.small-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.small-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.small-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.small-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.small-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.small-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.small-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.small-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.small-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.small-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:768px){.medium-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.medium-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.medium-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.medium-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.medium-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.medium-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.medium-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.medium-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.medium-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.medium-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.medium-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.medium-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.medium-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.medium-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.medium-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.medium-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.medium-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.medium-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.medium-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.medium-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.medium-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.medium-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.medium-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.medium-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.medium-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.medium-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.medium-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.medium-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.medium-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.medium-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.medium-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.medium-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.medium-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.medium-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.medium-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.medium-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.medium-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.medium-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.medium-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.medium-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:1024px){.large-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.large-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.large-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.large-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.large-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.large-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.large-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.large-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.large-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.large-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.large-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.large-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.large-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.large-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.large-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.large-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.large-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.large-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.large-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.large-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.large-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.large-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.large-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.large-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.large-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.large-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.large-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.large-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.large-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.large-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.large-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.large-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.large-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.large-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.large-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.large-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.large-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.large-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.large-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.large-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}@media (min-width:1200px){.xlarge-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xlarge-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xlarge-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xlarge-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.xlarge-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xlarge-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.xlarge-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xlarge-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.xlarge-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xlarge-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.xlarge-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xlarge-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.xlarge-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xlarge-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.xlarge-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xlarge-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.xlarge-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xlarge-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.xlarge-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xlarge-grid-rows-10{grid-template-rows:repeat(10,minmax(0,1fr))}.xlarge-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xlarge-grid-rows-11{grid-template-rows:repeat(11,minmax(0,1fr))}.xlarge-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xlarge-grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}.xlarge-grid-cols-13{grid-template-columns:repeat(13,minmax(0,1fr))}.xlarge-grid-rows-13{grid-template-rows:repeat(13,minmax(0,1fr))}.xlarge-grid-cols-14{grid-template-columns:repeat(14,minmax(0,1fr))}.xlarge-grid-rows-14{grid-template-rows:repeat(14,minmax(0,1fr))}.xlarge-grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.xlarge-grid-rows-15{grid-template-rows:repeat(15,minmax(0,1fr))}.xlarge-grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.xlarge-grid-rows-16{grid-template-rows:repeat(16,minmax(0,1fr))}.xlarge-grid-cols-17{grid-template-columns:repeat(17,minmax(0,1fr))}.xlarge-grid-rows-17{grid-template-rows:repeat(17,minmax(0,1fr))}.xlarge-grid-cols-18{grid-template-columns:repeat(18,minmax(0,1fr))}.xlarge-grid-rows-18{grid-template-rows:repeat(18,minmax(0,1fr))}.xlarge-grid-cols-19{grid-template-columns:repeat(19,minmax(0,1fr))}.xlarge-grid-rows-19{grid-template-rows:repeat(19,minmax(0,1fr))}.xlarge-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.xlarge-grid-rows-20{grid-template-rows:repeat(20,minmax(0,1fr))}}

package/components/grid/grid.d.ts

@@ -7,14 +7,8 @@ import Framework7, {
 export namespace Grid {
   interface AppMethods {}
   interface AppParams {}
-  interface DomEvents {
-    /** Event will be triggered on resizable grid column (or row) resize */
-    'grid:resize': () => void;
-  }
-  interface AppEvents {
-    /** Event will be triggered when column or row resized */
-    gridResize: (el: HTMLElement) => void;
-  }
+  interface DomEvents {}
+  interface AppEvents {}
 }
 
 declare const GridComponent: Framework7Plugin;

package/components/grid/grid.js

@@ -1,227 +1,3 @@
-import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7.js';
-import { extend } from '../../shared/utils.js';
-
-function getElMinSize(dimension, $el) {
-  let minSize = $el.css(`min-${dimension}`);
-
-  if (minSize === 'auto' || minSize === 'none') {
-    minSize = 0;
-  } else if (minSize.indexOf('px') >= 0) {
-    minSize = parseFloat(minSize);
-  } else if (minSize.indexOf('%') >= 0) {
-    minSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(minSize) / 100;
-  }
-
-  return minSize;
-}
-
-function getElMaxSize(dimension, $el) {
-  let maxSize = $el.css(`max-${dimension}`);
-
-  if (maxSize === 'auto' || maxSize === 'none') {
-    maxSize = null;
-  } else if (maxSize.indexOf('px') >= 0) {
-    maxSize = parseFloat(maxSize);
-  } else if (maxSize.indexOf('%') >= 0) {
-    maxSize = $el.parent()[0][dimension === 'height' ? 'offsetHeight' : 'offsetWidth'] * parseFloat(maxSize) / 100;
-  }
-
-  return maxSize;
-}
-
-const Grid = {
-  init() {
-    const app = this;
-    let isTouched;
-    let isMoved;
-    let touchStartX;
-    let touchStartY;
-    let $resizeHandlerEl;
-    let $prevResizableEl;
-    let $nextResizableEl;
-    let prevElSize;
-    let prevElMinSize;
-    let prevElMaxSize;
-    let nextElSize;
-    let nextElMinSize;
-    let nextElMaxSize;
-    let parentSize;
-    let itemsInFlow;
-    let gapSize;
-    let isScrolling;
-
-    function handleTouchStart(e) {
-      if (isTouched || isMoved) return;
-      $resizeHandlerEl = $(e.target).closest('.resize-handler');
-      touchStartX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
-      touchStartY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
-      isTouched = true;
-      $prevResizableEl = undefined;
-      $nextResizableEl = undefined;
-      isScrolling = undefined;
-    }
-
-    function handleTouchMove(e) {
-      if (!isTouched) return;
-      const isRow = $resizeHandlerEl.parent('.row').length === 1;
-      const sizeProp = isRow ? 'height' : 'width';
-      const getSizeProp = isRow ? 'offsetHeight' : 'offsetWidth';
-
-      if (!isMoved) {
-        $prevResizableEl = $resizeHandlerEl.parent(isRow ? '.row' : '.col');
-
-        if ($prevResizableEl.length && (!$prevResizableEl.hasClass('resizable') || $prevResizableEl.hasClass('resizable-fixed'))) {
-          $prevResizableEl = $prevResizableEl.prevAll('.resizable:not(.resizable-fixed)').eq(0);
-        }
-
-        $nextResizableEl = $prevResizableEl.next(isRow ? '.row' : '.col');
-
-        if ($nextResizableEl.length && (!$nextResizableEl.hasClass('resizable') || $nextResizableEl.hasClass('resizable-fixed'))) {
-          $nextResizableEl = $nextResizableEl.nextAll('.resizable:not(.resizable-fixed)').eq(0);
-        }
-
-        if ($prevResizableEl.length) {
-          prevElSize = $prevResizableEl[0][getSizeProp];
-          prevElMinSize = getElMinSize(sizeProp, $prevResizableEl);
-          prevElMaxSize = getElMaxSize(sizeProp, $prevResizableEl);
-          parentSize = $prevResizableEl.parent()[0][getSizeProp];
-          itemsInFlow = $prevResizableEl.parent().children(isRow ? '.row' : '[class*="col-"], .col').length;
-          gapSize = parseFloat($prevResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));
-        }
-
-        if ($nextResizableEl.length) {
-          nextElSize = $nextResizableEl[0][getSizeProp];
-          nextElMinSize = getElMinSize(sizeProp, $nextResizableEl);
-          nextElMaxSize = getElMaxSize(sizeProp, $nextResizableEl);
-
-          if (!$prevResizableEl.length) {
-            parentSize = $nextResizableEl.parent()[0][getSizeProp];
-            itemsInFlow = $nextResizableEl.parent().children(isRow ? '.row' : '[class*="col-"], .col').length;
-            gapSize = parseFloat($nextResizableEl.css(isRow ? '--f7-grid-row-gap' : '--f7-grid-gap'));
-          }
-        }
-      }
-
-      isMoved = true;
-      const touchCurrentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
-      const touchCurrentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
-
-      if (typeof isScrolling === 'undefined' && !isRow) {
-        isScrolling = !!(isScrolling || Math.abs(touchCurrentY - touchStartY) > Math.abs(touchCurrentX - touchStartX));
-      }
-
-      if (isScrolling) {
-        isTouched = false;
-        isMoved = false;
-        return;
-      }
-
-      const isAbsolute = $prevResizableEl.hasClass('resizable-absolute') || $nextResizableEl.hasClass('resizable-absolute');
-      const resizeNextEl = !isRow || isRow && !isAbsolute;
-
-      if (resizeNextEl && !$nextResizableEl.length || !$prevResizableEl.length) {
-        isTouched = false;
-        isMoved = false;
-        return;
-      }
-
-      e.preventDefault();
-      let diff = isRow ? touchCurrentY - touchStartY : touchCurrentX - touchStartX;
-      let prevElNewSize;
-      let nextElNewSize;
-
-      if ($prevResizableEl.length) {
-        prevElNewSize = prevElSize + diff;
-
-        if (prevElNewSize < prevElMinSize) {
-          prevElNewSize = prevElMinSize;
-          diff = prevElNewSize - prevElSize;
-        }
-
-        if (prevElMaxSize && prevElNewSize > prevElMaxSize) {
-          prevElNewSize = prevElMaxSize;
-          diff = prevElNewSize - prevElSize;
-        }
-      }
-
-      if ($nextResizableEl.length && resizeNextEl) {
-        nextElNewSize = nextElSize - diff;
-
-        if (nextElNewSize < nextElMinSize) {
-          nextElNewSize = nextElMinSize;
-          diff = nextElSize - nextElNewSize;
-          prevElNewSize = prevElSize + diff;
-        }
-
-        if (nextElMaxSize && nextElNewSize > nextElMaxSize) {
-          nextElNewSize = nextElMaxSize;
-          diff = nextElSize - nextElNewSize;
-          prevElNewSize = prevElSize + diff;
-        }
-      }
-
-      if (isAbsolute) {
-        $prevResizableEl[0].style[sizeProp] = `${prevElNewSize}px`;
-
-        if (resizeNextEl) {
-          $nextResizableEl[0].style[sizeProp] = `${nextElNewSize}px`;
-        }
-
-        $prevResizableEl.trigger('grid:resize');
-        $nextResizableEl.trigger('grid:resize');
-        app.emit('gridResize', $prevResizableEl[0]);
-        app.emit('gridResize', $nextResizableEl[0]);
-        return;
-      }
-
-      const gapAddSize = (itemsInFlow - 1) * gapSize / itemsInFlow;
-      const gapAddSizeCSS = isRow ? `${itemsInFlow - 1} * var(--f7-grid-row-gap) / ${itemsInFlow}` : '(var(--f7-cols-per-row) - 1) * var(--f7-grid-gap) / var(--f7-cols-per-row)';
-      const prevElNewSizeNormalized = prevElNewSize + gapAddSize;
-      const nextElNewSizeNormalized = nextElNewSize + gapAddSize;
-      $prevResizableEl[0].style[sizeProp] = `calc(${prevElNewSizeNormalized / parentSize * 100}% - ${gapAddSizeCSS})`;
-      $nextResizableEl[0].style[sizeProp] = `calc(${nextElNewSizeNormalized / parentSize * 100}% - ${gapAddSizeCSS})`;
-      $prevResizableEl.trigger('grid:resize');
-      $nextResizableEl.trigger('grid:resize');
-      app.emit('gridResize', $prevResizableEl[0]);
-      app.emit('gridResize', $nextResizableEl[0]);
-    }
-
-    function handleTouchEnd() {
-      if (!isTouched) return;
-
-      if (!isMoved) {
-        isTouched = false;
-      }
-
-      isTouched = false;
-      isMoved = false;
-    }
-
-    const document = getDocument();
-    $(document).on(app.touchEvents.start, '.col > .resize-handler, .row > .resize-handler', handleTouchStart);
-    app.on('touchmove', handleTouchMove);
-    app.on('touchend', handleTouchEnd);
-  }
-
-};
 export default {
-  name: 'grid',
-
-  create() {
-    const app = this;
-    extend(app, {
-      grid: {
-        init: Grid.init.bind(app)
-      }
-    });
-  },
-
-  on: {
-    init() {
-      const app = this;
-      app.grid.init();
-    }
-
-  }
+  name: 'grid'
 };