File tree Expand file tree Collapse file tree 9 files changed +228
-2
lines changed
themes/beaver/assets/css/components Expand file tree Collapse file tree 9 files changed +228
-2
lines changed Original file line number Diff line number Diff line change 33set -euo pipefail
44
55if [ $# -eq 0 ]; then
6- # bin/rake test:all
7- bin/rake test:critical
6+ bin/rake test:all
87else
98 bundle exec ruby -Itest " $@ "
109fi
Original file line number Diff line number Diff line change 1+ // Accordion Component - Dual-Class Migration
2+ // Migrates .fl-node-* tab/accordion patterns to .c-accordion system
3+
4+ // Base accordion component with CSS variables
5+ .c-accordion {
6+ --accordion-border-color : #e7e7e7 ;
7+ --accordion-header-bg : #f9f9f9 ;
8+ --accordion-content-bg : #ffffff ;
9+ --accordion-text-color : #333333 ;
10+
11+ // Base accordion styles
12+ border : 1px solid var (--accordion-border-color );
13+ border-radius : 8px ;
14+ background-color : var (--accordion-content-bg );
15+ color : var (--accordion-text-color );
16+ }
17+
18+ // FL-Builder Compatibility - Dual Class Strategy
19+ // Applies .c-accordion styles to existing FL-Builder tab nodes
20+ .fl-node-vo75i29j3fmz.c-accordion {
21+ @extend .c-accordion ;
22+ }
Original file line number Diff line number Diff line change 1+ // Contact Section Component - Dual-Class Migration
2+ // Migrates .fl-node-* contact form patterns to .c-contact-section system
3+
4+ // Base contact section component with CSS variables
5+ .c-contact-section {
6+ --contact-bg : #ffffff ;
7+ --contact-text : #333333 ;
8+ --contact-padding : 2rem ;
9+
10+ // Base section styles
11+ background-color : var (--contact-bg );
12+ color : var (--contact-text );
13+ padding : var (--contact-padding );
14+ }
15+
16+ // FL-Builder Compatibility - Dual Class Strategy
17+ // Applies .c-contact-section styles to existing FL-Builder nodes
18+ .fl-node-header-nav-contact-us-btn.c-contact-section {
19+ @extend .c-contact-section ;
20+ }
21+
22+ .fl-node-header-nav-contat-us-btn-nested.c-contact-section {
23+ @extend .c-contact-section ;
24+ }
Original file line number Diff line number Diff line change 1+ // Footer Component - Dual-Class Migration
2+ // Migrates .fl-node-* spacer/layout patterns to .c-footer system
3+
4+ // Base footer component with CSS variables
5+ .c-footer {
6+ --footer-bg : #ffffff ;
7+ --footer-text : #333333 ;
8+ --footer-padding : 2rem ;
9+
10+ // Base footer styles
11+ background-color : var (--footer-bg );
12+ color : var (--footer-text );
13+ padding : var (--footer-padding );
14+ }
15+
16+ // FL-Builder Compatibility - Dual Class Strategy
17+ // Applies .c-footer styles to existing FL-Builder spacer/layout nodes
18+ .fl-node-7d9wg1x8ua5m.c-footer {
19+ @extend .c-footer ;
20+ }
21+
22+ .fl-node-mkyhv3e21dx4.c-footer {
23+ @extend .c-footer ;
24+ }
25+
26+ .fl-node-ymcvi0qt6zwd.c-footer {
27+ @extend .c-footer ;
28+ }
29+
30+ .fl-node-toa2hwegbp4q.c-footer {
31+ @extend .c-footer ;
32+ }
Original file line number Diff line number Diff line change 1+ // Hero Section Component - Dual-Class Migration
2+ // Migrates .fl-node-* hero patterns to .c-hero system
3+
4+ // Base hero component with CSS variables
5+ .c-hero {
6+ --hero-bg-color : #ffffff ;
7+ --hero-text-color : #333333 ;
8+ --hero-padding : 4rem 2rem ;
9+
10+ // Base styles
11+ position : relative ;
12+ padding : var (--hero-padding );
13+ background-color : var (--hero-bg-color );
14+ color : var (--hero-text-color );
15+ }
16+
17+ // FL-Builder Compatibility - Dual Class Strategy
18+ // Applies .c-hero styles to existing FL-Builder nodes
19+ .fl-node-dn129i74qg6m.c-hero {
20+ @extend .c-hero ;
21+ }
22+
23+ .fl-node-fwc7x53r0dpl.c-hero {
24+ @extend .c-hero ;
25+ }
26+
27+ .fl-node-bi013pcl2qtv.c-hero ,
28+ .fl-node-pifywec9vd5m.c-hero {
29+ @extend .c-hero ;
30+ }
Original file line number Diff line number Diff line change 1+ // Modal Component - Dual-Class Migration
2+ // Migrates .fl-node-* modal/popup patterns to .c-modal system
3+
4+ // Base modal component with CSS variables
5+ .c-modal {
6+ --modal-bg : rgba (0 , 0 , 0 , 0.8 );
7+ --modal-content-bg : #ffffff ;
8+ --modal-z-index : 1000 ;
9+
10+ // Base modal styles
11+ position : fixed ;
12+ top : 0 ;
13+ left : 0 ;
14+ width : 100% ;
15+ height : 100% ;
16+ background-color : var (--modal-bg );
17+ z-index : var (--modal-z-index );
18+ display : none ;
19+
20+ & .is-open {
21+ display : flex ;
22+ align-items : center ;
23+ justify-content : center ;
24+ }
25+ }
26+
27+ // FL-Builder Compatibility - Dual Class Strategy
28+ // Applies .c-modal styles to existing FL-Builder off-canvas/modal nodes
29+ .fl-node-ncg61wov0ytq.c-modal {
30+ @extend .c-modal ;
31+ }
Original file line number Diff line number Diff line change 1+ // Service Grid Component - Dual-Class Migration
2+ // Migrates .fl-node-* service grid patterns to .c-service-grid system
3+
4+ // Base service grid component with CSS variables
5+ .c-service-grid {
6+ --grid-gap : 2rem ;
7+ --grid-columns : 3 ;
8+ --service-card-bg : #ffffff ;
9+ --service-card-text : #333333 ;
10+
11+ // Base grid layout
12+ display : grid ;
13+ grid-template-columns : repeat (var (--grid-columns ), 1fr );
14+ gap : var (--grid-gap );
15+ }
16+
17+ // FL-Builder Compatibility - Dual Class Strategy
18+ // Applies .c-service-grid styles to existing FL-Builder nodes
19+ .fl-node-5dzyge41jmoa.c-service-grid {
20+ @extend .c-service-grid ;
21+ }
22+
23+ .fl-node-10d3e2kq8tox.c-service-grid {
24+ @extend .c-service-grid ;
25+ }
26+
27+ .fl-node-x6rqpedlc9y5.c-service-grid ,
28+ .fl-node-2x7c5i3nmohu.c-service-grid {
29+ @extend .c-service-grid ;
30+ }
Original file line number Diff line number Diff line change 1+ // Team Member Component - Dual-Class Migration
2+ // Migrates .fl-node-* team member patterns to .c-team-member system
3+
4+ // Base team member component with CSS variables
5+ .c-team-member {
6+ --team-card-bg : #ffffff ;
7+ --team-card-text : #333333 ;
8+ --team-card-padding : 2rem ;
9+
10+ // Base card styles
11+ background-color : var (--team-card-bg );
12+ color : var (--team-card-text );
13+ padding : var (--team-card-padding );
14+ }
15+
16+ // FL-Builder Compatibility - Dual Class Strategy
17+ // Applies .c-team-member styles to existing FL-Builder nodes
18+ .fl-node-2div407rylu5.c-team-member {
19+ @extend .c-team-member ;
20+ }
21+
22+ .fl-node-el3fhm25cy0g.c-team-member {
23+ @extend .c-team-member ;
24+ }
25+
26+ .fl-node-mvlu0rkbgc18.c-team-member ,
27+ .fl-node-pqwe8j7o3l6z.c-team-member {
28+ @extend .c-team-member ;
29+ }
Original file line number Diff line number Diff line change 1+ // Testimonial Slider Component - Dual-Class Migration
2+ // Migrates .fl-node-* testimonial slider patterns to .c-testimonial-slider system
3+
4+ // Base testimonial slider component with CSS variables
5+ .c-testimonial-slider {
6+ --slider-bg : #ffffff ;
7+ --slider-text : #333333 ;
8+ --slider-padding : 2rem ;
9+
10+ // Base slider styles
11+ background-color : var (--slider-bg );
12+ color : var (--slider-text );
13+ padding : var (--slider-padding );
14+ }
15+
16+ // FL-Builder Compatibility - Dual Class Strategy
17+ // Applies .c-testimonial-slider styles to existing FL-Builder nodes
18+ .fl-node-08kl1yzxeout.c-testimonial-slider {
19+ @extend .c-testimonial-slider ;
20+ }
21+
22+ .fl-node-cbhworulayqn.c-testimonial-slider {
23+ @extend .c-testimonial-slider ;
24+ }
25+
26+ .fl-node-d09l8jp3qrgf.c-testimonial-slider ,
27+ .fl-node-7d9wg1x8ua5m.c-testimonial-slider {
28+ @extend .c-testimonial-slider ;
29+ }
You can’t perform that action at this time.
0 commit comments