Spectral Suite version 2.1.1 released
Version 2.1.1 of the Spectral Suite has now been released.
This is a micro release that mainly includes a new installer for Mac OS
Examples of using Grid Layout (with kittens)
These examples are based on tutorials by Rachel Andrew
Defining a grid
We can define a grid simply by setting the
grid. Defining the columns is as simple as specifying the widths to the
grid-template-columnsproperty. We can do the same for the rows using the
grid-template-rowsproperty. If any more rows are added then we can use the
grid-auto-rowsproperty to define these heights. To specify the gap between columns we can use
grid-column-gapproperty and for rows we can use the
grid-row-gapproperty. If instead we want to specify both at once we can use the
grid-gapproperty. In grid layout terminology we use the term track for referring to a row or a column.