← All changes | includes/blocks/lists/block.php +9 -0 2.8.1 → 2.14.0 View file →

		@@ -89,8 +89,9 @@
89	89	'{{WRAPPER}}',
90	90	$this->get_wrapper_css( $attributes, '' ),
91	91	$this->get_wrapper_css( $attributes, 'Tablet' ),
92	92	$this->get_wrapper_css( $attributes, 'Mobile' ),
	93	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } )
93	94	);
94	95	// List CSS
95	96	$css_generator->add_class_styles(
96	97	'{{WRAPPER}} .ablocks-list',
		@@ -96,8 +97,9 @@
96	97	'{{WRAPPER}} .ablocks-list',
97	98	$this->get_list_css( $attributes, '' ),
98	99	$this->get_list_css( $attributes, 'Tablet' ),
99	100	$this->get_list_css( $attributes, 'Mobile' ),
	101	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_css( $attributes, $device ); } )
100	102	);
101	103	// List Wrapper CSS
102	104	$css_generator->add_class_styles(
103	105	'{{WRAPPER}} .ablocks-list__item-content',
		@@ -103,8 +105,9 @@
103	105	'{{WRAPPER}} .ablocks-list__item-content',
104	106	$this->get_list_wrapper_css( $attributes, '' ),
105	107	$this->get_list_wrapper_css( $attributes, 'Tablet' ),
106	108	$this->get_list_wrapper_css( $attributes, 'Mobile' ),
	109	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_wrapper_css( $attributes, $device ); } )
107	110	);
108	111
109	112	$css_generator->add_class_styles(
110	113	'{{WRAPPER}} .ablocks-list_item-content-divider',
		@@ -110,8 +113,9 @@
110	113	'{{WRAPPER}} .ablocks-list_item-content-divider',
111	114	$this->get_Divider_Wrapper_css( $attributes, '' ),
112	115	$this->get_Divider_Wrapper_css( $attributes, 'Tablet' ),
113	116	$this->get_Divider_Wrapper_css( $attributes, 'Mobile' ),
	117	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Divider_Wrapper_css( $attributes, $device ); } )
114	118	);
115	119	// Marker CSS
116	120	$css_generator->add_class_styles(
117	121	'{{WRAPPER}} .ablocks-list__item-content .ablocks-list__item-marker',
		@@ -117,8 +121,9 @@
117	121	'{{WRAPPER}} .ablocks-list__item-content .ablocks-list__item-marker',
118	122	$this->get_marker_css( $attributes, '' ),
119	123	$this->get_marker_css( $attributes, 'Tablet' ),
120	124	$this->get_marker_css( $attributes, 'Mobile' ),
	125	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_marker_css( $attributes, $device ); } )
121	126	);
122	127	// Icon CSS
123	128	$css_generator->add_class_styles(
124	129	'{{WRAPPER}} .ablocks-list__item-content .ablocks-svg-icon',
		@@ -124,8 +129,9 @@
124	129	'{{WRAPPER}} .ablocks-list__item-content .ablocks-svg-icon',
125	130	$this->get_icon_css( $attributes, '' ),
126	131	$this->get_icon_css( $attributes, 'Tablet' ),
127	132	$this->get_icon_css( $attributes, 'Mobile' ),
	133	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_icon_css( $attributes, $device ); } )
128	134	);
129	135	// Icon hover css
130	136	$css_generator->add_class_styles(
131	137	'{{WRAPPER}} .ablocks-list__item-content .ablocks-svg-icon:hover',
		@@ -131,8 +137,9 @@
131	137	'{{WRAPPER}} .ablocks-list__item-content .ablocks-svg-icon:hover',
132	138	$this->get_icon_hover_css( $attributes, '' ),
133	139	$this->get_icon_hover_css( $attributes, 'Tablet' ),
134	140	$this->get_icon_hover_css( $attributes, 'Mobile' ),
	141	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_icon_hover_css( $attributes, $device ); } )
135	142	);
136	143
137	144	// List text CSS
138	145	$css_generator->add_class_styles(
		@@ -139,8 +146,9 @@
139	146	'{{WRAPPER}} .ablocks-list__item-content .ablocks-list__item-text',
140	147	$this->get_list_text_css( $attributes ),
141	148	$this->get_list_text_css( $attributes, 'Tablet' ),
142	149	$this->get_list_text_css( $attributes, 'Mobile' ),
	150	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_text_css( $attributes, $device ); } )
143	151	);
144	152
145	153	return $css_generator->generate_css();
146	154	}
		@@ -293,8 +301,9 @@
293	301	$css['max-width'] = $marker_size . 'px';
294	302	$css['max-height'] = $marker_size . 'px';
295	303	$css['min-width'] = $marker_size . 'px';
296	304	$css['min-height'] = $marker_size . 'px';
	305	+ $css['margin-top'] = 'calc((1lh - ' . $marker_size . 'px) / 2)';
297	306	}
298	307
299	308	return $css;
300	309	}