framework7 7.0.8 → 8.0.0-beta.1

package/components/form/form.lazy.js

@@ -1 +1 @@
-(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var o=t.$,a=t.utils,r=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,t.$jsx,a.serializeObject),n=a.extend;const i={store(t,e){let a=t;const r=o(t);r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),this.form.data[`form-${a}`]=e,window.localStorage[`f7form-${a}`]=JSON.stringify(e)},get(t){const e=this;let a=t;const r=o(t);return r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),window.localStorage[`f7form-${a}`]?JSON.parse(window.localStorage[`f7form-${a}`]):e.form.data[`form-${a}`]?e.form.data[`form-${a}`]:void 0},remove(t){const e=this;let a=t;const r=o(t);r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),e.form.data[`form-${a}`]&&(e.form.data[`form-${a}`]="",delete e.form.data[`form-${a}`]),window.localStorage[`f7form-${a}`]&&(window.localStorage[`f7form-${a}`]="",window.localStorage.removeItem(`f7form-${a}`))}},s={init(t){const e=this,a=o(t),r=a.attr("id");if(!r)return;const n=e.form.getFormData(r);n&&e.form.fillFromData(a,n),a.on("change submit",(function(){const t=e.form.convertToData(a);t&&(e.form.storeFormData(r,t),a.trigger("form:storedata",t),e.emit("formStoreData",a[0],t))}))},destroy(t){o(t).off("change submit")}};function f(t){const e=o(t).eq(0);if(0===e.length)return;const a={},r=["submit","image","button","file"],n=[];return e.find("input, select, textarea").each((t=>{const i=o(t);if(i.hasClass("ignore-store-data")||i.hasClass("no-store-data"))return;const s=i.attr("name"),f=i.attr("type"),m=t.nodeName.toLowerCase();if(!(r.indexOf(f)>=0)&&!(n.indexOf(s)>=0)&&s)if("select"===m&&i.prop("multiple"))n.push(s),a[s]=[],e.find(`select[name="${s}"] option`).each((t=>{t.selected&&a[s].push(t.value)}));else switch(f){case"checkbox":n.push(s),a[s]=[],e.find(`input[name="${s}"]`).each((t=>{t.checked&&a[s].push(t.value)}));break;case"radio":n.push(s),e.find(`input[name="${s}"]`).each((t=>{t.checked&&(a[s]=t.value)}));break;default:a[s]=i.val()}})),e.trigger("form:todata",a),this.emit("formToData",e[0],a),a}function m(t,e){const a=this,r=o(t).eq(0);if(!r.length)return;let n=e;const i=r.attr("id");if(!n&&i&&(n=a.form.getFormData(i)),!n)return;const s=["submit","image","button","file"],f=[];r.find("input, select, textarea").each((t=>{const e=o(t);if(e.hasClass("ignore-store-data")||e.hasClass("no-store-data"))return;const a=e.attr("name"),i=e.attr("type"),m=t.nodeName.toLowerCase();if(void 0!==n[a]&&null!==n[a]&&!(s.indexOf(i)>=0)&&!(f.indexOf(a)>=0)&&a){if("select"===m&&e.prop("multiple"))f.push(a),r.find(`select[name="${a}"] option`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.selected=!0:e.selected=!1}));else switch(i){case"checkbox":f.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.checked=!0:e.checked=!1}));break;case"radio":f.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a]===t.value?e.checked=!0:e.checked=!1}));break;default:e.val(n[a])}"select"!==m&&"input"!==m&&"textarea"!==m||e.trigger("change","fromdata")}})),r.trigger("form:fromdata",n),a.emit("formFromData",r[0],n)}function c(){const t=this;o(document).on("submit change","form.form-ajax-submit, form.form-ajax-submit-onchange",(function(e,a){const n=o(this);if("change"===e.type&&!n.hasClass("form-ajax-submit-onchange"))return;if("submit"===e.type&&e.preventDefault(),"change"===e.type&&"fromdata"===a)return;const i=(n.attr("method")||"GET").toUpperCase(),s=n.prop("enctype")||n.attr("enctype"),f=n.attr("action");if(!f)return;let m;m="POST"===i?"application/x-www-form-urlencoded"===s?t.form.convertToData(n[0]):new window.FormData(n[0]):r(t.form.convertToData(n[0])),t.request({method:i,url:f,contentType:s,data:m,beforeSend(e){n.trigger("formajax:beforesend",{data:m,xhr:e}),t.emit("formAjaxBeforeSend",n[0],m,e)},error(e){n.trigger("formajax:error",{data:m,xhr:e}),t.emit("formAjaxError",n[0],m,e)},complete(e){n.trigger("formajax:complete",{data:m,xhr:e}),t.emit("formAjaxComplete",n[0],m,e)},success(e,o,a){n.trigger("formajax:success",{data:m,xhr:a}),t.emit("formAjaxSuccess",n[0],m,a)}})}))}var d={name:"form",create(){const t=this;n(t,{form:{data:{},storeFormData:i.store.bind(t),getFormData:i.get.bind(t),removeFormData:i.remove.bind(t),convertToData:f.bind(t),fillFromData:m.bind(t),storage:{init:s.init.bind(t),destroy:s.destroy.bind(t)}}})},on:{init(){c.call(this)},tabBeforeRemove(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},tabMounted(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.init(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.init(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+(function framework7ComponentLoader(t,e){void 0===e&&(e=!0);var o=t.$,a=t.utils,r=(t.getDevice,t.getSupport,t.Class,t.Modal,t.ConstructorMethods,t.ModalMethods,t.$jsx,a.serializeObject),n=a.extend;const i={store(t,e){let a=t;const r=o(t);r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),this.form.data[`form-${a}`]=e,window.localStorage[`f7form-${a}`]=JSON.stringify(e)},get(t){const e=this;let a=t;const r=o(t);return r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),window.localStorage[`f7form-${a}`]?JSON.parse(window.localStorage[`f7form-${a}`]):e.form.data[`form-${a}`]?e.form.data[`form-${a}`]:void 0},remove(t){const e=this;let a=t;const r=o(t);r.length&&r.is("form")&&r.attr("id")&&(a=r.attr("id")),e.form.data[`form-${a}`]&&(e.form.data[`form-${a}`]="",delete e.form.data[`form-${a}`]),window.localStorage[`f7form-${a}`]&&(window.localStorage[`f7form-${a}`]="",window.localStorage.removeItem(`f7form-${a}`))}},s={init(t){const e=this,a=o(t),r=a.attr("id");if(!r)return;const n=e.form.getFormData(r);n&&e.form.fillFromData(a,n),a.on("change submit",(function(){const t=e.form.convertToData(a);t&&(e.form.storeFormData(r,t),a.trigger("form:storedata",t),e.emit("formStoreData",a[0],t))}))},destroy(t){o(t).off("change submit")}};function c(t){const e=o(t).eq(0);if(0===e.length)return;const a={},r=["submit","image","button","file"],n=[];return e.find("input, select, textarea").each((t=>{const i=o(t);if(i.hasClass("ignore-store-data")||i.hasClass("no-store-data"))return;const s=i.attr("name"),c=i.attr("type"),f=t.nodeName.toLowerCase();if(!(r.indexOf(c)>=0)&&!(n.indexOf(s)>=0)&&s)if("select"===f&&i.prop("multiple"))n.push(s),a[s]=[],e.find(`select[name="${s}"] option`).each((t=>{t.selected&&a[s].push(t.value)}));else switch(c){case"checkbox":n.push(s),a[s]=[],e.find(`input[name="${s}"]`).each((t=>{t.checked&&a[s].push(t.value)}));break;case"radio":n.push(s),e.find(`input[name="${s}"]`).each((t=>{t.checked&&(a[s]=t.value)}));break;default:a[s]=i.val()}})),e.trigger("form:todata",a),this.emit("formToData",e[0],a),a}function f(t,e){const a=this,r=o(t).eq(0);if(!r.length)return;let n=e;const i=r.attr("id");if(!n&&i&&(n=a.form.getFormData(i)),!n)return;const s=["submit","image","button","file"],c=[];r.find("input, select, textarea").each((t=>{const e=o(t);if(e.hasClass("ignore-store-data")||e.hasClass("no-store-data"))return;const a=e.attr("name"),i=e.attr("type"),f=t.nodeName.toLowerCase();if(void 0!==n[a]&&null!==n[a]&&!(s.indexOf(i)>=0)&&!(c.indexOf(a)>=0)&&a){if("select"===f&&e.prop("multiple"))c.push(a),r.find(`select[name="${a}"] option`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.selected=!0:e.selected=!1}));else switch(i){case"checkbox":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a].indexOf(t.value)>=0?e.checked=!0:e.checked=!1}));break;case"radio":c.push(a),r.find(`input[name="${a}"]`).each((t=>{const e=t;n[a]===t.value?e.checked=!0:e.checked=!1}));break;default:e.val(n[a])}"select"!==f&&"input"!==f&&"textarea"!==f||e.trigger("change","fromdata")}})),r.trigger("form:fromdata",n),a.emit("formFromData",r[0],n)}function m(){const t=this;o(document).on("submit change","form.form-ajax-submit, form.form-ajax-submit-onchange",(function(e,a){const n=o(this);if("change"===e.type&&!n.hasClass("form-ajax-submit-onchange"))return;if("submit"===e.type&&e.preventDefault(),"change"===e.type&&"fromdata"===a)return;const i=(n.attr("method")||"GET").toUpperCase(),s=n.attr("enctype")||n.prop("enctype");let c,f=n.attr("action");f&&("POST"===i?"application/x-www-form-urlencoded"===s||"application/json"===s?(c=t.form.convertToData(n[0]),"application/json"===s&&(c=JSON.stringify(c))):c=new window.FormData(n[0]):(c=r(t.form.convertToData(n[0])),f.includes("?")?f+=`&${c}`:f+=`?${c}`),n.trigger("formajax:beforesend",{data:c}),t.emit("formAjaxBeforeSend",n[0],c),fetch(f,{method:i,headers:{"Content-Type":s||"application/x-www-form-urlencoded"},..."POST"===i||"PUT"===i?{body:c}:{}}).then((e=>{n.trigger("formajax:complete",{data:c,response:e}),t.emit("formAjaxComplete",n[0],c,e),n.trigger("formajax:success",{data:c,response:e}),t.emit("formAjaxSuccess",n[0],c,e)})).catch((e=>{n.trigger("formajax:error",{data:c,error:e}),t.emit("formAjaxError",n[0],c,e)})))}))}var d={name:"form",create(){const t=this;n(t,{form:{data:{},storeFormData:i.store.bind(t),getFormData:i.get.bind(t),removeFormData:i.remove.bind(t),convertToData:c.bind(t),fillFromData:f.bind(t),storage:{init:s.init.bind(t),destroy:s.destroy.bind(t)}}})},on:{init(){m.call(this)},tabBeforeRemove(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},tabMounted(t){const e=this;o(t).find(".form-store-data").each((t=>{e.form.storage.init(t)}))},pageBeforeRemove(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.destroy(t)}))},pageInit(t){const e=this;t.$el.find(".form-store-data").each((t=>{e.form.storage.init(t)}))}}};if(e){if(t.prototype.modules&&t.prototype.modules[d.name])return;t.use(d),t.instance&&(t.instance.useModuleParams(d,t.instance.params),t.instance.useModule(d))}return d}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/form/form.less

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

package/components/gauge/gauge-class.js

@@ -4,19 +4,17 @@ import $ from '../../shared/dom7.js';
 import { extend, deleteProps } from '../../shared/utils.js';
 import Framework7Class from '../../shared/class.js';
 /** @jsx $jsx */
-
 import $jsx from '../../shared/$jsx.js';
-
 class Gauge extends Framework7Class {
   constructor(app, params) {
     if (params === void 0) {
       params = {};
     }
-
     super(params, [app]);
     const self = this;
-    const defaults = extend({}, app.params.gauge); // Extend defaults with modules params
+    const defaults = extend({}, app.params.gauge);
 
+    // Extend defaults with modules params
     self.useModulesParams(defaults);
     self.params = extend(defaults, params);
     const {
@@ -31,13 +29,13 @@ class Gauge extends Framework7Class {
       $el,
       el: $el && $el[0]
     });
-    $el[0].f7Gauge = self; // Install Modules
+    $el[0].f7Gauge = self;
 
+    // Install Modules
     self.useModules();
     self.init();
     return self;
   }
-
   calcRadius() {
     const self = this;
     const {
@@ -46,13 +44,11 @@ class Gauge extends Framework7Class {
     } = self.params;
     return size / 2 - borderWidth / 2;
   }
-
   calcBorderLength() {
     const self = this;
     const radius = self.calcRadius();
     return 2 * Math.PI * radius;
   }
-
   render() {
     const self = this;
     if (self.params.render) return self.params.render.call(self, self);
@@ -137,12 +133,10 @@ class Gauge extends Framework7Class {
       "dominant-baseline": !semiCircle && 'middle'
     }, labelText));
   }
-
   update(newParams) {
     if (newParams === void 0) {
       newParams = {};
     }
-
     const self = this;
     const document = getDocument();
     const {
@@ -183,7 +177,6 @@ class Gauge extends Framework7Class {
     Object.keys(svgAttrs).forEach(attr => {
       $svgEl.attr(attr, svgAttrs[attr]);
     });
-
     if (semiCircle) {
       const backAttrs = {
         d: `M${size - borderWidth / 2},${size / 2} a1,1 0 0,0 -${size - borderWidth},0`,
@@ -232,14 +225,12 @@ class Gauge extends Framework7Class {
         $svgEl.find('.gauge-front-circle').attr(attr, frontAttrs[attr]);
       });
     }
-
     if (valueText) {
       if (!$svgEl.find('.gauge-value-text').length) {
         const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
         textEl.classList.add('gauge-value-text');
         $svgEl.append(textEl);
       }
-
       const textAttrs = {
         x: '50%',
         y: semiCircle ? '100%' : '50%',
@@ -257,14 +248,12 @@ class Gauge extends Framework7Class {
     } else {
       $svgEl.find('.gauge-value-text').remove();
     }
-
     if (labelText) {
       if (!$svgEl.find('.gauge-label-text').length) {
         const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
         textEl.classList.add('gauge-label-text');
         $svgEl.append(textEl);
       }
-
       const labelAttrs = {
         x: '50%',
         y: semiCircle ? '100%' : '50%',
@@ -282,10 +271,8 @@ class Gauge extends Framework7Class {
     } else {
       $svgEl.find('.gauge-label-text').remove();
     }
-
     return self;
   }
-
   init() {
     const self = this;
     const $svgEl = $(self.render()).eq(0);
@@ -297,7 +284,6 @@ class Gauge extends Framework7Class {
     self.$el.append($svgEl);
     return self;
   }
-
   destroy() {
     const self = this;
     if (!self.$el || self.destroyed) return;
@@ -308,7 +294,5 @@ class Gauge extends Framework7Class {
     deleteProps(self);
     self.destroyed = true;
   }
-
 }
-
 export default Gauge;

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;