← All changes | includes/blocks/taxonomy-listing/block.php +42 -21 2.13.1 → 2.14.0 View file →

		@@ -29,9 +29,10 @@
29	29	$css_generator->add_class_styles(
30	30	'{{WRAPPER}}',
31	31	$wrapper_styles,
32	32	$this->get_wrapper_css( $attributes, 'Tablet' ),
33		- $this->get_wrapper_css( $attributes, 'Mobile' )
	33	+ $this->get_wrapper_css( $attributes, 'Mobile' ),
	34	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } )
34	35	);
35	36
36	37	$card_styles = $this->get_card_css( $attributes );
37	38	$css_generator->add_class_styles(
		@@ -37,9 +38,10 @@
37	38	$css_generator->add_class_styles(
38	39	'{{WRAPPER}} .ablocks-taxonomy-listing-item',
39	40	$card_styles,
40	41	$this->get_card_css( $attributes, 'Tablet' ),
41		- $this->get_card_css( $attributes, 'Mobile' )
	42	+ $this->get_card_css( $attributes, 'Mobile' ),
	43	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_card_css( $attributes, $device ); } )
42	44	);
43	45
44	46	$card_hover_styles = $this->get_card_hover_css( $attributes );
45	47	$css_generator->add_class_styles(
		@@ -45,9 +47,10 @@
45	47	$css_generator->add_class_styles(
46	48	'{{WRAPPER}} .ablocks-taxonomy-listing-item:hover',
47	49	$card_hover_styles,
48	50	$this->get_card_hover_css( $attributes, 'Tablet' ),
49		- $this->get_card_hover_css( $attributes, 'Mobile' )
	51	+ $this->get_card_hover_css( $attributes, 'Mobile' ),
	52	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_card_hover_css( $attributes, $device ); } )
50	53	);
51	54
52	55	$card_padding_styles = $this->get_card_padding_css( $attributes );
53	56	$css_generator->add_class_styles(
		@@ -53,9 +56,10 @@
53	56	$css_generator->add_class_styles(
54	57	'{{WRAPPER}} .ablocks-taxonomy-listing-item_content',
55	58	$card_padding_styles,
56	59	$this->get_card_padding_css( $attributes, 'Tablet' ),
57		- $this->get_card_padding_css( $attributes, 'Mobile' )
	60	+ $this->get_card_padding_css( $attributes, 'Mobile' ),
	61	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_card_padding_css( $attributes, $device ); } )
58	62	);
59	63
60	64	$taxonomy_title_styles = $this->get_taxonomy_title_css( $attributes );
61	65	$css_generator->add_class_styles(
		@@ -61,9 +65,10 @@
61	65	$css_generator->add_class_styles(
62	66	'{{WRAPPER}} .ablocks-taxonomy-title',
63	67	$taxonomy_title_styles,
64	68	$this->get_taxonomy_title_css( $attributes, 'Tablet' ),
65		- $this->get_taxonomy_title_css( $attributes, 'Mobile' )
	69	+ $this->get_taxonomy_title_css( $attributes, 'Mobile' ),
	70	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_taxonomy_title_css( $attributes, $device ); } )
66	71	);
67	72	$taxonomy_title_hover_styles = $this->get_taxonomy_hover_title_css( $attributes );
68	73	$css_generator->add_class_styles(
69	74	'{{WRAPPER}} .ablocks-taxonomy-title:hover',
		@@ -68,9 +73,10 @@
68	73	$css_generator->add_class_styles(
69	74	'{{WRAPPER}} .ablocks-taxonomy-title:hover',
70	75	$taxonomy_title_hover_styles,
71	76	$this->get_taxonomy_hover_title_css( $attributes, 'Tablet' ),
72		- $this->get_taxonomy_hover_title_css( $attributes, 'Mobile' )
	77	+ $this->get_taxonomy_hover_title_css( $attributes, 'Mobile' ),
	78	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_taxonomy_hover_title_css( $attributes, $device ); } )
73	79	);
74	80	// Icon style
75	81	$icons_style = $this->get_icons( $attributes );
76	82	$css_generator->add_class_styles(
		@@ -76,9 +82,10 @@
76	82	$css_generator->add_class_styles(
77	83	'{{WRAPPER}} .ablocks-taxonomy-icon',
78	84	$icons_style,
79	85	$this->get_icons( $attributes, 'Tablet' ),
80		- $this->get_icons( $attributes, 'Mobile' )
	86	+ $this->get_icons( $attributes, 'Mobile' ),
	87	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_icons( $attributes, $device ); } )
81	88	);
82	89	// Icon style
83	90	$icons_svg_style = $this->get_icons_svg( $attributes );
84	91	$css_generator->add_class_styles(
		@@ -84,9 +91,10 @@
84	91	$css_generator->add_class_styles(
85	92	'{{WRAPPER}} .ablocks-taxonomy-icon svg',
86	93	$icons_svg_style,
87	94	$this->get_icons_svg( $attributes, 'Tablet' ),
88		- $this->get_icons_svg( $attributes, 'Mobile' )
	95	+ $this->get_icons_svg( $attributes, 'Mobile' ),
	96	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_icons_svg( $attributes, $device ); } )
89	97	);
90	98	// Icon style
91	99	$icon_svg_path_style = $this->get_icon_svg_path( $attributes );
92	100	$css_generator->add_class_styles(
		@@ -92,9 +100,10 @@
92	100	$css_generator->add_class_styles(
93	101	'{{WRAPPER}} .ablocks-taxonomy-icon svg path',
94	102	$icon_svg_path_style,
95	103	$this->get_icon_svg_path( $attributes, 'Tablet' ),
96		- $this->get_icon_svg_path( $attributes, 'Mobile' )
	104	+ $this->get_icon_svg_path( $attributes, 'Mobile' ),
	105	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_icon_svg_path( $attributes, $device ); } )
97	106	);
98	107	// Post Title Start
99	108	$post_title_styles = $this->get_post_title_css( $attributes );
100	109	$css_generator->add_class_styles(
		@@ -100,9 +109,10 @@
100	109	$css_generator->add_class_styles(
101	110	'{{WRAPPER}} .ablocks-taxonomy-posts a',
102	111	$post_title_styles,
103	112	$this->get_post_title_css( $attributes, 'Tablet' ),
104		- $this->get_post_title_css( $attributes, 'Mobile' )
	113	+ $this->get_post_title_css( $attributes, 'Mobile' ),
	114	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_post_title_css( $attributes, $device ); } )
105	115	);
106	116
107	117	$post_hover_styles = $this->get_post_hover_title_css( $attributes );
108	118	$css_generator->add_class_styles(
		@@ -108,9 +118,10 @@
108	118	$css_generator->add_class_styles(
109	119	'{{WRAPPER}} .ablocks-taxonomy-posts a:hover',
110	120	$post_hover_styles,
111	121	$this->get_post_hover_title_css( $attributes, 'Tablet' ),
112		- $this->get_post_hover_title_css( $attributes, 'Mobile' )
	122	+ $this->get_post_hover_title_css( $attributes, 'Mobile' ),
	123	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_post_hover_title_css( $attributes, $device ); } )
113	124	);
114	125	$post_active_styles = $this->get_post_active_title_css( $attributes );
115	126	$css_generator->add_class_styles(
116	127	'{{WRAPPER}} .ablocks-taxonomy-posts a.active-post-link',
		@@ -115,9 +126,10 @@
115	126	$css_generator->add_class_styles(
116	127	'{{WRAPPER}} .ablocks-taxonomy-posts a.active-post-link',
117	128	$post_active_styles,
118	129	$this->get_post_active_title_css( $attributes, 'Tablet' ),
119		- $this->get_post_active_title_css( $attributes, 'Mobile' )
	130	+ $this->get_post_active_title_css( $attributes, 'Mobile' ),
	131	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_post_active_title_css( $attributes, $device ); } )
120	132	);
121	133	// Post Title End
122	134
123	135	$post_count_styles = $this->get_post_title_count_css( $attributes );
		@@ -124,9 +136,10 @@
124	136	$css_generator->add_class_styles(
125	137	'{{WRAPPER}} .ablocks-taxonomy-title__post-count',
126	138	$post_count_styles,
127	139	$this->get_post_title_count_css( $attributes, 'Tablet' ),
128		- $this->get_post_title_count_css( $attributes, 'Mobile' )
	140	+ $this->get_post_title_count_css( $attributes, 'Mobile' ),
	141	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_post_title_count_css( $attributes, $device ); } )
129	142	);
130	143
131	144	$post_count_hover_styles = $this->get_post_title_hover_count_css( $attributes );
132	145	$css_generator->add_class_styles(
		@@ -132,9 +145,10 @@
132	145	$css_generator->add_class_styles(
133	146	'{{WRAPPER}} .ablocks-taxonomy-title__post-count:hover',
134	147	$post_count_hover_styles,
135	148	$this->get_post_title_hover_count_css( $attributes, 'Tablet' ),
136		- $this->get_post_title_hover_count_css( $attributes, 'Mobile' )
	149	+ $this->get_post_title_hover_count_css( $attributes, 'Mobile' ),
	150	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_post_title_hover_count_css( $attributes, $device ); } )
137	151	);
138	152
139	153	$button_styles = $this->get_button_css( $attributes );
140	154	$css_generator->add_class_styles(
		@@ -140,9 +154,10 @@
140	154	$css_generator->add_class_styles(
141	155	'{{WRAPPER}} .ablocks-reload-button',
142	156	$button_styles,
143	157	$this->get_button_css( $attributes, 'Tablet' ),
144		- $this->get_button_css( $attributes, 'Mobile' )
	158	+ $this->get_button_css( $attributes, 'Mobile' ),
	159	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_css( $attributes, $device ); } )
145	160	);
146	161
147	162	$button_hover_styles = $this->get_button_hover_css( $attributes );
148	163	$css_generator->add_class_styles(
		@@ -148,9 +163,10 @@
148	163	$css_generator->add_class_styles(
149	164	'{{WRAPPER}} .ablocks-reload-button:hover',
150	165	$button_hover_styles,
151	166	$this->get_button_hover_css( $attributes, 'Tablet' ),
152		- $this->get_button_hover_css( $attributes, 'Mobile' )
	167	+ $this->get_button_hover_css( $attributes, 'Mobile' ),
	168	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_hover_css( $attributes, $device ); } )
153	169	);
154	170	// Icon Style
155	171
156	172	$css_generator->add_class_styles(
		@@ -156,9 +172,10 @@
156	172	$css_generator->add_class_styles(
157	173	'{{WRAPPER}} .ablocks-icon-wrap',
158	174	Icon::get_wrapper_css( $attributes ),
159	175	Icon::get_wrapper_css( $attributes, 'Tablet' ),
160		- Icon::get_wrapper_css( $attributes, 'Mobile' )
	176	+ Icon::get_wrapper_css( $attributes, 'Mobile' ),
	177	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_css( $attributes, $device ); } )
161	178	);
162	179
163	180	$css_generator->add_class_styles(
164	181	'{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon',
		@@ -163,9 +180,10 @@
163	180	$css_generator->add_class_styles(
164	181	'{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon',
165	182	Icon::get_element_image_css( $attributes ),
166	183	Icon::get_element_image_css( $attributes, 'Tablet' ),
167		- Icon::get_element_image_css( $attributes, 'Mobile' )
	184	+ Icon::get_element_image_css( $attributes, 'Mobile' ),
	185	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_css( $attributes, $device ); } )
168	186	);
169	187	$css_generator->add_class_styles(
170	188	'{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon:hover',
171	189	Icon::get_element_image_hover_css( $attributes ),
		@@ -175,15 +193,17 @@
175	193	$css_generator->add_class_styles(
176	194	'{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon',
177	195	Icon::get_element_css( $attributes ),
178	196	Icon::get_element_css( $attributes, 'Tablet' ),
179		- Icon::get_element_css( $attributes, 'Mobile' )
	197	+ Icon::get_element_css( $attributes, 'Mobile' ),
	198	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_css( $attributes, $device ); } )
180	199	);
181	200	$css_generator->add_class_styles(
182	201	'{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon:hover',
183	202	Icon::get_element_image_hover_css( $attributes ),
184	203	Icon::get_element_image_hover_css( $attributes, 'Tablet' ),
185		- Icon::get_element_image_hover_css( $attributes, 'Mobile' )
	204	+ Icon::get_element_image_hover_css( $attributes, 'Mobile' ),
	205	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_hover_css( $attributes, $device ); } )
186	206	);
187	207	// Layout grid
188	208
189	209	if ( $attributes['taxonomyLayout'] === 'flex' ) {
		@@ -191,9 +211,10 @@
191	211	$css_generator->add_class_styles(
192	212	'{{WRAPPER}} .ablocks-taxonomy-listing_flex',
193	213	$main_wrapper_css,
194	214	$this->get_card_wrapper( $attributes, 'Tablet' ),
195		- $this->get_card_wrapper( $attributes, 'Mobile' )
	215	+ $this->get_card_wrapper( $attributes, 'Mobile' ),
	216	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_card_wrapper( $attributes, $device ); } )
196	217	);
197	218	}
198	219
199	220	return $css_generator->generate_css();