MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,990: / Line 1,990: @@
 		position: relative;
 		display: grid;
-		grid-template-columns: 104px minmax(0, 1fr);
+		grid-template-columns: 92px minmax(0, 1fr);
 		grid-template-rows: auto auto;
-		gap: 0 12px;
+		align-content: center;
+		gap: 0 10px;
 		box-sizing: border-box;
 		width: 100%;
 		margin: 0 0 10px;
-		padding: 8px;
+		padding: 7px 9px;
 		border: 1px solid var(--wiz-race-table-border-colour, #4d4d4d);
 		background: #1f1e1e;
 		cursor: pointer;
+	}
+	.wizlords-class-card:not(.is-open) {
+		height: 124px;
+		overflow: hidden;
+	}
+	.wizlords-class-card.is-open {
+		height: auto;
 	}
@@ Line 2,010: / Line 2,020: @@
 		grid-row: 1 / span 2;
 		grid-column: 1;
-		align-self: start;
+		align-self: center;
 		padding: 0;
 		text-align: center;
@@ Line 2,016: / Line 2,026: @@
 	.wizlords-class-card-icon img {
-		width: 100px;
+		width: 88px;
-		height: 100px;
+		height: 88px;
 		object-fit: contain;
 	}
@@ Line 2,026: / Line 2,036: @@
 		grid-column: 2;
 		align-self: end;
-		margin: 0 0 5px;
+		margin: 0 0 4px;
-		padding: 0 22px 5px 18px;
+		padding: 0 22px 4px 18px;
 		border-bottom: 1px solid var(--wiz-class-accent, var(--wiz-content-border, #ff942d));
 		color: var(--wiz-heading, #e7e1d4);
 		font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
-		font-size: 22px;
+		font-size: 20px;
 		font-weight: 700;
 		line-height: 1.25;
@@ Line 2,066: / Line 2,076: @@
 		color: var(--wiz-text, #d2d2d2);
 		font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
-		font-size: 14px;
+		font-size: 13px;
 		font-style: normal;
 		font-weight: 400;
-		line-height: 1.5;
+		line-height: 1.35;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 3;
+	}
+	.wizlords-class-card.is-open .wizlords-class-card-summary {
+		display: block;
+		overflow: visible;
+		-webkit-line-clamp: unset;
 	}