Template:VerticalGrid/styles.css: Difference between revisions

From Rhythm Heaven Wiki
Jump to navigation Jump to search
(Created page with ".vertical-grid { max-width: 100%; overflow: auto; display: grid; grid-auto-flow: column dense; grid-auto-columns: minmax(16em, 1fr); column-gap: 2em; } .vertical-grid.nowrap { grid-auto-columns: minmax(max-content, 1fr); } body.mobile .vertical-grid { font-size: 90%; }")
 
(Why don't RH Wiki's mobile pages have the ".mobile" class on <body> like in Mario Wiki??)
Line 10: Line 10:
grid-auto-columns: minmax(max-content, 1fr);
grid-auto-columns: minmax(max-content, 1fr);
}
}
body.mobile .vertical-grid {
@media (max-width: 720px) {
font-size: 90%;
.vertical-grid {
font-size: 90%;
}
}
}

Revision as of 08:58, 24 September 2025

.vertical-grid {
	max-width: 100%;
	overflow: auto;
	display: grid;
	grid-auto-flow: column dense;
	grid-auto-columns: minmax(16em, 1fr);
	column-gap: 2em;
}
.vertical-grid.nowrap {
	grid-auto-columns: minmax(max-content, 1fr);
}
@media (max-width: 720px) {
	.vertical-grid {
		font-size: 90%;
	}
}