style-forge.helpers/src/columns/var.css

Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.

.cols { --cols: 12 } .rows { --rows: 12 }
.cols\:12 { --cols: 12 } .rows\:12 { --rows: 12 }
.cols\:11 { --cols: 11 } .rows\:11 { --rows: 11 }
.cols\:10 { --cols: 10 } .rows\:10 { --rows: 10 }
.cols\:9 { --cols: 9 } .rows\:9 { --rows: 9 }
.cols\:8 { --cols: 8 } .rows\:8 { --rows: 8 }
.cols\:7 { --cols: 7 } .rows\:7 { --rows: 7 }
.cols\:6 { --cols: 6 } .rows\:6 { --rows: 6 }
.cols\:5 { --cols: 5 } .rows\:5 { --rows: 5 }
.cols\:4 { --cols: 4 } .rows\:4 { --rows: 4 }
.cols\:3 { --cols: 3 } .rows\:3 { --rows: 3 }
.cols\:2 { --cols: 2 } .rows\:2 { --rows: 2 }
.cols\:1 { --cols: 1 } .rows\:1 { --rows: 1 }

.col,
.col\:1 { --col: 1 } .col\:start\:1 { --cs: 1 } .col\:end\:1 { --ce: 1 }
.col\:2 { --col: 2 } .col\:start\:2 { --cs: 2 } .col\:end\:2 { --ce: 2 }
.col\:3 { --col: 3 } .col\:start\:3 { --cs: 3 } .col\:end\:3 { --ce: 3 }
.col\:4 { --col: 4 } .col\:start\:4 { --cs: 4 } .col\:end\:4 { --ce: 4 }
.col\:5 { --col: 5 } .col\:start\:5 { --cs: 5 } .col\:end\:5 { --ce: 5 }
.col\:6 { --col: 6 } .col\:start\:6 { --cs: 6 } .col\:end\:6 { --ce: 6 }
.col\:7 { --col: 7 } .col\:start\:7 { --cs: 7 } .col\:end\:7 { --ce: 7 }
.col\:8 { --col: 8 } .col\:start\:8 { --cs: 8 } .col\:end\:8 { --ce: 8 }
.col\:9 { --col: 9 } .col\:start\:9 { --cs: 9 } .col\:end\:9 { --ce: 9 }
.col\:10 { --col: 10 } .col\:start\:10 { --cs: 10 } .col\:end\:10 { --ce: 10 }
.col\:11 { --col: 11 } .col\:start\:11 { --cs: 11 } .col\:end\:11 { --ce: 11 }
.col\:12 { --col: 12 } .col\:start\:12 { --cs: 12 } .col\:end\:12 { --ce: 12 }

.row,
.row\:1 { --row: 1 } .row\:start\:1 { --rs: 1 } .row\:end\:1 { --re: 1 }
.row\:2 { --row: 2 } .row\:start\:2 { --rs: 2 } .row\:end\:2 { --re: 2 }
.row\:3 { --row: 3 } .row\:start\:3 { --rs: 3 } .row\:end\:3 { --re: 3 }
.row\:4 { --row: 4 } .row\:start\:4 { --rs: 4 } .row\:end\:4 { --re: 4 }
.row\:5 { --row: 5 } .row\:start\:5 { --rs: 5 } .row\:end\:5 { --re: 5 }
.row\:6 { --row: 6 } .row\:start\:6 { --rs: 6 } .row\:end\:6 { --re: 6 }
.row\:7 { --row: 7 } .row\:start\:7 { --rs: 7 } .row\:end\:7 { --re: 7 }
.row\:8 { --row: 8 } .row\:start\:8 { --rs: 8 } .row\:end\:8 { --re: 8 }
.row\:9 { --row: 9 } .row\:start\:9 { --rs: 9 } .row\:end\:9 { --re: 9 }
.row\:10 { --row: 10 } .row\:start\:10 { --rs: 10 } .row\:end\:10 { --re: 10 }
.row\:11 { --row: 11 } .row\:start\:11 { --rs: 11 } .row\:end\:11 { --re: 11 }
.row\:12 { --row: 12 } .row\:start\:12 { --rs: 12 } .row\:end\:12 { --re: 12 }