Cluster Class

This class creates an MxN grid for you to place content in.

HINT
The cluster layout is a default layout with this .cluster class added to the ::content:: slot wrapper.

Variables

Name	Description	Default
--columns	Number of columns	1
--rows	Number of rows	Automatically computed based on children

CSS

/* Base Styling */
.cluster {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-template-rows: repeat(var(--rows), 1fr);
}

/* Overridable Styling */
:where(.cluster) {
    grid-auto-rows: 1fr;
    place-items: center;
}