MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 2,103: / Line 2,103: @@
 	.wizlords-mobile-spellbook-header {
 		position: relative;
-		display: grid;
+		display: flex;
-		grid-template-columns: 42px minmax(0, 1fr) 42px;
 		align-items: center;
-		gap: 8px;
+		justify-content: center;
+		gap: 9px;
 		margin: 22px 0 10px;
 		padding-bottom: 6px;
-		border-bottom: 1px solid var(--wiz-content-border, #ff942d);
+		border-bottom: 1px solid transparent;
 		cursor: pointer;
 	}
@@ Line 2,115: / Line 2,115: @@
 	.wizlords-mobile-spellbook-header::before {
 		content: "";
-		justify-self: center;
+		flex: 0 0 auto;
 		width: 8px;
 		height: 8px;
@@ Line 2,126: / Line 2,126: @@
 	.wizlords-mobile-spellbook.is-open .wizlords-mobile-spellbook-header::before {
 		transform: translateY(2px) rotate(225deg);
+	}
+	.wizlords-mobile-spellbook.is-open .wizlords-mobile-spellbook-header {
+		border-bottom-color: var(--wiz-mobile-spellbook-accent, var(--wiz-content-border, #ff942d));
 	}
@@ Line 2,134: / Line 2,138: @@
 	.wizlords-mobile-spellbook-title {
+		flex: 0 1 auto;
 		color: var(--wiz-heading, #e7e1d4);
 		font-family: Roboto, Roboto-fallback, system-ui, -apple-system, sans-serif;
@@ Line 2,144: / Line 2,149: @@
 	.wizlords-mobile-spellbook-icon {
 		display: flex;
+		flex: 0 0 auto;
 		align-items: center;
-		justify-content: flex-end;
+		justify-content: center;
-		width: 42px;
+		width: 32px;
-		height: 42px;
+		height: 32px;
 	}
 	.wizlords-mobile-spellbook-icon img {
 		display: block;
-		width: 38px !important;
+		width: 30px !important;
-		height: 38px !important;
+		height: 30px !important;
-		max-width: 38px !important;
+		max-width: 30px !important;
-		max-height: 38px !important;
+		max-height: 30px !important;
 		object-fit: contain;
 	}
@@ Line 2,213: / Line 2,219: @@
 	.wizlords-mobile-spellbook-divine .wizlords-mobile-spell-card {
 		--wiz-mobile-spell-accent: #19c4eb;
+	}
+	.wizlords-mobile-spellbook-arcane {
+		--wiz-mobile-spellbook-accent: #d66be3;
+	}
+	.wizlords-mobile-spellbook-divine {
+		--wiz-mobile-spellbook-accent: #19c4eb;
 	}