MediaWiki:Gadget-wix-interactive.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,587:
min-width: 60px;
font-size: 0.75em;
}
}
/* ================================================================
CSM ROLLFORWARD — data-wix-module="csm-rollforward"
Horizontal waterfall: FY24 opening → movements → FY25 closing.
================================================================ */
/* ── 64. Slider Grid ────────────────────────────────────────────── */
.wix-csm-sliders {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 12px;
margin-bottom: 1.25rem;
}
.wix-csm-slider-group label {
font-size: 0.8em;
color: var(--wix-text-muted);
display: block;
margin-bottom: 4px;
}
.wix-csm-slider-row {
display: flex;
align-items: center;
gap: 8px;
}
.wix-csm-slider-row input[type="range"] {
flex: 1;
}
.wix-csm-slider-val {
font-size: 0.8em;
font-weight: 500;
min-width: 52px;
text-align: right;
}
/* ── 65. Chart Container ────────────────────────────────────────── */
.wix-csm-chart {
position: relative;
margin-bottom: 0.5rem;
}
.wix-csm-chart canvas {
width: 100%;
height: 100%;
}
/* ── 66. Explainer Panel ────────────────────────────────────────── */
.wix-csm-explainer {
padding: 0.75rem 1rem;
border-radius: var(--wix-radius);
border: 1px solid var(--wix-border);
background: var(--wix-bg-subtle);
margin-bottom: 0.75rem;
}
.wix-csm-explainer--hidden {
display: none;
}
.wix-csm-ex-head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.wix-csm-ex-dot {
width: 10px;
height: 10px;
border-radius: 2px;
}
.wix-csm-ex-title {
font-weight: 500;
font-size: 0.9em;
}
.wix-csm-ex-val {
font-size: 0.85em;
color: var(--wix-text-muted);
margin-left: auto;
}
.wix-csm-ex-body {
font-size: 0.85em;
color: var(--wix-text-muted);
line-height: 1.6;
margin: 0;
}
/* ── 67. Hint ───────────────────────────────────────────────────── */
.wix-csm-hint {
font-size: 0.8em;
color: var(--wix-text-muted);
margin-top: 0.5rem;
}
/* ── 68. Mobile ─────────────────────────────────────────────────── */
@media (max-width: 480px) {
.wix-csm-sliders {
grid-template-columns: 1fr;
}
}
| |||