diff --git a/docs/projects/2509-css-migration/2026-07-12-css-maintainability-redesign.md b/docs/projects/2509-css-migration/2026-07-12-css-maintainability-redesign.md index df144e53b..39fe0bdad 100644 --- a/docs/projects/2509-css-migration/2026-07-12-css-maintainability-redesign.md +++ b/docs/projects/2509-css-migration/2026-07-12-css-maintainability-redesign.md @@ -147,7 +147,7 @@ parity. Measured against the success criteria above, the goal is NOT yet met: | # | Criterion | Status 2026-07-18 (tree at 1df33334) | |---|-----------|--------------------------------------| | 1 | FL files 16 → 0 | ✅ done (PR #365) | -| 2 | No obfuscated artifacts | ❌ ~3,700 `.fl-node-*` rules moved INTO `pages/*.css` by the delta ports (homepage 1,038 · careers 583 · services 492 · clients 366 · about-us 364 · single-service 350 · single-use-cases 329 · use-cases 147 · single-career 67); 604 `fl-node/fl-row/fl-col` refs across 14 templates; `skin-65eda28877e04.css` still hash-named; `critical/fl-*` trio + `foundations/fl-builder-common-base.css` kept alive only by the fl markup | +| 2 | No obfuscated artifacts | ❌ ~3,700 `.fl-node-*` rules moved INTO `pages/*.css` by the delta ports (homepage 1,038 · careers 583 · services 492 · clients 366 · about-us 364 · single-service 350 · single-use-cases 329 · use-cases 147 · single-career 67); 604 `fl-node/fl-row/fl-col` refs across 14 templates; `legacy-theme-skin.css` still hash-named; `critical/fl-*` trio + `foundations/fl-builder-common-base.css` kept alive only by the fl markup | | 3 | No duplication in hand layer | ❌ 55–70% byte-identical lines between sibling page files (clients↔services 841/1,463 · single-service↔services 851/1,455 · use-cases↔single-use-cases 832/1,176) — shared-partial node rules copied into every consumer; `critical/*.css` files each share ~250+ identical lines with their page file | | 4 | Safe-edit under a minute | ✅ map + suites; per-file "affects pages" headers still to add (folded into C1/C2) | | 5 | Evidence rule | ✅ standing (compiled+gzip, never source lines) | @@ -169,7 +169,7 @@ gated and revertable. - **C2 — de-obfuscate the shared layer** (criterion 2 start). Re-key the shared partials' fl-node ids to semantic classes (template + component file in the same commit, one node per commit); rename the hash-named skin file and - `dynamic-404-590.css`; land the deferred 586.css:823 cascade hardening. + `dynamic-404.css`; land the deferred 586.css:823 cascade hardening. - **C3 — page re-keying pilots** (criterion 2, easiest pages first). R3c alias technique: rename `.fl-node-xyz` → meaning-carrying class in page template + page CSS, one node-cluster per commit, ZERO baseline changes. Pilots: diff --git a/docs/projects/2509-css-migration/TASK-TRACKER.md b/docs/projects/2509-css-migration/TASK-TRACKER.md index e94fbc722..49b57b642 100644 --- a/docs/projects/2509-css-migration/TASK-TRACKER.md +++ b/docs/projects/2509-css-migration/TASK-TRACKER.md @@ -461,7 +461,7 @@ follow_ups: ## 📅 PHASE C (CURRENT PLAN): Post-burn-down cleanup — sprints C1–C3 -**Phase Status**: 🔲 Not started (planned 2026-07-18) +**Phase Status**: 🔄 C1 ✅ (PR #371, merged) · C2 ✅ (PR pending) · C3 next **Source**: Spec §"Phase C — post-burn-down cleanup" (revision 2026-07-18) — read it FIRST; it defines the gate stack, the preflight rule, the dedup-trap warning, and the non-goals (no DOM restructuring, no rule-content @@ -579,6 +579,19 @@ estimated_commits: ~18-22 (2 preflight, 7+~5+3 swaps, docs) ### Sprint C2 — de-obfuscate the shared layer (criterion 2 start) +**✅ SHIPPED 2026-07-19** (branch css-migration/c2-deobfuscate-shared, 21 commits): +C2.1 all 10 testimonial nodes -> testimonials-* (incl. purge-safelist +companion: /^testimonials-/ + /^cta-banner/ greedy entries replace the +accidental /^fl-node/ shield for runtime pp-* classes); C2.2 all 7 CTA +nodes -> cta-banner-* (swept across the partial + 6 inline template +copies); C2.3 skin -> legacy-theme-skin.css (NAME AWAITING PAUL); +C2.4 dynamic-404.css; C2.5 586.css masked-background deletion; +C2.6 safe-edit headers. Gate held: every re-key byte-identical after +guarded reverse substitution; renames fingerprint-identical. +FOLLOW-UP for Paul: .jt-reviews-box swiper-arrow design has been +silently purged in production (runtime classes, no shield) - restoring +it is an intentional visual change needing a design decision. + **Branch**: `css-migration/c2-deobfuscate-shared` **Depends on**: C1 merged (re-key each shared block once, not 7×). **Deliverable**: shared partials use semantic classes; zero hash-named CSS @@ -597,15 +610,15 @@ tasks: - [ ] C2.2 Re-key cta partial — same protocol, ≈7 commits (cta-banner, cta-banner-heading, cta-banner-button, …) in partials/page/cta.html + components/cta-banner.css. - - [ ] C2.3 Rename skin-65eda28877e04.css → legacy-theme-skin.css (last + - [ ] C2.3 Rename legacy-theme-skin.css → legacy-theme-skin.css (last hash-named file; criterion 2). Enumerate ALL refs first: - `grep -rln 'skin-65eda28877e04' themes/ config/ | sort` (12+ template + `grep -rln 'legacy-theme-skin.css' themes/ config/ | sort` (12+ template slices at last count). git mv + sed all refs in ONE commit; file content untouched. Gate: every bundle's rule content identical (fingerprints change — concat input renamed — that is the ONLY expected diff). Name pre-approved? NO — flag in PR for Paul; rename is one-commit revertable if he prefers another name. - - [ ] C2.4 Rename dynamic-404-590.css → dynamic-404.css (node-id 590 is + - [ ] C2.4 Rename dynamic-404.css → dynamic-404.css (node-id 590 is retired). Refs: themes/beaver/layouts/404.html + partials/assets/homepage-css-resources.html. One commit, same gate as C2.3. @@ -707,7 +720,7 @@ Authoritative table: css-bundle-ownership-map.md ``` fl-node rules in pages/*.css: ~3,700 (target: 0 — sprints C2/C3/C4) fl-* refs in templates: 604 (target: 0) -Hash-named CSS files: 1 (skin-65eda28877e04.css; target: 0 — C2.3) +Hash-named CSS files: 1 (legacy-theme-skin.css; target: 0 — C2.3) Dup lines between sibling pages: 55-70% (target: ~0 — C1) Re-measure commands: for f in themes/beaver/assets/css/pages/*.css; do grep -c 'fl-node-' "$f"; done @@ -754,7 +767,7 @@ fcp_metrics: in the hand layer) are NOT met — the delta ports moved ~3,700 fl-node rules into pages/*.css, 604 fl-* refs remain in 14 templates, 55–70% of lines are byte-identical between sibling page files (shared-partial copies), and - skin-65eda28877e04.css is still hash-named. + legacy-theme-skin.css is still hash-named. - **Shipped**: spec revision (§"Phase C — post-burn-down cleanup": phase structure C1→C4, gate stack, preflight rule, non-goals) + this tracker's PHASE C section with agent-executable micro-commit task lists for sprints @@ -1043,7 +1056,7 @@ further whole-file merges found. - **Landed**: orphaned use-cases-critical.css deleted (265 lines); 8 invalid mid-file @charset removed; css-variables foundation wired into the 4 bundles that lacked it (blog-single, taxonomy list, not_found, course-single) -- **ROLLED BACK**: skin-65eda28877e04.css font-stack extraction (6 stacks). +- **ROLLED BACK**: legacy-theme-skin.css font-stack extraction (6 stacks). Root cause: postcss-delete-duplicate-css (production builds only) deletes the later of two byte-identical declarations; converting skin's body font-family to var() made it duplicate an earlier critical-CSS declaration, diff --git a/docs/projects/2509-css-migration/css-bundle-ownership-map.md b/docs/projects/2509-css-migration/css-bundle-ownership-map.md index 7aa2a1efe..20f6b76be 100644 --- a/docs/projects/2509-css-migration/css-bundle-ownership-map.md +++ b/docs/projects/2509-css-migration/css-bundle-ownership-map.md @@ -33,7 +33,7 @@ zero FL-Builder export files remain in any slice. | contact-us | `page/contact-us.html` (partial `contact-us-css-resources.html`) | pages/contact-us.css | 18.9K → 17.4K | migrated (R2) | | course-list | `layouts/course/list.html` (repo root, NOT in theme) | pages/course-list.css | 17.6K → 14.6K² | migrated (R1) | | privacy-policy | `page/single.html` (generic pages) | pages/simple-page.css | 17.1K → 14.6K | migrated (R1) | -| not_found | `404.html` | — (404.css, dynamic-404-590.css) | 16.2K → 16.2K | no-FL | +| not_found | `404.html` | — (404.css, dynamic-404.css) | 16.2K → 16.2K | no-FL | | pagination | `list.html` (second bundle) | — (pagination.css only) | 0.2K → 0.2K | no-FL | ¹ careers was a byte-identical verbatim move (3086-layout2 had zero dead @@ -48,7 +48,7 @@ site-wide). Not FL-affected. Shared non-FL slice members loaded by most bundles: `critical/base.css` (pulls the critical/fl-* trio), `dynamic-icons.css`, `586.css`, `vendors/base-4.min.css`, -`style.css`, `skin-65eda28877e04.css`, `footer.css`, plus per-page extras +`style.css`, `legacy-theme-skin.css`, `footer.css`, plus per-page extras (`technologies.css`, `single-post.css`, `use-cases-dynamic.css`, `homepage.css`, `companies.css`, `careers.css`, `404.css`, `pagination.css`, `component-bundle.css`, `theme-main.css`). diff --git a/docs/projects/2509-css-migration/css-loading-order-analysis.md b/docs/projects/2509-css-migration/css-loading-order-analysis.md index 3c0898fff..6a2623a3a 100644 --- a/docs/projects/2509-css-migration/css-loading-order-analysis.md +++ b/docs/projects/2509-css-migration/css-loading-order-analysis.md @@ -102,7 +102,7 @@ This analysis maps the complete CSS loading architecture across all Hugo templat 5. css/homepage.css # Homepage main styles 6. css/dynamic-404-590.css # Dynamic FL-builder styles (template-generated) 7. css/590-layout.css # FL-builder layout (590 = homepage post ID) -8. css/skin-65eda28877e04.css # Theme skin +8. css/legacy-theme-skin.css # Theme skin 9. css/style.css # General styles 10. css/dynamic-icons.css # Dynamic icon styles (template-generated) 11. css/586.css # Additional FL-builder module styles @@ -123,7 +123,7 @@ This analysis maps the complete CSS loading architecture across all Hugo templat ```yaml 1. css/critical/base.css # Critical global styles 2. css/701-layout.css # FL-builder layout (701 = about page ID) -3. css/skin-65eda28877e04.css # Theme skin +3. css/legacy-theme-skin.css # Theme skin 4. css/dynamic-icons.css # Dynamic icon styles 5. css/586.css # FL-builder module styles 6. css/bf72bba397177a0376baed325bffdc75-layout-bundle.css # Shared layout bundle @@ -145,7 +145,7 @@ This analysis maps the complete CSS loading architecture across all Hugo templat 5. css/586.css # FL-builder module styles 6. css/vendors/base-4.min.css # ⚠️ VENDOR DEPENDENCY: Foundation framework 7. css/style.css # General styles -8. css/skin-65eda28877e04.css # Theme skin +8. css/legacy-theme-skin.css # Theme skin 9. css/technologies.css # Technologies section 10. css/footer.css # Footer styles 11. css/use-cases-dynamic.css # Use cases dynamic styles @@ -183,7 +183,7 @@ This analysis maps the complete CSS loading architecture across all Hugo templat 4. css/vendors/base-4.min.css # ⚠️ VENDOR DEPENDENCY: Foundation framework 5. css/3114-layout.css # FL-builder layout (3114 = blog template ID) 6. css/bf72bba397177a0376baed325bffdc75-layout-bundle.css # Shared layout bundle -7. css/skin-65eda28877e04.css # Theme skin +7. css/legacy-theme-skin.css # Theme skin 8. css/single-post.css # Single post styles 9. css/footer.css # Footer styles ``` @@ -202,7 +202,7 @@ This analysis maps the complete CSS loading architecture across all Hugo templat 5. css/homepage.css # Homepage styles (form reuse) 6. css/vendors/base-4.min.css # ⚠️ VENDOR DEPENDENCY: Foundation framework 7. css/style.css # General styles -8. css/skin-65eda28877e04.css # Theme skin +8. css/legacy-theme-skin.css # Theme skin 9. css/footer.css # Footer styles ``` @@ -355,14 +355,14 @@ fl-shape-dividers.css: # FL-builder shape dividers ```yaml style.css: # General site styles (typography, utilities, etc.) -skin-65eda28877e04.css: # Theme skin (colors, spacing, FL-builder theme) +legacy-theme-skin.css: # Theme skin (colors, spacing, FL-builder theme) footer.css: # Footer component styles 586.css: # FL-builder module styles (ID 586) ``` **Loading Pattern**: - `style.css` loads mid-bundle (after layouts, before skin) -- `skin-65eda28877e04.css` loads near end (theme overrides) +- `legacy-theme-skin.css` loads near end (theme overrides) - `footer.css` loads LAST (footer appears last in DOM) ### 8.2 Component-Specific Global Files @@ -418,7 +418,7 @@ homepage-layout.css: # Homepage layout grid **Order 4: Theme & Overrides** ```yaml 10. css/style.css # General site styles -11. css/skin-65eda28877e04.css # Theme skin (colors, spacing) +11. css/legacy-theme-skin.css # Theme skin (colors, spacing) ``` **Rationale**: Theme overrides component defaults @@ -460,7 +460,7 @@ homepage-layout.css: # Homepage layout grid **Extract LAST** (Highest Cascade Risk): 1. 🚨 `css/style.css` → Complex dependencies, audit required -2. 🚨 `css/skin-65eda28877e04.css` → Theme overrides, affects all pages +2. 🚨 `css/legacy-theme-skin.css` → Theme overrides, affects all pages 3. 🚨 `css/{page-id}-layout.css` → FL-builder layouts, preserve node classes 4. 🚨 `css/vendors/base-4.min.css` → Foundation grid, system-wide impact @@ -575,7 +575,7 @@ css/critical/*-critical.css: # ALL critical CSS files ```yaml css/style.css: # General styles, complex dependencies -css/skin-65eda28877e04.css: # Theme skin, global overrides +css/legacy-theme-skin.css: # Theme skin, global overrides css/bf72bba397177a0376baed325bffdc75-layout-bundle.css: # Shared layout, used by multiple pages ``` @@ -641,7 +641,7 @@ Load Order: 5. css/homepage.css 6. css/dynamic-404-590.css (template-generated) 7. css/590-layout.css (FL-builder) - 8. css/skin-65eda28877e04.css + 8. css/legacy-theme-skin.css 9. css/style.css 10. css/dynamic-icons.css (template-generated) 11. css/586.css @@ -653,7 +653,7 @@ Bundle: about-us Load Order: 1. css/critical/base.css 2. css/701-layout.css (FL-builder) - 3. css/skin-65eda28877e04.css + 3. css/legacy-theme-skin.css 4. css/dynamic-icons.css (template-generated) 5. css/586.css 6. css/bf72bba397177a0376baed325bffdc75-layout-bundle.css @@ -669,7 +669,7 @@ Load Order: 5. css/586.css 6. css/vendors/base-4.min.css (⚠️ Foundation) 7. css/style.css - 8. css/skin-65eda28877e04.css + 8. css/legacy-theme-skin.css 9. css/technologies.css 10. css/footer.css 11. css/use-cases-dynamic.css (template-generated) @@ -697,7 +697,7 @@ Load Order: 4. css/vendors/base-4.min.css (⚠️ Foundation) 5. css/3114-layout.css (FL-builder) 6. css/bf72bba397177a0376baed325bffdc75-layout-bundle.css - 7. css/skin-65eda28877e04.css + 7. css/legacy-theme-skin.css 8. css/single-post.css 9. css/footer.css @@ -711,7 +711,7 @@ Load Order: 5. css/homepage.css 6. css/vendors/base-4.min.css (⚠️ Foundation) 7. css/style.css - 8. css/skin-65eda28877e04.css + 8. css/legacy-theme-skin.css 9. css/footer.css ``` diff --git a/layouts/course/list.html b/layouts/course/list.html index 00ec37f1b..cd5d61311 100644 --- a/layouts/course/list.html +++ b/layouts/course/list.html @@ -5,7 +5,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/single-post.css") (resources.Get "css/pages/course-list.css") (resources.Get "css/footer.css") diff --git a/postcss.config.js b/postcss.config.js index 95433892d..44f3b7ebb 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -43,6 +43,11 @@ const purgecss = createPurgeCss({ greedy: [ /^swiper-/, /^is-/, /^has-/, /^js-/, /^fl-builder-content/, /^fl-col/, /^fl-node/, /^technologies-component/, /^footer-component/, /^use-cases/, + // C2 de-obfuscation: semantic component prefixes inherit the greedy + // protection their selectors previously got from /^fl-node/ (PowerPack + // runtime classes like pp-swiper-button/pp-review-image are never in + // hugo_stats.json, so without this the renamed rules get purged). + /^testimonials-/, /^cta-banner/, // Brand CTA buttons — preserve any selector mentioning these classes. // Standard safelist didn't catch tag+class compound selectors like // `a.fl-button` on CI (produced blue pills instead of Ruby red). diff --git a/themes/beaver/assets/css/586.css b/themes/beaver/assets/css/586.css index ef9289788..c2199f6fa 100644 --- a/themes/beaver/assets/css/586.css +++ b/themes/beaver/assets/css/586.css @@ -1,3 +1,5 @@ +/* affects pages: 16 of 19 bundles (site-wide) - see docs/projects/2509-css-migration/css-bundle-ownership-map.md + Legacy shared layer (Phase C4 strangler target) - verify with bin/qtest before editing. */ /******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Nov 25 2022 | 22:27:19 */ @@ -829,7 +831,6 @@ footer .footer-menu.careers-text .fl-rich-text p:last-child a strong { font-size: 16px; border: unset; padding: 20px; - background-color: #F5F6F8; border-radius: 16px; word-break: unset !important; } diff --git a/themes/beaver/assets/css/component-bundle.css b/themes/beaver/assets/css/component-bundle.css index 8087ef043..78fd75184 100644 --- a/themes/beaver/assets/css/component-bundle.css +++ b/themes/beaver/assets/css/component-bundle.css @@ -1,3 +1,5 @@ +/* affects pages: blog-list + free-consultation bundles - see docs/projects/2509-css-migration/css-bundle-ownership-map.md + Legacy shared layer (Phase C4 strangler target) - verify with bin/qtest before editing. */ .fl-node-header-nav-row .fl-row-content { max-width: 1280px; } diff --git a/themes/beaver/assets/css/components/cta-banner.css b/themes/beaver/assets/css/components/cta-banner.css index d41140118..310cd23f6 100644 --- a/themes/beaver/assets/css/components/cta-banner.css +++ b/themes/beaver/assets/css/components/cta-banner.css @@ -14,45 +14,45 @@ -.fl-node-fa7hjib92cpv.fl-module-heading .fl-heading { +.cta-banner-heading.fl-module-heading .fl-heading { text-align: center; } -.fl-node-fa7hjib92cpv > .fl-module-content { +.cta-banner-heading > .fl-module-content { margin-top: 20px; } @media ( max-width: 860px ) { - .fl-node-fa7hjib92cpv.fl-module > .fl-module-content { + .cta-banner-heading.fl-module > .fl-module-content { margin-top: 10px; } } -.fl-builder-content .fl-node-9hf5wet31z02 .fl-rich-text, .fl-builder-content .fl-node-9hf5wet31z02 .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-text .fl-rich-text, .fl-builder-content .cta-banner-text .fl-rich-text *:not(b, strong) { text-align: center; } -.fl-node-9hf5wet31z02 > .fl-module-content { +.cta-banner-text > .fl-module-content { margin-top: 15px; margin-right: 250px; margin-left: 250px; } @media ( max-width: 1115px ) { - .fl-node-9hf5wet31z02.fl-module > .fl-module-content { + .cta-banner-text.fl-module > .fl-module-content { margin-right: 0px; margin-left: 0px; } } @media ( max-width: 860px ) { - .fl-node-9hf5wet31z02.fl-module > .fl-module-content { + .cta-banner-text.fl-module > .fl-module-content { margin-top: 15px; margin-right: 0px; margin-left: 0px; @@ -61,19 +61,19 @@ -.fl-node-toa2hwegbp4q .pp-spacer-module { +.cta-banner-spacer .pp-spacer-module { height: 60px; width: 100%; } @media only screen and (max-width: 1115px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 60px; } } @media only screen and (max-width: 860px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 15px; } } diff --git a/themes/beaver/assets/css/components/testimonials.css b/themes/beaver/assets/css/components/testimonials.css index 81ac51f66..fcd0f0dc2 100644 --- a/themes/beaver/assets/css/components/testimonials.css +++ b/themes/beaver/assets/css/components/testimonials.css @@ -19,11 +19,11 @@ -.fl-node-zaerhibqp296 { +.testimonials-quote-col { width: 100%; }@media (max-width: 860px) { - .fl-builder-content .fl-node-zaerhibqp296 { + .fl-builder-content .testimonials-quote-col { width: 100% !important; max-width: none; clear: none; @@ -32,81 +32,81 @@ -.fl-node-zaerhibqp296 > .fl-col-content { +.testimonials-quote-col > .fl-col-content { padding-top: 60px; }@media ( max-width: 860px ) { - .fl-node-zaerhibqp296.fl-col > .fl-col-content { + .testimonials-quote-col.fl-col > .fl-col-content { padding-top: 30px; }} -.fl-builder-content .fl-node-byg0v6ftixrd .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-byg0v6ftixrd .fl-module-content .fl-rich-text * { +.fl-builder-content .testimonials-label .fl-module-content .fl-rich-text, .fl-builder-content .testimonials-label .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-byg0v6ftixrd .fl-rich-text, .fl-builder-content .fl-node-byg0v6ftixrd .fl-rich-text *:not(b, strong) { +.fl-builder-content .testimonials-label .fl-rich-text, .fl-builder-content .testimonials-label .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } -.fl-node-ud8jroeig5h2.fl-module-heading .fl-heading { +.testimonials-heading.fl-module-heading .fl-heading { text-align: center; } -.fl-node-ud8jroeig5h2 > .fl-module-content { +.testimonials-heading > .fl-module-content { margin-top: 30px; margin-right: 100px; margin-left: 100px; } -.fl-builder-content .fl-node-1i28o7dq3pcv .fl-rich-text, .fl-builder-content .fl-node-1i28o7dq3pcv .fl-rich-text *:not(b, strong) { +.fl-builder-content .testimonials-subheading .fl-rich-text, .fl-builder-content .testimonials-subheading .fl-rich-text *:not(b, strong) { text-align: center; } -.fl-node-1i28o7dq3pcv > .fl-module-content { +.testimonials-subheading > .fl-module-content { margin-top: 20px; }@media ( max-width: 860px ) { - .fl-node-1i28o7dq3pcv.fl-module > .fl-module-content { + .testimonials-subheading.fl-module > .fl-module-content { margin-top: 15px; }} -.fl-builder-content .fl-node-c17gwsk2h8zy .fl-rich-text, .fl-builder-content .fl-node-c17gwsk2h8zy .fl-rich-text *:not(b, strong) { +.fl-builder-content .testimonials-rating .fl-rich-text, .fl-builder-content .testimonials-rating .fl-rich-text *:not(b, strong) { font-size: 20px; text-align: right; }@media (max-width: 860px) { - .fl-builder-content .fl-node-c17gwsk2h8zy .fl-rich-text, .fl-builder-content .fl-node-c17gwsk2h8zy .fl-rich-text *:not(b, strong) { + .fl-builder-content .testimonials-rating .fl-rich-text, .fl-builder-content .testimonials-rating .fl-rich-text *:not(b, strong) { text-align: center; }} -.fl-builder-content .fl-node-d4wp9kxy1uav .fl-rich-text, .fl-builder-content .fl-node-d4wp9kxy1uav .fl-rich-text *:not(b, strong) { +.fl-builder-content .testimonials-rating-count .fl-rich-text, .fl-builder-content .testimonials-rating-count .fl-rich-text *:not(b, strong) { font-size: 16px; text-align: right; }@media (max-width: 860px) { - .fl-builder-content .fl-node-d4wp9kxy1uav .fl-rich-text, .fl-builder-content .fl-node-d4wp9kxy1uav .fl-rich-text *:not(b, strong) { + .fl-builder-content .testimonials-rating-count .fl-rich-text, .fl-builder-content .testimonials-rating-count .fl-rich-text *:not(b, strong) { text-align: center; }} -.fl-node-d4wp9kxy1uav > .fl-module-content { +.testimonials-rating-count > .fl-module-content { margin-top: 10px; }@media (max-width: 860px) { - .fl-node-d4wp9kxy1uav > .fl-module-content { + .testimonials-rating-count > .fl-module-content { margin-top: 0px; }} @@ -360,93 +360,93 @@ } -.fl-node-08kl1yzxeout .pp-reviews-wrapper { +.testimonials-reviews .pp-reviews-wrapper { } -.fl-node-08kl1yzxeout .pp-review { +.testimonials-reviews .pp-review { padding: 25px; background-color: #F5F6F8; } -.fl-node-08kl1yzxeout .pp-review:hover { +.testimonials-reviews .pp-review:hover { background-color: #F5F6F8; } -.fl-node-08kl1yzxeout .pp-review-header { +.testimonials-reviews .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-name { +.testimonials-reviews .pp-review-name { margin-top: 25px; margin-bottom: 0px; } -.fl-node-08kl1yzxeout .pp-review-title { +.testimonials-reviews .pp-review-title { margin-top: 10px; margin-bottom: 0px; } -.fl-node-08kl1yzxeout .pp-review-text { +.testimonials-reviews .pp-review-text { margin-top: 35px; margin-bottom: 0px; } -.fl-node-08kl1yzxeout .pp-review-link a { +.testimonials-reviews .pp-review-link a { } -.fl-node-08kl1yzxeout .pp-review-link a:hover { +.testimonials-reviews .pp-review-link a:hover { } -.fl-node-08kl1yzxeout .pp-review:hover .pp-review-header { +.testimonials-reviews .pp-review:hover .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-image { +.testimonials-reviews .pp-review-image { align-self: flex-start; } -.fl-node-08kl1yzxeout .pp-review-image img { +.testimonials-reviews .pp-review-image img { width: 36px; height: 36px; } -.fl-node-08kl1yzxeout .pp-review-cite { +.testimonials-reviews .pp-review-cite { margin-left: 10px; } -.fl-node-08kl1yzxeout .pp-review-icon { +.testimonials-reviews .pp-review-icon { align-self: flex-start; } -.fl-node-08kl1yzxeout .swiper-pagination-bullet { +.testimonials-reviews .swiper-pagination-bullet { background: #999999; } -.fl-node-08kl1yzxeout .swiper-pagination-bullet-active { +.testimonials-reviews .swiper-pagination-bullet-active { background: #000000; } -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 48px; height: 48px; } -.fl-node-08kl1yzxeout .pp-swiper-button { +.testimonials-reviews .pp-swiper-button { color: #000000; padding-left: 13px; padding-right: 13px; @@ -456,247 +456,247 @@ } -.fl-node-08kl1yzxeout .pp-swiper-button:hover { +.testimonials-reviews .pp-swiper-button:hover { } -.fl-node-08kl1yzxeout .pp-swiper-button-prev { +.testimonials-reviews .pp-swiper-button-prev { } -.fl-node-08kl1yzxeout .pp-swiper-button-next { +.testimonials-reviews .pp-swiper-button-next { } -.fl-node-08kl1yzxeout .swiper-pagination-bullet { +.testimonials-reviews .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100px; } -.fl-node-08kl1yzxeout .pp-review .pp-review-icon i { +.testimonials-reviews .pp-review .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review:hover .pp-review-icon i { +.testimonials-reviews .pp-review:hover .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review { +.testimonials-reviews .pp-review-item-0 .pp-review { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover { +.testimonials-reviews .pp-review-item-0 .pp-review:hover { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover .pp-review-header { +.testimonials-reviews .pp-review-item-0 .pp-review:hover .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review .pp-review-icon i { +.testimonials-reviews .pp-review-item-0 .pp-review .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover .pp-review-icon i { +.testimonials-reviews .pp-review-item-0 .pp-review:hover .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review-header { +.testimonials-reviews .pp-review-item-0 .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review-name { +.testimonials-reviews .pp-review-item-0 .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover .pp-review-name { +.testimonials-reviews .pp-review-item-0 .pp-review:hover .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review-title { +.testimonials-reviews .pp-review-item-0 .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover .pp-review-title { +.testimonials-reviews .pp-review-item-0 .pp-review:hover .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review-content { +.testimonials-reviews .pp-review-item-0 .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-0 .pp-review:hover .pp-review-content { +.testimonials-reviews .pp-review-item-0 .pp-review:hover .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review { +.testimonials-reviews .pp-review-item-1 .pp-review { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover { +.testimonials-reviews .pp-review-item-1 .pp-review:hover { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover .pp-review-header { +.testimonials-reviews .pp-review-item-1 .pp-review:hover .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review .pp-review-icon i { +.testimonials-reviews .pp-review-item-1 .pp-review .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover .pp-review-icon i { +.testimonials-reviews .pp-review-item-1 .pp-review:hover .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review-header { +.testimonials-reviews .pp-review-item-1 .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review-name { +.testimonials-reviews .pp-review-item-1 .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover .pp-review-name { +.testimonials-reviews .pp-review-item-1 .pp-review:hover .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review-title { +.testimonials-reviews .pp-review-item-1 .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover .pp-review-title { +.testimonials-reviews .pp-review-item-1 .pp-review:hover .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review-content { +.testimonials-reviews .pp-review-item-1 .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-1 .pp-review:hover .pp-review-content { +.testimonials-reviews .pp-review-item-1 .pp-review:hover .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review { +.testimonials-reviews .pp-review-item-2 .pp-review { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover { +.testimonials-reviews .pp-review-item-2 .pp-review:hover { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover .pp-review-header { +.testimonials-reviews .pp-review-item-2 .pp-review:hover .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review .pp-review-icon i { +.testimonials-reviews .pp-review-item-2 .pp-review .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover .pp-review-icon i { +.testimonials-reviews .pp-review-item-2 .pp-review:hover .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review-header { +.testimonials-reviews .pp-review-item-2 .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review-name { +.testimonials-reviews .pp-review-item-2 .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover .pp-review-name { +.testimonials-reviews .pp-review-item-2 .pp-review:hover .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review-title { +.testimonials-reviews .pp-review-item-2 .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover .pp-review-title { +.testimonials-reviews .pp-review-item-2 .pp-review:hover .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review-content { +.testimonials-reviews .pp-review-item-2 .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-2 .pp-review:hover .pp-review-content { +.testimonials-reviews .pp-review-item-2 .pp-review:hover .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review { +.testimonials-reviews .pp-review-item-3 .pp-review { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover { +.testimonials-reviews .pp-review-item-3 .pp-review:hover { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover .pp-review-header { +.testimonials-reviews .pp-review-item-3 .pp-review:hover .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review .pp-review-icon i { +.testimonials-reviews .pp-review-item-3 .pp-review .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover .pp-review-icon i { +.testimonials-reviews .pp-review-item-3 .pp-review:hover .pp-review-icon i { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review-header { +.testimonials-reviews .pp-review-item-3 .pp-review-header { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review-name { +.testimonials-reviews .pp-review-item-3 .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover .pp-review-name { +.testimonials-reviews .pp-review-item-3 .pp-review:hover .pp-review-name { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review-title { +.testimonials-reviews .pp-review-item-3 .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover .pp-review-title { +.testimonials-reviews .pp-review-item-3 .pp-review:hover .pp-review-title { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review-content { +.testimonials-reviews .pp-review-item-3 .pp-review-content { } -.fl-node-08kl1yzxeout .pp-review-item-3 .pp-review:hover .pp-review-content { +.testimonials-reviews .pp-review-item-3 .pp-review:hover .pp-review-content { } -.fl-node-08kl1yzxeout .pp-rating { +.testimonials-reviews .pp-rating { text-align: left; } -.fl-node-08kl1yzxeout .pp-rating i { +.testimonials-reviews .pp-rating i { font-size: 30px; color: #efecdc; } -.fl-node-08kl1yzxeout .pp-rating i:before { +.testimonials-reviews .pp-rating i:before { color: #f0ad4e; } -.fl-node-08kl1yzxeout .pp-rating i:not(.pp-star-empty):before { +.testimonials-reviews .pp-rating i:not(.pp-star-empty):before { content: "\002605"; } -.fl-node-08kl1yzxeout .pp-review { +.testimonials-reviews .pp-review { border-style: none; border-width: 0; background-clip: border-box; @@ -708,21 +708,21 @@ } -.fl-node-08kl1yzxeout .pp-review-name { +.testimonials-reviews .pp-review-name { font-family: var(--font-system-ui); font-weight: 800; font-size: 18px; } -.fl-node-08kl1yzxeout .pp-review-title { +.testimonials-reviews .pp-review-title { font-family: var(--font-system-ui); font-weight: 300; font-size: 16px; } -.fl-node-08kl1yzxeout .pp-review-text { +.testimonials-reviews .pp-review-text { font-family: var(--font-system-ui); font-weight: 300; font-size: 18px; @@ -730,27 +730,27 @@ } -.fl-node-08kl1yzxeout .pp-rating i { +.testimonials-reviews .pp-rating i { font-size: 30px; } -.fl-node-08kl1yzxeout .pp-review-image img { +.testimonials-reviews .pp-review-image img { height: 36px; } -.fl-node-08kl1yzxeout .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { +.testimonials-reviews .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 5px; margin-right: 5px; } -.fl-node-08kl1yzxeout .swiper-pagination { +.testimonials-reviews .swiper-pagination { margin-top: 5px; } -.fl-node-08kl1yzxeout .pp-review-icon i:before { +.testimonials-reviews .pp-review-icon i:before { font-size: 0px; } \ No newline at end of file diff --git a/themes/beaver/assets/css/critical/about-us-critical.css b/themes/beaver/assets/css/critical/about-us-critical.css index 296f76db9..53d10c8d7 100644 --- a/themes/beaver/assets/css/critical/about-us-critical.css +++ b/themes/beaver/assets/css/critical/about-us-critical.css @@ -45,7 +45,7 @@ .pp-reviews-wrapper .pp-swiper-button-next { right: 0; } -.fl-node-08kl1yzxeout .pp-swiper-button { +.testimonials-reviews .pp-swiper-button { color: #000; padding-left: 13px; padding-right: 13px; @@ -53,17 +53,17 @@ padding-top: 5px; opacity: 1; } -.fl-node-toa2hwegbp4q .pp-spacer-module { +.cta-banner-spacer .pp-spacer-module { height: 60px; width: 100%; } @media only screen and (max-width: 1115px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 60px; } } @media only screen and (max-width: 860px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 15px; } } @@ -616,7 +616,7 @@ width: 37px; height: 37px; } -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 24px; height: 24px; } @@ -1458,7 +1458,7 @@ h1 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; @@ -1468,7 +1468,7 @@ body { word-wrap: break-word; } h1 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1479,7 +1479,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1615,7 +1615,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/careers-critical.css b/themes/beaver/assets/css/critical/careers-critical.css index e815e49a5..dc8e2319e 100644 --- a/themes/beaver/assets/css/critical/careers-critical.css +++ b/themes/beaver/assets/css/critical/careers-critical.css @@ -1381,7 +1381,7 @@ h2 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; @@ -1392,7 +1392,7 @@ body { } h1, h2 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1403,7 +1403,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1541,7 +1541,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/clients-critical.css b/themes/beaver/assets/css/critical/clients-critical.css index 3b788fd21..f42a9ab86 100644 --- a/themes/beaver/assets/css/critical/clients-critical.css +++ b/themes/beaver/assets/css/critical/clients-critical.css @@ -205,7 +205,7 @@ } /* PowerPack reviews swiper button styling */ -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 24px; height: 24px; } diff --git a/themes/beaver/assets/css/critical/fl-common-modules.css b/themes/beaver/assets/css/critical/fl-common-modules.css index 4435b28d8..466b8c934 100644 --- a/themes/beaver/assets/css/critical/fl-common-modules.css +++ b/themes/beaver/assets/css/critical/fl-common-modules.css @@ -559,7 +559,7 @@ h1 { /* JT Theme Typography & Layout */ body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; @@ -569,7 +569,7 @@ body { word-wrap: break-word; } h1 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -580,7 +580,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -715,7 +715,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/homepage-critical.css b/themes/beaver/assets/css/critical/homepage-critical.css index 980165b1d..980f4f3cd 100644 --- a/themes/beaver/assets/css/critical/homepage-critical.css +++ b/themes/beaver/assets/css/critical/homepage-critical.css @@ -46,17 +46,17 @@ } } -.fl-node-toa2hwegbp4q .pp-spacer-module { +.cta-banner-spacer .pp-spacer-module { height: 60px; width: 100%; } @media only screen and (max-width: 1115px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 60px; } } @media only screen and (max-width: 860px) { - .fl-node-toa2hwegbp4q .pp-spacer-module { + .cta-banner-spacer .pp-spacer-module { height: 15px; } } @@ -149,7 +149,7 @@ .pp-reviews-wrapper .pp-swiper-button-next { right: 0; } -.fl-node-08kl1yzxeout .pp-swiper-button { +.testimonials-reviews .pp-swiper-button { color: #000; padding-left: 13px; padding-right: 13px; @@ -1503,7 +1503,7 @@ width: 37px; height: 37px; } -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 24px; height: 24px; } @@ -1681,7 +1681,7 @@ button::-moz-focus-inner { /* JetThoughts Theme Styles */ body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-size: 18px; font-weight: 400; @@ -1692,7 +1692,7 @@ body { } h1, h3 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1703,7 +1703,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1842,7 +1842,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/single-careers.css b/themes/beaver/assets/css/critical/single-careers.css index 7c99ebb06..2e6610f8f 100644 --- a/themes/beaver/assets/css/critical/single-careers.css +++ b/themes/beaver/assets/css/critical/single-careers.css @@ -56,7 +56,7 @@ h2 { } h1, h2 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1761,7 +1761,7 @@ h3 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: Roboto, Arial, sans-serif; font-size: 18px; font-weight: 300; @@ -1773,7 +1773,7 @@ body { h1, h2, h3 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1784,7 +1784,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1916,7 +1916,7 @@ input[type="text"]:-ms-input-placeholder { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/single-clients.css b/themes/beaver/assets/css/critical/single-clients.css index e7a50715b..b347ba36a 100644 --- a/themes/beaver/assets/css/critical/single-clients.css +++ b/themes/beaver/assets/css/critical/single-clients.css @@ -1468,7 +1468,7 @@ h1 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: Roboto, Arial, sans-serif; font-size: 18px; font-weight: 300; @@ -1478,7 +1478,7 @@ body { word-wrap: break-word; } h1 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1489,7 +1489,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1572,7 +1572,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/single-services.css b/themes/beaver/assets/css/critical/single-services.css index 66fbf1cd4..a926a225a 100644 --- a/themes/beaver/assets/css/critical/single-services.css +++ b/themes/beaver/assets/css/critical/single-services.css @@ -461,7 +461,7 @@ width: 37px; height: 37px; } -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 24px; height: 24px; } @@ -1471,7 +1471,7 @@ h1 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; @@ -1481,7 +1481,7 @@ body { word-wrap: break-word; } h1 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1492,7 +1492,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1639,7 +1639,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/critical/single-use-cases.css b/themes/beaver/assets/css/critical/single-use-cases.css index 02ece90d7..6e3f028aa 100644 --- a/themes/beaver/assets/css/critical/single-use-cases.css +++ b/themes/beaver/assets/css/critical/single-use-cases.css @@ -477,7 +477,7 @@ width: 37px; height: 37px; } -.fl-node-08kl1yzxeout .pp-swiper-button svg { +.testimonials-reviews .pp-swiper-button svg { width: 24px; height: 24px; } @@ -1514,7 +1514,7 @@ h1 { } body { background-color: #fff; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 18px; font-weight: 400; @@ -1524,7 +1524,7 @@ body { word-wrap: break-word; } h1 { - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; line-height: 1.4; @@ -1535,7 +1535,7 @@ h1 { font-size: 70px; line-height: 1; letter-spacing: -1px; - color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see skin-65eda28877e04.css body note */ + color: #121212; /* KEEP LITERAL: reboot-generic selector - var() form invites cssnano merge-hoist / dedup unmask in production bundles; see legacy-theme-skin.css body note */ font-family: var(--font-system-ui); font-weight: 800; font-style: normal; @@ -1682,7 +1682,7 @@ button { text-transform: capitalize; border-style: none; border-width: 1px; - border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical skin-65eda28877e04.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ + border-color: #121212; /* KEEP LITERAL: dedup-twin of the identical legacy-theme-skin.css .fl-page fl-button rule - var() here breaks the twin match and changes the minifier merge product (border is style:none, invisible anyway) */ border-radius: 25px; } .fl-page a.fl-button *, diff --git a/themes/beaver/assets/css/dynamic-404-590.css b/themes/beaver/assets/css/dynamic-404.css similarity index 100% rename from themes/beaver/assets/css/dynamic-404-590.css rename to themes/beaver/assets/css/dynamic-404.css diff --git a/themes/beaver/assets/css/skin-65eda28877e04.css b/themes/beaver/assets/css/legacy-theme-skin.css similarity index 99% rename from themes/beaver/assets/css/skin-65eda28877e04.css rename to themes/beaver/assets/css/legacy-theme-skin.css index 140ab44c4..b288912c4 100644 --- a/themes/beaver/assets/css/skin-65eda28877e04.css +++ b/themes/beaver/assets/css/legacy-theme-skin.css @@ -1,3 +1,5 @@ +/* affects pages: 15 bundles (site-wide) - see docs/projects/2509-css-migration/css-bundle-ownership-map.md + Legacy shared layer (Phase C4 strangler target) - verify with bin/qtest before editing. */ body { background-color: #fff; color: #121212; diff --git a/themes/beaver/assets/css/pages/about-us.css b/themes/beaver/assets/css/pages/about-us.css index a2b9f04fb..0eda0e1f4 100644 --- a/themes/beaver/assets/css/pages/about-us.css +++ b/themes/beaver/assets/css/pages/about-us.css @@ -1474,13 +1474,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -1489,30 +1489,30 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 0px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-bottom: 60px; } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 0px; padding-bottom: 0px; } } -.fl-node-fdsvgxpowi03 { +.cta-banner-box { width: 100%; } -.fl-node-fdsvgxpowi03 > .fl-col-content { +.cta-banner-box > .fl-col-content { background-color: #F5F6F8; border-top-left-radius: 20px; border-top-right-radius: 20px; @@ -1522,7 +1522,7 @@ img.mfp-img { @media (max-width: 1115px) { - .fl-builder-content .fl-node-fdsvgxpowi03 { + .fl-builder-content .cta-banner-box { width: 100% !important; max-width: none; -webkit-box-flex: 0 1 auto; @@ -1535,7 +1535,7 @@ img.mfp-img { @media (max-width: 860px) { - .fl-builder-content .fl-node-fdsvgxpowi03 { + .fl-builder-content .cta-banner-box { width: 100% !important; max-width: none; clear: none; @@ -1544,19 +1544,19 @@ img.mfp-img { } -.fl-node-fdsvgxpowi03 > .fl-col-content { +.cta-banner-box > .fl-col-content { margin-top: 180px; } @media ( max-width: 860px ) { - .fl-node-fdsvgxpowi03.fl-col > .fl-col-content { + .cta-banner-box.fl-col > .fl-col-content { margin-top: 50px; } } -.fl-node-fdsvgxpowi03 > .fl-col-content { +.cta-banner-box > .fl-col-content { padding-top: 80px; padding-right: 60px; padding-bottom: 120px; @@ -1565,7 +1565,7 @@ img.mfp-img { @media ( max-width: 860px ) { - .fl-node-fdsvgxpowi03.fl-col > .fl-col-content { + .cta-banner-box.fl-col > .fl-col-content { padding-top: 30px; padding-right: 20px; padding-bottom: 30px; @@ -2834,7 +2834,7 @@ img.mfp-img { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -2842,7 +2842,7 @@ img.mfp-img { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -3026,12 +3026,12 @@ img.mfp-img { } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } diff --git a/themes/beaver/assets/css/pages/clients.css b/themes/beaver/assets/css/pages/clients.css index 71886b5d1..33c086cde 100644 --- a/themes/beaver/assets/css/pages/clients.css +++ b/themes/beaver/assets/css/pages/clients.css @@ -1066,13 +1066,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -1081,26 +1081,26 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 0px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-top: 130px; padding-bottom: 60px; } @media ( max-width: 1115px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; } } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; padding-bottom: 0px; } @@ -3372,7 +3372,7 @@ img.mfp-img { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -3380,7 +3380,7 @@ img.mfp-img { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; diff --git a/themes/beaver/assets/css/pages/homepage.css b/themes/beaver/assets/css/pages/homepage.css index fcc7b093f..29d6abc61 100644 --- a/themes/beaver/assets/css/pages/homepage.css +++ b/themes/beaver/assets/css/pages/homepage.css @@ -765,7 +765,7 @@ @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -773,7 +773,7 @@ @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -866,12 +866,12 @@ } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } @@ -2855,13 +2855,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -2870,18 +2870,18 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 130px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-bottom: 60px; } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; padding-bottom: 0px; } @@ -8982,7 +8982,7 @@ body .pp-post-feed-meta { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -8990,7 +8990,7 @@ body .pp-post-feed-meta { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -9083,12 +9083,12 @@ body .pp-post-feed-meta { } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } diff --git a/themes/beaver/assets/css/pages/services.css b/themes/beaver/assets/css/pages/services.css index 2ffa15809..bde42ab4a 100644 --- a/themes/beaver/assets/css/pages/services.css +++ b/themes/beaver/assets/css/pages/services.css @@ -1362,13 +1362,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -1377,19 +1377,19 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 0px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-top: 130px; padding-bottom: 60px; } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; padding-bottom: 0px; } @@ -4375,7 +4375,7 @@ img.mfp-img { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 0px; margin-left: 0px; } @@ -4383,7 +4383,7 @@ img.mfp-img { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; diff --git a/themes/beaver/assets/css/pages/single-service.css b/themes/beaver/assets/css/pages/single-service.css index ab949a1b2..f31398012 100644 --- a/themes/beaver/assets/css/pages/single-service.css +++ b/themes/beaver/assets/css/pages/single-service.css @@ -1436,13 +1436,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -1451,19 +1451,19 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 0px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-top: 130px; padding-bottom: 60px; } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; padding-bottom: 0px; } @@ -3471,7 +3471,7 @@ body .pp-post-feed-meta { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 0px; margin-left: 0px; } @@ -3479,7 +3479,7 @@ body .pp-post-feed-meta { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -3663,12 +3663,12 @@ body .pp-post-feed-meta { } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } diff --git a/themes/beaver/assets/css/pages/single-use-cases.css b/themes/beaver/assets/css/pages/single-use-cases.css index 6ba381514..9a3c93af4 100644 --- a/themes/beaver/assets/css/pages/single-use-cases.css +++ b/themes/beaver/assets/css/pages/single-use-cases.css @@ -1333,13 +1333,13 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq { +.testimonials-header-col { width: 100%; } @media (max-width: 860px) { - .fl-builder-content .fl-node-38ejkdz2v4cq { + .fl-builder-content .testimonials-header-col { width: 100% !important; max-width: none; clear: none; @@ -1348,19 +1348,19 @@ img.mfp-img { } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { margin-top: 0px; } -.fl-node-38ejkdz2v4cq > .fl-col-content { +.testimonials-header-col > .fl-col-content { padding-top: 130px; padding-bottom: 60px; } @media ( max-width: 860px ) { - .fl-node-38ejkdz2v4cq.fl-col > .fl-col-content { + .testimonials-header-col.fl-col > .fl-col-content { padding-top: 50px; padding-bottom: 0px; } @@ -3317,7 +3317,7 @@ body .pp-post-feed-meta { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -3325,7 +3325,7 @@ body .pp-post-feed-meta { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -3509,12 +3509,12 @@ body .pp-post-feed-meta { } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } diff --git a/themes/beaver/assets/css/pages/use-cases.css b/themes/beaver/assets/css/pages/use-cases.css index 54e765093..d660f6169 100644 --- a/themes/beaver/assets/css/pages/use-cases.css +++ b/themes/beaver/assets/css/pages/use-cases.css @@ -2209,7 +2209,7 @@ img.mfp-img { @media ( max-width: 1115px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-right: 50px; margin-left: 50px; } @@ -2217,7 +2217,7 @@ img.mfp-img { @media ( max-width: 860px ) { - .fl-node-ud8jroeig5h2.fl-module > .fl-module-content { + .testimonials-heading.fl-module > .fl-module-content { margin-top: 10px; margin-right: 0px; margin-left: 0px; @@ -2401,12 +2401,12 @@ img.mfp-img { } -.fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-module-content .fl-rich-text * { +.fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-module-content .fl-rich-text * { color: var(--color-primary); } -.fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text, .fl-builder-content .fl-node-rujwd9mzxche .fl-rich-text *:not(b, strong) { +.fl-builder-content .cta-banner-eyebrow .fl-rich-text, .fl-builder-content .cta-banner-eyebrow .fl-rich-text *:not(b, strong) { font-weight: 600; text-align: center; } diff --git a/themes/beaver/assets/css/style.css b/themes/beaver/assets/css/style.css index 8bd0c2f7f..1b402a4e0 100644 --- a/themes/beaver/assets/css/style.css +++ b/themes/beaver/assets/css/style.css @@ -1,3 +1,5 @@ +/* affects pages: 15 bundles (site-wide) - see docs/projects/2509-css-migration/css-bundle-ownership-map.md + Legacy shared layer (Phase C4 strangler target) - verify with bin/qtest before editing. */ .fl-node-ha6dj4z7r51f:last-child > .fl-col-content { border-right-width: 0; } diff --git a/themes/beaver/assets/css/theme-main.css b/themes/beaver/assets/css/theme-main.css index a1f671382..178806e5d 100644 --- a/themes/beaver/assets/css/theme-main.css +++ b/themes/beaver/assets/css/theme-main.css @@ -1,3 +1,5 @@ +/* affects pages: blog-list + free-consultation bundles - see docs/projects/2509-css-migration/css-bundle-ownership-map.md + Legacy shared layer (Phase C4 strangler target) - verify with bin/qtest before editing. */ :root { --jt-primary-color: var(--color-primary); --jt-text-color: #121212; /* KEEP LITERAL (value side): shadow token - repointing to var(--color-dark) is a deliberate follow-up decision, not a mechanical swap */ diff --git a/themes/beaver/layouts/404.html b/themes/beaver/layouts/404.html index e2518655f..9f402d7e2 100644 --- a/themes/beaver/layouts/404.html +++ b/themes/beaver/layouts/404.html @@ -1,10 +1,10 @@ {{ define "header" }} {{- $cssResources := slice (resources.Get "css/foundations/css-variables.css") - (resources.Get "css/dynamic-404-590.css" | resources.ExecuteAsTemplate "css/dynamic.css" .) + (resources.Get "css/dynamic-404.css" | resources.ExecuteAsTemplate "css/dynamic.css" .) (resources.Get "css/404.css") (resources.Get "css/vendors/base-4.min.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/dynamic-icons.css" | resources.ExecuteAsTemplate "css/dynamic586.css" .) (resources.Get "css/586.css") (resources.Get "css/footer.css") diff --git a/themes/beaver/layouts/clients/single.html b/themes/beaver/layouts/clients/single.html index ff29901c8..878868112 100644 --- a/themes/beaver/layouts/clients/single.html +++ b/themes/beaver/layouts/clients/single.html @@ -7,7 +7,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/footer.css") -}} diff --git a/themes/beaver/layouts/course/single.html b/themes/beaver/layouts/course/single.html index 65437cc34..72e03cdce 100644 --- a/themes/beaver/layouts/course/single.html +++ b/themes/beaver/layouts/course/single.html @@ -6,7 +6,7 @@ (resources.Get "css/586.css") (resources.Get "css/style.css") (resources.Get "css/vendors/base-4.min.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/single-post.css") (resources.Get "css/pages/blog-single.css") (resources.Get "css/footer.css") diff --git a/themes/beaver/layouts/home.html b/themes/beaver/layouts/home.html index e85aa794a..8bfdc03fc 100644 --- a/themes/beaver/layouts/home.html +++ b/themes/beaver/layouts/home.html @@ -1082,13 +1082,13 @@

data-node="8x91uqrnkeb7">

@@ -1099,7 +1099,7 @@

@@ -1113,7 +1113,7 @@

diff --git a/themes/beaver/layouts/page/about.html b/themes/beaver/layouts/page/about.html index 12f8252ed..46eb315af 100644 --- a/themes/beaver/layouts/page/about.html +++ b/themes/beaver/layouts/page/about.html @@ -5,7 +5,7 @@ (resources.Get "css/components/testimonials.css") (resources.Get "css/components/cta-banner.css") (resources.Get "css/pages/about-us.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/dynamic-icons.css" | resources.ExecuteAsTemplate "css/dynamic586.css" .) (resources.Get "css/586.css") (resources.Get "css/footer.css") diff --git a/themes/beaver/layouts/page/clients.html b/themes/beaver/layouts/page/clients.html index 548588da2..b1a620be6 100644 --- a/themes/beaver/layouts/page/clients.html +++ b/themes/beaver/layouts/page/clients.html @@ -9,7 +9,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/technologies.css") (resources.Get "css/footer.css") -}} diff --git a/themes/beaver/layouts/page/services.html b/themes/beaver/layouts/page/services.html index a1c3ddf9b..64c527f7e 100644 --- a/themes/beaver/layouts/page/services.html +++ b/themes/beaver/layouts/page/services.html @@ -10,7 +10,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/technologies.css") (resources.Get "css/footer.css") (resources.Get "css/use-cases-dynamic.css" | resources.ExecuteAsTemplate "css/use-cases-dynamic.css" .) @@ -493,7 +493,7 @@

data-node="ohd51ixf3842">

@@ -504,7 +504,7 @@

@@ -517,14 +517,14 @@

@@ -118,7 +118,7 @@

@@ -131,14 +131,14 @@

@@ -22,7 +22,7 @@

@@ -34,14 +34,14 @@

@@ -27,7 +27,7 @@

@@ -38,7 +38,7 @@

@@ -130,7 +130,7 @@

@@ -144,7 +144,7 @@

@@ -156,14 +156,14 @@

diff --git a/themes/beaver/layouts/services/single.html b/themes/beaver/layouts/services/single.html index ff592f96a..00d110939 100644 --- a/themes/beaver/layouts/services/single.html +++ b/themes/beaver/layouts/services/single.html @@ -15,7 +15,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/footer.css") -}} @@ -397,12 +397,12 @@

data-node="gmrn0lw6918p">

@@ -413,7 +413,7 @@

@@ -426,7 +426,7 @@

diff --git a/themes/beaver/layouts/single.html b/themes/beaver/layouts/single.html index 4c426e58f..771597173 100644 --- a/themes/beaver/layouts/single.html +++ b/themes/beaver/layouts/single.html @@ -6,7 +6,7 @@ (resources.Get "css/586.css") (resources.Get "css/style.css") (resources.Get "css/vendors/base-4.min.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/single-post.css") (resources.Get "css/pages/blog-single.css") (resources.Get "css/footer.css") diff --git a/themes/beaver/layouts/use-cases/single.html b/themes/beaver/layouts/use-cases/single.html index 7273d81f6..862672d95 100644 --- a/themes/beaver/layouts/use-cases/single.html +++ b/themes/beaver/layouts/use-cases/single.html @@ -8,7 +8,7 @@ (resources.Get "css/586.css") (resources.Get "css/vendors/base-4.min.css") (resources.Get "css/style.css") - (resources.Get "css/skin-65eda28877e04.css") + (resources.Get "css/legacy-theme-skin.css") (resources.Get "css/footer.css") -}} @@ -344,12 +344,12 @@

data-node="mgnli9p56eku">

@@ -360,7 +360,7 @@

@@ -373,7 +373,7 @@