| 1 |
/* Free's Glossaries teaser. |
| 2 |
* |
| 3 |
* Only the blurred mock behind the lock panel lives here — the panel itself is |
| 4 |
* the shared `.bda-lock-*` shell from the Analytics teasers, and the mock reuses |
| 5 |
* the real Glossaries `.bd-faq-ctg-*` card markup (already styled in the admin |
| 6 |
* bundle) so the blurred picture matches the real screen. Free's teaser and Pro's |
| 7 |
* real screen are mutually exclusive, so nothing here can collide. |
| 8 |
*/ |
| 9 |
|
| 10 |
.bd-gloss-wrapper { |
| 11 |
/* Pro's admin-wide `analytics.css` styles the shared shell rules |
| 12 |
(`.bda-btn.primary`, `.bda-card`, `.bda-badge`, …) with `--bda-*` |
| 13 |
variables it only defines inside its own `.bda-app` wrapper. On this page |
| 14 |
those variables resolve to nothing, so the primary CTA button loses its |
| 15 |
green and renders as invisible (transparent bg + white text). Re-declare |
| 16 |
the same alias mapping here so the button and shell paint correctly — the |
| 17 |
right-hand side is the shared design-system token, so dark mode follows |
| 18 |
for free. Mirrors the fix on `.bd-mcp-wrapper` (admin/mcp/mcp.scss). */ |
| 19 |
--bda-green: var(--base-color-700); |
| 20 |
--bda-green-d: var(--base-color-700); |
| 21 |
--bda-green-soft: var(--base-color-75); |
| 22 |
--bda-green-border: var(--base-color-100); |
| 23 |
--bda-bg: var(--text-color-50); |
| 24 |
--bda-card-bg: var(--base-background); |
| 25 |
--bda-border: var(--text-color-200); |
| 26 |
--bda-border-2: var(--text-color-100); |
| 27 |
--bda-border-strong: var(--text-color-300); |
| 28 |
--bda-hover: var(--base-color-65); |
| 29 |
--bda-thead: var(--text-color-50); |
| 30 |
--bda-ink: var(--text-color-900); |
| 31 |
--bda-s900: var(--text-color-900); |
| 32 |
--bda-s800: var(--text-color-800); |
| 33 |
--bda-s700: var(--text-color-700); |
| 34 |
--bda-s600: var(--text-color-850); |
| 35 |
--bda-s500: var(--text-color-600); |
| 36 |
--bda-s400: var(--text-color-500); |
| 37 |
--bda-amber: #f59e0b; |
| 38 |
--bda-red: #ef4444; |
| 39 |
--bda-blue: #3b82f6; |
| 40 |
|
| 41 |
.bda-page { padding: 0; } |
| 42 |
} |
| 43 |
|
| 44 |
.bd-gloss-mock { |
| 45 |
/* The frosted lock panel is centered over this mock via an absolute overlay. |
| 46 |
Keep the mock comfortably taller than the panel so it never spills past the |
| 47 |
blurred area and onto the dashboard footer below. */ |
| 48 |
min-height: 560px; |
| 49 |
|
| 50 |
/* Purely illustrative — it sits blurred behind the lock panel. */ |
| 51 |
.bd-faq-ctg-list { pointer-events: none; } |
| 52 |
} |
| 53 |
|
