/* ---------- */

/**
 * Column: Span
 * 
 * @since 2.0
 */
grid-col[data-span*="{{ slug }}:hidden--only"],
.grid-col[data-span*="{{ slug }}:hidden--only"] {
	display: none;
}

grid-col[data-span*="{{ slug }}:auto--only"],
.grid-col[data-span*="{{ slug }}:auto--only"] {
	--grid-column-span: 0;
	width: auto;
}

grid-col[data-span*="{{ slug }}:fill--only"],
.grid-col[data-span*="{{ slug }}:fill--only"] {
	--grid-column-span: 0;
	width: auto;
	flex: 1;
}

/* --- */
grid-col[data-span*="{{ slug }}:all--only"],
.grid-col[data-span*="{{ slug }}:all--only"],
grid-col[data-span*="{{ slug }}:full--only"],
.grid-col[data-span*="{{ slug }}:full--only"] {
	--grid-column-span: var( --grid-column-count );
}

{{# columns }}
grid-col[data-span*="{{ slug }}:{{ . }}--only"],
.grid-col[data-span*="{{ slug }}:{{ . }}--only"] {
	--grid-column-span: {{ . }};
}
{{/ columns }}