MediaWiki:Gadget-wix-interactive.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,419:
color: var(--wix-text-muted);
line-height: 1.6;
}
/* ================================================================
GROUPING FUNNEL — data-wix-module="grouping-funnel"
3-step walkthrough: portfolio → profitability → annual cohort.
================================================================ */
/* ── 56. Progress Steps ─────────────────────────────────────────── */
.wix-gf-steps {
display: flex;
gap: 4px;
margin-bottom: 1.25rem;
}
.wix-gf-step {
flex: 1;
height: 4px;
border-radius: 2px;
background: var(--wix-border);
transition: background var(--wix-transition);
}
.wix-gf-step--done {
background: var(--wix-accent);
}
/* ── 57. Step Label ─────────────────────────────────────────────── */
.wix-gf-label {
font-size: 0.85em;
color: var(--wix-text-muted);
margin-bottom: 1.5rem;
line-height: 1.5;
}
.wix-gf-label b {
font-weight: 600;
color: var(--wix-text);
}
/* ── 58. Visual Area ────────────────────────────────────────────── */
.wix-gf-visual {
min-height: 200px;
margin-bottom: 1.25rem;
}
/* ── 59. Bar Rows ───────────────────────────────────────────────── */
.wix-gf-bar-row {
margin-bottom: 10px;
}
.wix-gf-bar-label {
font-size: 0.8em;
color: var(--wix-text-muted);
margin-bottom: 4px;
}
.wix-gf-bar {
display: flex;
height: 40px;
border-radius: var(--wix-radius);
overflow: hidden;
gap: 3px;
}
.wix-gf-seg {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8em;
font-weight: 500;
border-radius: var(--wix-radius);
transition: all 0.4s ease;
}
.wix-gf-group-label {
font-size: 0.75em;
color: var(--wix-text-muted);
margin: 2px 0 0 2px;
}
/* ── 60. Annotation Row (under profitability bar) ───────────────── */
.wix-gf-annot {
display: flex;
gap: 3px;
margin: 4px 0 0;
}
.wix-gf-annot-item {
font-size: 0.75em;
text-align: center;
}
/* ── 61. Cohort Rows (step 3) ───────────────────────────────────── */
.wix-gf-cohort-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.wix-gf-cohort-label {
font-size: 0.8em;
color: var(--wix-text-muted);
min-width: 75px;
text-align: right;
}
.wix-gf-cohort-bar {
display: flex;
gap: 3px;
flex: 1;
}
.wix-gf-cohort-seg {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8em;
font-weight: 500;
height: 36px;
border-radius: var(--wix-radius);
transition: all 0.4s ease;
}
/* ── 62. Count Box ──────────────────────────────────────────────── */
.wix-gf-count {
background: var(--wix-bg-subtle);
border: 1px solid var(--wix-border);
border-radius: var(--wix-radius);
padding: 0.5rem 0.85rem;
margin-bottom: 1.25rem;
font-size: 0.85em;
color: var(--wix-text-muted);
line-height: 1.5;
}
.wix-gf-count b {
font-weight: 600;
color: var(--wix-text);
}
/* ── 63. Navigation Buttons ─────────────────────────────────────── */
.wix-gf-nav {
display: flex;
gap: 8px;
}
@media (max-width: 480px) {
.wix-gf-cohort-label {
min-width: 60px;
font-size: 0.75em;
}
}
| |||