framework7/components/grid.css

Full featured mobile HTML framework for building iOS & Android apps

:root{--f7-grid-gap:16px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.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.no-gap{--f7-grid-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-child(1),.row .col:nth-last-child(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-child(2),.row .col:nth-last-child(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-child(3),.row .col:nth-last-child(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-child(4),.row .col:nth-last-child(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-child(5),.row .col:nth-last-child(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-child(6),.row .col:nth-last-child(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-child(7),.row .col:nth-last-child(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-child(8),.row .col:nth-last-child(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-child(9),.row .col:nth-last-child(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-child(10),.row .col:nth-last-child(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-child(11),.row .col:nth-last-child(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-child(12),.row .col:nth-last-child(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-child(13),.row .col:nth-last-child(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-child(14),.row .col:nth-last-child(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-child(15),.row .col:nth-last-child(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-child(16),.row .col:nth-last-child(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-child(17),.row .col:nth-last-child(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-child(18),.row .col:nth-last-child(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-child(19),.row .col:nth-last-child(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-child(20),.row .col:nth-last-child(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-child(21),.row .col:nth-last-child(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-child(22),.row .col:nth-last-child(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-child(1),.row .xsmall-auto:nth-last-child(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-child(2),.row .xsmall-auto:nth-last-child(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-child(3),.row .xsmall-auto:nth-last-child(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-child(4),.row .xsmall-auto:nth-last-child(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-child(5),.row .xsmall-auto:nth-last-child(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-child(6),.row .xsmall-auto:nth-last-child(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-child(7),.row .xsmall-auto:nth-last-child(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-child(8),.row .xsmall-auto:nth-last-child(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-child(9),.row .xsmall-auto:nth-last-child(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-child(10),.row .xsmall-auto:nth-last-child(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-child(11),.row .xsmall-auto:nth-last-child(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-child(12),.row .xsmall-auto:nth-last-child(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-child(13),.row .xsmall-auto:nth-last-child(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-child(14),.row .xsmall-auto:nth-last-child(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-child(15),.row .xsmall-auto:nth-last-child(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-child(16),.row .xsmall-auto:nth-last-child(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-child(17),.row .xsmall-auto:nth-last-child(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-child(18),.row .xsmall-auto:nth-last-child(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-child(19),.row .xsmall-auto:nth-last-child(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-child(20),.row .xsmall-auto:nth-last-child(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-child(21),.row .xsmall-auto:nth-last-child(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-child(22),.row .xsmall-auto:nth-last-child(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-child(1),.row .small-auto:nth-last-child(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-child(2),.row .small-auto:nth-last-child(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-child(3),.row .small-auto:nth-last-child(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-child(4),.row .small-auto:nth-last-child(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-child(5),.row .small-auto:nth-last-child(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-child(6),.row .small-auto:nth-last-child(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-child(7),.row .small-auto:nth-last-child(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-child(8),.row .small-auto:nth-last-child(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-child(9),.row .small-auto:nth-last-child(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-child(10),.row .small-auto:nth-last-child(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-child(11),.row .small-auto:nth-last-child(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-child(12),.row .small-auto:nth-last-child(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-child(13),.row .small-auto:nth-last-child(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-child(14),.row .small-auto:nth-last-child(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-child(15),.row .small-auto:nth-last-child(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-child(16),.row .small-auto:nth-last-child(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-child(17),.row .small-auto:nth-last-child(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-child(18),.row .small-auto:nth-last-child(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-child(19),.row .small-auto:nth-last-child(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-child(20),.row .small-auto:nth-last-child(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-child(21),.row .small-auto:nth-last-child(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-child(22),.row .small-auto:nth-last-child(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-child(1),.row .medium-auto:nth-last-child(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-child(2),.row .medium-auto:nth-last-child(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-child(3),.row .medium-auto:nth-last-child(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-child(4),.row .medium-auto:nth-last-child(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-child(5),.row .medium-auto:nth-last-child(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-child(6),.row .medium-auto:nth-last-child(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-child(7),.row .medium-auto:nth-last-child(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-child(8),.row .medium-auto:nth-last-child(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-child(9),.row .medium-auto:nth-last-child(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-child(10),.row .medium-auto:nth-last-child(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-child(11),.row .medium-auto:nth-last-child(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-child(12),.row .medium-auto:nth-last-child(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-child(13),.row .medium-auto:nth-last-child(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-child(14),.row .medium-auto:nth-last-child(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-child(15),.row .medium-auto:nth-last-child(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-child(16),.row .medium-auto:nth-last-child(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-child(17),.row .medium-auto:nth-last-child(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-child(18),.row .medium-auto:nth-last-child(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-child(19),.row .medium-auto:nth-last-child(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-child(20),.row .medium-auto:nth-last-child(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-child(21),.row .medium-auto:nth-last-child(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-child(22),.row .medium-auto:nth-last-child(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-child(1),.row .large-auto:nth-last-child(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-child(2),.row .large-auto:nth-last-child(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-child(3),.row .large-auto:nth-last-child(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-child(4),.row .large-auto:nth-last-child(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-child(5),.row .large-auto:nth-last-child(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-child(6),.row .large-auto:nth-last-child(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-child(7),.row .large-auto:nth-last-child(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-child(8),.row .large-auto:nth-last-child(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-child(9),.row .large-auto:nth-last-child(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-child(10),.row .large-auto:nth-last-child(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-child(11),.row .large-auto:nth-last-child(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-child(12),.row .large-auto:nth-last-child(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-child(13),.row .large-auto:nth-last-child(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-child(14),.row .large-auto:nth-last-child(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-child(15),.row .large-auto:nth-last-child(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-child(16),.row .large-auto:nth-last-child(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-child(17),.row .large-auto:nth-last-child(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-child(18),.row .large-auto:nth-last-child(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-child(19),.row .large-auto:nth-last-child(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-child(20),.row .large-auto:nth-last-child(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-child(21),.row .large-auto:nth-last-child(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-child(22),.row .large-auto:nth-last-child(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-child(1),.row .xlarge-auto:nth-last-child(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-child(2),.row .xlarge-auto:nth-last-child(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-child(3),.row .xlarge-auto:nth-last-child(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-child(4),.row .xlarge-auto:nth-last-child(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-child(5),.row .xlarge-auto:nth-last-child(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-child(6),.row .xlarge-auto:nth-last-child(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-child(7),.row .xlarge-auto:nth-last-child(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-child(8),.row .xlarge-auto:nth-last-child(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-child(9),.row .xlarge-auto:nth-last-child(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-child(10),.row .xlarge-auto:nth-last-child(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-child(11),.row .xlarge-auto:nth-last-child(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-child(12),.row .xlarge-auto:nth-last-child(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-child(13),.row .xlarge-auto:nth-last-child(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-child(14),.row .xlarge-auto:nth-last-child(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-child(15),.row .xlarge-auto:nth-last-child(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-child(16),.row .xlarge-auto:nth-last-child(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-child(17),.row .xlarge-auto:nth-last-child(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-child(18),.row .xlarge-auto:nth-last-child(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-child(19),.row .xlarge-auto:nth-last-child(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-child(20),.row .xlarge-auto:nth-last-child(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-child(21),.row .xlarge-auto:nth-last-child(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-child(22),.row .xlarge-auto:nth-last-child(22)~.xlarge-auto{--f7-cols-per-row:22}}