Cellblock
A function to help you understand the relative size of columns in a grid.
Without arguments, cellblock()
returns a root column (the outer grid). When you create more columns you specify what column you want to insert them into like so cellblock(targetColumn)
.
All the column widths are stored as “relative” dimensions. In other words, I store how they relate to the size of the outer viewport and grid rather than a fixed dimension. This way its easy to ask for their exact size once you know those values (or ask again if they change).
; // create the rootconst rootColumn = ; // insert a 1/2 column into the rootconst childColumn_A = ; // insert another 1/2 column into the rootconst childColumn_B = ; // Example of changing a width...// update child B to be 1/3 (all descendants would also update)childColumn_B; // Example of getting width...// given a grid width and gutter size, retrieve child A's widthconst OUTER_WIDTH = 1280;const GUTTER_WIDTH = 20; childColumn_A; // returns (1280 - 20) / 2 => 640 (how wide)