- let cols = 10
- let rows = 10
// Specify how many .object divs you'd like to include in each cell.
- let objects = 1
.board(style=`--rows: ${rows}; --cols: ${cols}`)
- let i = 0
while (i < cols*rows)
.cell
.overlay
- let o = 1;
while (o <= objects)
div(class=`object object-${o}`)
-o++
-i++
View Compiled
/* =======================================
* An+B Editor
You can change the number of columns and rows in the HTML editor.
If you'd like to make the overlays for selected elements disappear, add this line inside the ruleset:
--none: none;
If you find the counter text to be too distracting, add this:
.cell { --text: none; }
======================================== */
.cell { --text:; }
.cell:nth-of-type(2) {
border: 8px solid #933;
--none: none;
}