MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 360: / Line 360: @@
 .wizlords-culture-grid {
-	display: flex;
+	display: grid;
-	flex-wrap: wrap;
+	grid-template-columns: repeat(6, minmax(0, 1fr));
-	justify-content: center;
 	gap: 14px;
 	margin: 18px auto 24px;
@@ Line 370: / Line 369: @@
 	display: flex;
 	flex-direction: column;
-	flex: 0 1 calc((100% - 28px) / 3);
+	grid-column: span 2;
 	min-height: 100%;
 	border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
 	background: #171717;
+}
+.wizlords-culture-grid.cultures-2 .wizlords-culture-card,
+.wizlords-culture-grid.cultures-4 .wizlords-culture-card {
+	grid-column: span 3;
+}
+.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(4) {
+	grid-column: 2 / span 2;
+}
+.wizlords-culture-grid.cultures-5 .wizlords-culture-card:nth-child(5) {
+	grid-column: 4 / span 2;
+}
+.wizlords-culture-grid.cultures-7 .wizlords-culture-card:nth-child(7) {
+	grid-column: 3 / span 2;
 }
@@ Line 527: / Line 543: @@
 .wizlords-culture-class-list {
 	display: grid;
-	grid-template-columns: repeat(4, minmax(0, 1fr));
+	grid-auto-flow: column;
+	grid-auto-columns: minmax(130px, max-content);
+	grid-template-rows: repeat(4, auto);
 	gap: 4px 18px;
 	margin: 6px 0 0;