Template:NavGrid/styles.css - Revision history

Guinevere at 20:36, 13 November 2026

2026-11-13T20:36:42Z

← Older revision		Revision as of 20:36, 13 November 2026
Line 1:		Line 1:

			/* Responsive navigation grid */

	.lumi-navgrid {		.lumi-navgrid {
Line 5:		Line 7:
	gap: 20px;		gap: 20px;
	width: 100%;		width: 100%;
			max-width: 1440px;
	margin: 20px 0;		margin: 20px 0;
	align-items: stretch;		align-items: stretch;
	}		}

			/* Navigation cards */

	.lumi-navgrid > .lumi-navcard {		.lumi-navgrid > .lumi-navcard {
Line 15:		Line 20:
	margin: 0;		margin: 0;
	}		}

			/* Remove empty MediaWiki paragraphs */

	.lumi-navgrid > p:empty {		.lumi-navgrid > p:empty {
Line 20:		Line 27:
	}		}

	/* Large desktop ~~screens~~ */		/* Large desktop: four columns */

	@media screen and (min-width: 1400px) {		@media screen and (min-width: 1400px) {
	.lumi-navgrid {		.lumi-navgrid {
Line 27:		Line 35:
	}		}

	/* Mobile ~~screens~~ */		/* Mobile: one column */

	@media screen and (max-width: 600px) {		@media screen and (max-width: 600px) {
	.lumi-navgrid {		.lumi-navgrid {

Guinevere at 20:34, 13 November 2026

2026-11-13T20:34:19Z

← Older revision		Revision as of 20:34, 13 November 2026
Line 5:		Line 5:
	gap: 20px;		gap: 20px;
	width: 100%;		width: 100%;
	~~max-width: 1100px;~~
	margin: 20px 0;		margin: 20px 0;
	align-items: stretch;		align-items: stretch;
Line 17:		Line 16:
	}		}

	~~/* Hide empty paragraphs generated by MediaWiki */~~
	.lumi-navgrid > p:empty {		.lumi-navgrid > p:empty {
	display: none;		display: none;
	}		}

			/* Large desktop screens */
			@media screen and (min-width: 1400px) {
			.lumi-navgrid {
			grid-template-columns: repeat(4, minmax(0, 1fr));
			}
			}

			/* Mobile screens */
	@media screen and (max-width: 600px) {		@media screen and (max-width: 600px) {
	.lumi-navgrid {		.lumi-navgrid {

Guinevere at 18:52, 13 November 2026

2026-11-13T18:52:04Z

← Older revision		Revision as of 18:52, 13 November 2026
Line 5:		Line 5:
	gap: 20px;		gap: 20px;
	width: 100%;		width: 100%;
	max-width: ~~1000px~~;		max-width: 1100px;
	margin: 20px 0;		margin: 20px 0;
	align-items: stretch;		align-items: stretch;
Line 12:		Line 12:
	.lumi-navgrid > .lumi-navcard {		.lumi-navgrid > .lumi-navcard {
	min-width: 0;		min-width: 0;
	width: ~~auto~~;		width: 100%;
			box-sizing: border-box;
	margin: 0;		margin: 0;
			}

			/* Hide empty paragraphs generated by MediaWiki */
			.lumi-navgrid > p:empty {
			display: none;
	}		}

Guinevere at 18:50, 13 November 2026

2026-11-13T18:50:27Z

← Older revision		Revision as of 18:50, 13 November 2026
Line 3:		Line 3:
	display: grid;		display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));		grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: ~~16px~~;		gap: 20px;
			width: 100%;
			max-width: 1000px;
	margin: 20px 0;		margin: 20px 0;
	~~max~~-width: ~~1000px~~;		align-items: stretch;
			}

			.lumi-navgrid > .lumi-navcard {
			min-width: 0;
			width: auto;
			margin: 0;
	}		}

	@media screen and (max-width: 600px) {		@media screen and (max-width: 600px) {
	.lumi-navgrid {		.lumi-navgrid {
	grid-template-columns: 1fr;		grid-template-columns: minmax(0, 1fr);
			gap: 16px;
	}		}
	}		}

Guinevere at 18:47, 13 November 2026

2026-11-13T18:47:39Z

← Older revision		Revision as of 18:47, 13 November 2026
Line 3:		Line 3:
	display: grid;		display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));		grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: ~~20px~~;		gap: 16px;
	margin: 20px 0;		margin: 20px 0;
	}		max-width: 1000px;

	~~@media screen and (min~~-width: ~~1100px) {~~
	~~.lumi-navgrid {~~
	~~grid-template-columns: repeat(4, minmax(0, 1fr))~~;
	}
	}		}

Line 16:		Line 11:
	.lumi-navgrid {		.lumi-navgrid {
	grid-template-columns: 1fr;		grid-template-columns: 1fr;
	~~gap: 12px;~~
	}		}
	}		}

Guinevere: Created page with " .lumi-navgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 20px 0; } @media screen and (min-width: 1100px) { .lumi-navgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (max-width: 600px) { .lumi-navgrid { grid-template-columns: 1fr; gap: 12px; } }"

2026-11-13T18:24:16Z

Created page with " .lumi-navgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 20px 0; } @media screen and (min-width: 1100px) { .lumi-navgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (max-width: 600px) { .lumi-navgrid { grid-template-columns: 1fr; gap: 12px; } }"

New page

.lumi-navgrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 20px 0;
}

@media screen and (min-width: 1100px) {
.lumi-navgrid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}

@media screen and (max-width: 600px) {
.lumi-navgrid {
grid-template-columns: 1fr;
gap: 12px;
}
}