diff --git a/themes/beaver/assets/css/beaver-grid-layout.css b/themes/beaver/assets/css/beaver-grid-layout.css index c4b760085..7ed8fe702 100644 --- a/themes/beaver/assets/css/beaver-grid-layout.css +++ b/themes/beaver/assets/css/beaver-grid-layout.css @@ -6,8 +6,8 @@ box-sizing: border-box; } -.c-row:before, .fl-row:before, -.c-row:after, .fl-row:after, +.c-row:before, +.c-row:after, .fl-row-content:before, .fl-row-content:after, .fl-col-group:before, @@ -22,7 +22,7 @@ content: " "; } -.c-row:after, .fl-row:after, +.c-row:after, .fl-row-content:after, .fl-col-group:after, .c-col:after, .fl-col:after, @@ -530,7 +530,6 @@ min-width: 1px; } -.fl-photo, .c-photo { line-height: 0; position: relative; diff --git a/themes/beaver/assets/css/component-bundle.css b/themes/beaver/assets/css/component-bundle.css index d1db41179..d8515fc6d 100644 --- a/themes/beaver/assets/css/component-bundle.css +++ b/themes/beaver/assets/css/component-bundle.css @@ -2816,3 +2816,65 @@ body:not(.single-fl-theme-layout) font-size: 0.9rem; color: #555; } + +/* Services Hero - Shameless Green FL-Builder Replication */ +.c-services-hero.fl-row-default-height .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services Hero - Pure BEM (Final Consolidation) */ +.c-services-hero .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services Overview - Shameless Green FL-Builder Replication */ +.c-services-overview.fl-row-default-height .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services Overview - Pure BEM (Final Consolidation) */ +.c-services-overview .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services Clients - Shameless Green FL-Builder Replication */ +.c-services-clients.fl-row-default-height .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services Clients - Pure BEM (Final Consolidation) */ +.c-services-clients .fl-row-content-wrap { + min-height: 100vh; + display: flex; +} + +/* Services CTA - Shameless Green FL-Builder Replication */ +.c-services-cta.fl-col-group-custom-width { + /* CTA specific styles will be added as needed */ +} + +/* Standalone BEM Components - Final Consolidation Phase */ +/* These classes can completely replace FL-Builder dependencies */ + +.c-services-hero-standalone { + min-height: 100vh; + display: flex; + width: 100%; +} + +.c-services-overview-standalone { + min-height: 100vh; + display: flex; + width: 100%; +} + +.c-services-clients-standalone { + min-height: 100vh; + display: flex; + width: 100%; +} diff --git a/themes/beaver/assets/css/components.css b/themes/beaver/assets/css/components.css index 63348596b..9aaeb6ab5 100644 --- a/themes/beaver/assets/css/components.css +++ b/themes/beaver/assets/css/components.css @@ -6,11 +6,9 @@ Button Component (c-button) ======================================== */ -/* Base button component */ +/* Base button component - consolidated pattern */ .c-button { - border-radius: 4px; - display: inline-block; - text-decoration: none; + /* Base button styles moved to buttons-migration.css */ } /* Button size modifiers */ @@ -22,9 +20,7 @@ padding: 9px 18px; } -.c-button--large { - padding: 16px 32px; -} +/* .c-button--large moved to buttons-migration.css for consolidation */ /* Button state modifiers */ .c-button:hover { diff --git a/themes/beaver/assets/css/components/c-typography.scss b/themes/beaver/assets/css/components/c-typography.scss index 9b657db1e..715e64613 100644 --- a/themes/beaver/assets/css/components/c-typography.scss +++ b/themes/beaver/assets/css/components/c-typography.scss @@ -269,8 +269,7 @@ h6.c-heading, FL-Builder Content Integration ========================================================================== */ -.c-rich-text, -.fl-rich-text { +.c-rich-text { // Apply typography system to FL-Builder content h1 { @extend .c-heading--xl; } h2 { @extend .c-heading--lg; } diff --git a/themes/beaver/assets/css/components/css-utilities.scss b/themes/beaver/assets/css/components/css-utilities.scss index 59ab657bd..4952af37d 100644 --- a/themes/beaver/assets/css/components/css-utilities.scss +++ b/themes/beaver/assets/css/components/css-utilities.scss @@ -74,6 +74,50 @@ text-align: right !important; } +/* ======================================== + Form Field Utilities - Common Patterns + ======================================== */ + +/* Consolidates padding: 0.75rem 1rem pattern found in: + * - .c-form__field, .c-form__textarea, .c-form__select + */ +.u-form-field-padding { + padding: 0.75rem 1rem !important; +} + +/* Consolidates form field transition pattern (3 duplicates) */ +.u-form-field-transition { + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; +} + +/* ======================================== + Layout Utilities - Gap Spacing Patterns + ======================================== */ + +/* Consolidates gap: 1rem pattern found in 10+ locations */ +.u-gap-md { + gap: 1rem !important; +} + +/* Flex + gap combination (5+ duplicates) */ +.u-flex-gap { + display: flex !important; + gap: 1rem !important; +} + +/* ======================================== + Typography Utilities - Body Text Patterns + ======================================== */ + +/* Consolidates font-size: 1rem + line-height: 1.5 pattern found in: + * - forms.css (8+ instances in form fields and controls) + * - Multiple form elements with consistent typography + */ +.u-text-body { + font-size: 1rem !important; + line-height: 1.5 !important; +} + /* ======================================== Display Utilities - Common Patterns ======================================== */ diff --git a/themes/beaver/assets/css/fl-component-layout.css b/themes/beaver/assets/css/fl-component-layout.css index 15ac17763..e6de41f6a 100644 --- a/themes/beaver/assets/css/fl-component-layout.css +++ b/themes/beaver/assets/css/fl-component-layout.css @@ -107,16 +107,6 @@ -webkit-transform: translate(-50%, -50%); } -.fl-bg-video-fallback { - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: cover; - bottom: 0px; - left: 0px; - position: absolute; - right: 0px; - top: 0px; -} .fl-row-bg-slideshow, .fl-row-bg-slideshow .fl-row-content { position: relative; @@ -617,39 +607,7 @@ img.mfp-img { font-size: 30px; } -.fl-form-field { - margin-bottom: 15px; -} - -.fl-form-field input.fl-form-error { - border-color: #DD6420; -} - -.fl-form-error-message { - clear: both; - color: #DD6420; - display: none; - padding-top: 8px; - font-size: 12px; - font-weight: lighter; -} - -.fl-form-button-disabled { - opacity: 0.5; -} - -.fl-animation { - opacity: 0; -} - -.fl-builder-preview .fl-animation, .fl-builder-edit .fl-animation, .fl-animated { - opacity: 1; -} -.fl-animated { - animation-fill-mode: both; - -webkit-animation-fill-mode: both; -} .fl-button.fl-button-icon-animation i { width: 0 !important; @@ -1056,9 +1014,6 @@ img.mfp-img { } } -.fl-node-7zdx61osbq4a { - width: 100%; -} .fl-builder-content .fl-node-f29vwky6nx4s a { color: #ffffff; @@ -1257,9 +1212,6 @@ img.mfp-img { } } -.fl-node-2x7c5i3nmohu { - width: 26%; -} .fl-node-0qv8y5e3of4j { width: 27%; diff --git a/themes/beaver/assets/css/fl-homepage-layout.css b/themes/beaver/assets/css/fl-homepage-layout.css index 7c4799a78..317c9f938 100644 --- a/themes/beaver/assets/css/fl-homepage-layout.css +++ b/themes/beaver/assets/css/fl-homepage-layout.css @@ -3047,8 +3047,7 @@ fl-builder-content *, .fl-builder-content *:before, .fl-builder-content *:after min-height: 1px; } -.c-column, -.fl-col { +.c-column { float: left; min-height: 1px; } diff --git a/themes/beaver/assets/css/fl-node-patterns.css b/themes/beaver/assets/css/fl-node-patterns.css deleted file mode 100644 index 16d068f27..000000000 --- a/themes/beaver/assets/css/fl-node-patterns.css +++ /dev/null @@ -1,156 +0,0 @@ - @media only screen and (max-width: 640px) { - .pp-gf-content .gform_wrapper ul.gform_fields li.gfield.gf_left_half { - padding-right: 0; - } -} - -@media (max-width: 860px) { - /* No specific styles needed for this breakpoint */ -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper { - max-width: 100%; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content { - background-color: #ffffff; - background-size: cover; - background-repeat: no-repeat; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper ul li.gfield { - list-style-type: none !important; - margin-bottom: 20px; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gform_title, .fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .form-title { - display: none; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .form-title { - display: none; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gform_title { - /* Inherits styles from parent form title rules */ -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.gform_description, .fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .form-description { - display: none; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .form-description { - display: none; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.gform_description { - /* Inherits styles from parent description rules */ -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield .gfield_label { - color: #121212; - display: block; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield_required { - color: #ff0000; -} - -.fl-builder-content .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield .ginput_complex.ginput_container label { - /* Inherits styles from parent label rules */ -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_container label, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper table.gfield_list thead th, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.ginput_product_price, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.ginput_product_price_label, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.ginput_quantity_label, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield_html { - color: #121212 !important; - font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - font-weight: 700; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper span.ginput_product_price { - color: #900900 !important; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield .gfield_description { - /* Inherits styles from parent description rules */ -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gsection { - border-bottom-width: 1px; - border-bottom-color: #cccccc; - margin-bottom: 20px; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper h2.gsection_title, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper h3.gsection_title { - color: #333333; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield select, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea { - color: #121212; - background-color: #ffffff; - width: 100% !important; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:focus-visible:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield select:focus-visible, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea:focus-visible { - outline: 2px solid #121212; - outline-offset: 2px; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield select { - height: 50px; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_complex select { - margin-bottom: 6px; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_complex span { - margin-bottom: 8px; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input::-webkit-input-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:-moz-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input::-moz-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:-ms-input-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea::-webkit-input-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea:-moz-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea::-moz-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea:-ms-input-placeholder { - color: #969798; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']):focus, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield select:focus, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .gfield textarea:focus { - border-color: #121212; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .top_label input.medium, .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .top_label select.medium { - width: 100% !important; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper textarea.medium { - width: 100% !important; -} - -.fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_complex .ginput_full input[type="text"], .fl-node-btz2rn93xyu8 .pp-gf-content .gform_wrapper .ginput_complex input[type="text"] { - width: 100% !important; -} diff --git a/themes/beaver/assets/css/fl-service-detail-layout.css b/themes/beaver/assets/css/fl-service-detail-layout.css index fac879e89..ccef383db 100644 --- a/themes/beaver/assets/css/fl-service-detail-layout.css +++ b/themes/beaver/assets/css/fl-service-detail-layout.css @@ -1057,9 +1057,6 @@ img.mfp-img { } } -.fl-node-2il86phfbmex { - width: 100%; -} .fl-node-wgjdp6amusqn { width: 100%; diff --git a/themes/beaver/assets/css/fl-use-cases-layout.css b/themes/beaver/assets/css/fl-use-cases-layout.css index e9375b984..f9442ff27 100644 --- a/themes/beaver/assets/css/fl-use-cases-layout.css +++ b/themes/beaver/assets/css/fl-use-cases-layout.css @@ -1194,9 +1194,6 @@ img.mfp-img { } } -.fl-node-73fx8mcb9lte { - width: 25%; -} .fl-node-ki0bxweasurq { width: 100%; diff --git a/themes/beaver/layouts/services/single.html b/themes/beaver/layouts/services/single.html index fae16e17c..25d61b0fa 100644 --- a/themes/beaver/layouts/services/single.html +++ b/themes/beaver/layouts/services/single.html @@ -21,7 +21,7 @@
-
+
@@ -77,7 +77,7 @@

-
+
@@ -175,7 +175,7 @@

-
+
@@ -257,7 +257,7 @@

{{ partial "page/testimonials.html" . }} -
+