MediaWiki:Gadget-wix-quiz.css: Difference between revisions
Content deleted Content added
Created page with "/* ================================================================ WIX-QUIZ.CSS — Wiki Interactive Experience: Quiz Engine Styles ================================================================ Loaded via ResourceLoader alongside wix-quiz.js. Depends on design tokens defined in wix-core.css. Covers: - Question card header (topic badge + number badge) - Question text - Option buttons (default, hover, selected, correct, wrong) - Results scre..." |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
Line 52:
.wix-option {
display: flex;
align-items:
gap: 0.75rem;
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid var(--wix-border);
Line 60 ⟶ 61:
cursor: pointer;
text-align: left;
/* Buttons don't inherit font or color in Safari/iOS — must be explicit */
font: inherit;
color: inherit;
line-height: 1.5;
transition:
Line 77 ⟶ 81:
width: 1.6rem;
height: 1.6rem;
display:
align-items: center;
justify-content: center;
border: 1px solid var(--wix-border);
border-radius: 50%;
font-size: 0.
font-weight: 700;
color: var(--wix-text-muted);
Line 136 ⟶ 140:
.wix-results-title {
font-size:
font-weight: 700;
margin-bottom: 0.35rem;
Line 163 ⟶ 167:
padding: 0.65rem 0.75rem;
gap: 0.5rem;
width: 100%;
}
| |||