← All changes | includes/blocks/breadcrumb/block.php +12 -6 2.10.0 → 2.14.0 View file →

		@@ -22,9 +22,10 @@
22	22	$css_generator->add_class_styles(
23	23	'{{WRAPPER}} .ablocks-breadcrumbs',
24	24	$this->get_wrapper_css( $attributes ),
25	25	$this->get_wrapper_css( $attributes, 'Tablet' ),
26		- $this->get_wrapper_css( $attributes, 'Mobile' )
	26	+ $this->get_wrapper_css( $attributes, 'Mobile' ),
	27	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } )
27	28	);
28	29
29	30	// Normal link color
30	31	$css_generator->add_class_styles(
		@@ -30,9 +31,10 @@
30	31	$css_generator->add_class_styles(
31	32	'{{WRAPPER}} div.ablocks-breadcrumbs span a',
32	33	$this->get_breadcrumb_normal_title_css( $attributes ),
33	34	$this->get_breadcrumb_normal_title_css( $attributes, 'Tablet' ),
34		- $this->get_breadcrumb_normal_title_css( $attributes, 'Mobile' )
	35	+ $this->get_breadcrumb_normal_title_css( $attributes, 'Mobile' ),
	36	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_normal_title_css( $attributes, $device ); } )
35	37	);
36	38
37	39	// Hover link color
38	40	$css_generator->add_class_styles(
		@@ -38,9 +40,10 @@
38	40	$css_generator->add_class_styles(
39	41	'{{WRAPPER}} div.ablocks-breadcrumbs span a:hover',
40	42	$this->get_breadcrumb_hover_title_css( $attributes ),
41	43	$this->get_breadcrumb_hover_title_css( $attributes, 'Tablet' ),
42		- $this->get_breadcrumb_hover_title_css( $attributes, 'Mobile' )
	44	+ $this->get_breadcrumb_hover_title_css( $attributes, 'Mobile' ),
	45	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_hover_title_css( $attributes, $device ); } )
43	46	);
44	47
45	48	// Title (typography + color + direction)
46	49	$css_generator->add_class_styles(
		@@ -46,9 +49,10 @@
46	49	$css_generator->add_class_styles(
47	50	'{{WRAPPER}} .ablocks-breadcrumbs__item',
48	51	$this->get_breadcrumb_title_css( $attributes ),
49	52	$this->get_breadcrumb_title_css( $attributes, 'Tablet' ),
50		- $this->get_breadcrumb_title_css( $attributes, 'Mobile' )
	53	+ $this->get_breadcrumb_title_css( $attributes, 'Mobile' ),
	54	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_title_css( $attributes, $device ); } )
51	55	);
52	56
53	57	// Separator (color + font-size)
54	58	$css_generator->add_class_styles(
		@@ -54,15 +58,17 @@
54	58	$css_generator->add_class_styles(
55	59	'{{WRAPPER}} .ablocks-breadcrumbs__separator',
56	60	$this->get_breadcrumb_separator_css( $attributes ),
57	61	$this->get_breadcrumb_separator_css( $attributes, 'Tablet' ),
58		- $this->get_breadcrumb_separator_css( $attributes, 'Mobile' )
	62	+ $this->get_breadcrumb_separator_css( $attributes, 'Mobile' ),
	63	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_separator_css( $attributes, $device ); } )
59	64	);
60	65	$css_generator->add_class_styles(
61	66	'{{WRAPPER}} .ablocks-breadcrumbs___before-image , {{WRAPPER}} .ablocks-breadcrumbs__before-text',
62	67	$this->get_breadcrumb_before_text_image_css( $attributes ),
63	68	$this->get_breadcrumb_before_text_image_css( $attributes, 'Tablet' ),
64		- $this->get_breadcrumb_before_text_image_css( $attributes, 'Mobile' )
	69	+ $this->get_breadcrumb_before_text_image_css( $attributes, 'Mobile' ),
	70	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_breadcrumb_before_text_image_css( $attributes, $device ); } )
65	71	);
66	72
67	73	return $css_generator->generate_css();
68	74