← All changes | includes/blocks/accordion/block.php +37 -18 2.10.0 → 2.14.0 View file →

		@@ -73,39 +73,45 @@
73	73	$css_generator->add_class_styles(
74	74	'{{WRAPPER}} .ablocks-block--single-accordion',
75	75	$this->get_item_css( $attributes ),
76	76	$this->get_item_css( $attributes, 'Tablet' ),
77		- $this->get_item_css( $attributes, 'Mobile' )
	77	+ $this->get_item_css( $attributes, 'Mobile' ),
	78	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_item_css( $attributes, $device ); } )
78	79	);
79	80	$css_generator->add_class_styles(
80	81	'{{WRAPPER}} .ablocks-block--single-accordion:hover',
81	82	$this->get_item_hover_css( $attributes ),
82	83	$this->get_item_hover_css( $attributes, 'Tablet' ),
83		- $this->get_item_hover_css( $attributes, 'Mobile' )
	84	+ $this->get_item_hover_css( $attributes, 'Mobile' ),
	85	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_item_hover_css( $attributes, $device ); } )
84	86	);
85	87	$css_generator->add_class_styles(
86	88	'{{WRAPPER}} .ablocks-block--single-accordion__heading .ablocks-block-accordion-title',
87	89	$this->get_title_css( $attributes ),
88	90	$this->get_title_css( $attributes, 'Tablet' ),
89		- $this->get_title_css( $attributes, 'Mobile' )
	91	+ $this->get_title_css( $attributes, 'Mobile' ),
	92	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_css( $attributes, $device ); } )
90	93	);
91	94	$css_generator->add_class_styles(
92	95	'{{WRAPPER}} .ablocks-block--single-accordion__heading:hover .ablocks-block-accordion-title',
93	96	$this->get_title_hover_css( $attributes ),
94	97	$this->get_title_hover_css( $attributes, 'Tablet' ),
95		- $this->get_title_hover_css( $attributes, 'Mobile' )
	98	+ $this->get_title_hover_css( $attributes, 'Mobile' ),
	99	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_hover_css( $attributes, $device ); } )
96	100	);
97	101	$css_generator->add_class_styles(
98	102	'{{WRAPPER}} .ablocks-block--single-accordion-is-selected .ablocks-block-accordion-title',
99	103	$this->get_title_active_css( $attributes ),
100	104	$this->get_title_active_css( $attributes, 'Tablet' ),
101		- $this->get_title_active_css( $attributes, 'Mobile' )
	105	+ $this->get_title_active_css( $attributes, 'Mobile' ),
	106	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_active_css( $attributes, $device ); } )
102	107	);
103	108	$css_generator->add_class_styles(
104	109	'{{WRAPPER}} .ablocks-block--single-accordion__heading',
105	110	$this->get_panel_css( $attributes ),
106	111	$this->get_panel_css( $attributes, 'Tablet' ),
107		- $this->get_panel_css( $attributes, 'Mobile' )
	112	+ $this->get_panel_css( $attributes, 'Mobile' ),
	113	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_css( $attributes, $device ); } )
108	114	);
109	115	$css_generator->add_class_styles(
110	116	'{{WRAPPER}} .ablocks-block--single-accordion__heading:hover',
111	117	$this->get_panel_hover_css( $attributes ),
		@@ -115,9 +121,10 @@
115	121	$css_generator->add_class_styles(
116	122	'{{WRAPPER}} .ablocks-block--single-accordion-is-selected .ablocks-block--single-accordion__heading',
117	123	$this->get_panel_active_css( $attributes ),
118	124	$this->get_panel_active_css( $attributes, 'Tablet' ),
119		- $this->get_panel_active_css( $attributes, 'Mobile' )
	125	+ $this->get_panel_active_css( $attributes, 'Mobile' ),
	126	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_active_css( $attributes, $device ); } )
120	127	);
121	128	$css_generator->add_class_styles(
122	129	'{{WRAPPER}} .ablocks-block--single-accordion__heading svg.ablocks-svg-icon',
123	130	$this->get_icon_css( $attributes )
		@@ -133,15 +140,17 @@
133	140	$css_generator->add_class_styles(
134	141	'{{WRAPPER}} .ablocks-block--single-accordion__body-content',
135	142	$this->get_content_css( $attributes ),
136	143	$this->get_content_css( $attributes, 'Tablet' ),
137		- $this->get_content_css( $attributes, 'Mobile' )
	144	+ $this->get_content_css( $attributes, 'Mobile' ),
	145	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_css( $attributes, $device ); } )
138	146	);
139	147	$css_generator->add_class_styles(
140	148	'{{WRAPPER}} .ablocks-block--single-accordion__body-content:hover',
141	149	$this->get_content_hover_css( $attributes ),
142	150	$this->get_content_hover_css( $attributes, 'Tablet' ),
143		- $this->get_content_hover_css( $attributes, 'Mobile' )
	151	+ $this->get_content_hover_css( $attributes, 'Mobile' ),
	152	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_hover_css( $attributes, $device ); } )
144	153	);
145	154	return $css_generator->generate_css();
146	155	}
147	156	public function build_css_v2( $attributes ) {
		@@ -150,39 +159,45 @@
150	159	$css_generator->add_class_styles(
151	160	'{{WRAPPER}} .ablocks-block--single-accordion',
152	161	$this->get_item_css( $attributes ),
153	162	$this->get_item_css( $attributes, 'Tablet' ),
154		- $this->get_item_css( $attributes, 'Mobile' )
	163	+ $this->get_item_css( $attributes, 'Mobile' ),
	164	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_item_css( $attributes, $device ); } )
155	165	);
156	166	$css_generator->add_class_styles(
157	167	'{{WRAPPER}} .ablocks-block--single-accordion:hover',
158	168	$this->get_item_hover_css( $attributes ),
159	169	$this->get_item_hover_css( $attributes, 'Tablet' ),
160		- $this->get_item_hover_css( $attributes, 'Mobile' )
	170	+ $this->get_item_hover_css( $attributes, 'Mobile' ),
	171	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_item_hover_css( $attributes, $device ); } )
161	172	);
162	173	$css_generator->add_class_styles(
163	174	'{{WRAPPER}} .ablocks-block--single-accordion__heading .ablocks-block-accordion-title',
164	175	$this->get_title_css( $attributes ),
165	176	$this->get_title_css( $attributes, 'Tablet' ),
166		- $this->get_title_css( $attributes, 'Mobile' )
	177	+ $this->get_title_css( $attributes, 'Mobile' ),
	178	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_css( $attributes, $device ); } )
167	179	);
168	180	$css_generator->add_class_styles(
169	181	'{{WRAPPER}} .ablocks-block--single-accordion__heading:hover .ablocks-block-accordion-title',
170	182	$this->get_title_hover_css( $attributes ),
171	183	$this->get_title_hover_css( $attributes, 'Tablet' ),
172		- $this->get_title_hover_css( $attributes, 'Mobile' )
	184	+ $this->get_title_hover_css( $attributes, 'Mobile' ),
	185	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_hover_css( $attributes, $device ); } )
173	186	);
174	187	$css_generator->add_class_styles(
175	188	'{{WRAPPER}} .ablocks-block--single-accordion-is-selected .ablocks-block-accordion-title',
176	189	$this->get_title_active_css( $attributes ),
177	190	$this->get_title_active_css( $attributes, 'Tablet' ),
178		- $this->get_title_active_css( $attributes, 'Mobile' )
	191	+ $this->get_title_active_css( $attributes, 'Mobile' ),
	192	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_title_active_css( $attributes, $device ); } )
179	193	);
180	194	$css_generator->add_class_styles(
181	195	'{{WRAPPER}} .ablocks-block--single-accordion__heading',
182	196	$this->get_panel_css( $attributes ),
183	197	$this->get_panel_css( $attributes, 'Tablet' ),
184		- $this->get_panel_css( $attributes, 'Mobile' )
	198	+ $this->get_panel_css( $attributes, 'Mobile' ),
	199	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_css( $attributes, $device ); } )
185	200	);
186	201	$css_generator->add_class_styles(
187	202	'{{WRAPPER}} .ablocks-block--single-accordion__heading:hover',
188	203	$this->get_panel_hover_css( $attributes ),
		@@ -187,14 +202,16 @@
187	202	'{{WRAPPER}} .ablocks-block--single-accordion__heading:hover',
188	203	$this->get_panel_hover_css( $attributes ),
189	204	$this->get_panel_hover_css( $attributes, 'Tablet' ),
190	205	$this->get_panel_hover_css( $attributes, 'Mobile' ),
	206	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_hover_css( $attributes, $device ); } )
191	207	);
192	208	$css_generator->add_class_styles(
193	209	'{{WRAPPER}} .ablocks-block--single-accordion-is-selected .ablocks-block--single-accordion__heading',
194	210	$this->get_panel_active_css( $attributes ),
195	211	$this->get_panel_active_css( $attributes, 'Tablet' ),
196		- $this->get_panel_active_css( $attributes, 'Mobile' )
	212	+ $this->get_panel_active_css( $attributes, 'Mobile' ),
	213	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_panel_active_css( $attributes, $device ); } )
197	214	);
198	215	$css_generator->add_class_styles(
199	216	'{{WRAPPER}} .ablocks-block--single-accordion__heading svg.ablocks-svg-icon',
200	217	$this->get_icon_css( $attributes )
		@@ -210,15 +227,17 @@
210	227	$css_generator->add_class_styles(
211	228	'{{WRAPPER}} .ablocks-block--single-accordion__body-content',
212	229	$this->get_content_css( $attributes ),
213	230	$this->get_content_css( $attributes, 'Tablet' ),
214		- $this->get_content_css( $attributes, 'Mobile' )
	231	+ $this->get_content_css( $attributes, 'Mobile' ),
	232	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_css( $attributes, $device ); } )
215	233	);
216	234	$css_generator->add_class_styles(
217	235	'{{WRAPPER}} .ablocks-block--single-accordion__body-content:hover',
218	236	$this->get_content_hover_css( $attributes ),
219	237	$this->get_content_hover_css( $attributes, 'Tablet' ),
220		- $this->get_content_hover_css( $attributes, 'Mobile' )
	238	+ $this->get_content_hover_css( $attributes, 'Mobile' ),
	239	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_hover_css( $attributes, $device ); } )
221	240	);
222	241	return $css_generator->generate_css();
223	242	}
224	243	public function build_css( $attributes ) {