← All changes | includes/blocks/table-of-content/block.php +30 -15 2.8.1 → 2.14.0 View file →

		@@ -28,33 +28,38 @@
28	28	$css_generator->add_class_styles(
29	29	'{{WRAPPER}} .ablocks-toc__header-title',
30	30	$this->get_toc_title_css( $attributes ),
31	31	$this->get_toc_title_css( $attributes, 'Tablet' ),
32		- $this->get_toc_title_css( $attributes, 'Mobile' )
	32	+ $this->get_toc_title_css( $attributes, 'Mobile' ),
	33	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_title_css( $attributes, $device ); } )
33	34	);
34	35	$css_generator->add_class_styles(
35	36	'{{WRAPPER}} .ablocks-toc__header',
36	37	$this->get_toc_header_css( $attributes ),
37	38	$this->get_toc_header_css( $attributes, 'Tablet' ),
38		- $this->get_toc_header_css( $attributes, 'Mobile' )
	39	+ $this->get_toc_header_css( $attributes, 'Mobile' ),
	40	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_css( $attributes, $device ); } )
39	41	);
40	42	$css_generator->add_class_styles(
41	43	'{{WRAPPER}} .ablocks-toc-body',
42	44	$this->get_toc_body_css( $attributes ),
43	45	$this->get_toc_body_css( $attributes, 'Tablet' ),
44		- $this->get_toc_body_css( $attributes, 'Mobile' )
	46	+ $this->get_toc_body_css( $attributes, 'Mobile' ),
	47	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_body_css( $attributes, $device ); } )
45	48	);
46	49	$css_generator->add_class_styles(
47	50	'{{WRAPPER}} .ablocks-toc__header-toggle-icon .ablocks-toc__show',
48	51	$this->get_toc_header_icon_css( $attributes ),
49	52	$this->get_toc_header_icon_css( $attributes, 'Tablet' ),
50		- $this->get_toc_header_icon_css( $attributes, 'Mobile' )
	53	+ $this->get_toc_header_icon_css( $attributes, 'Mobile' ),
	54	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_icon_css( $attributes, $device ); } )
51	55	);
52	56	$css_generator->add_class_styles(
53	57	'{{WRAPPER}} .ablocks-toc__header-toggle-icon .ablocks-toc__show:hover',
54	58	$this->get_toc_header_icon_hover_css( $attributes ),
55	59	$this->get_toc_header_icon_hover_css( $attributes, 'Tablet' ),
56		- $this->get_toc_header_icon_hover_css( $attributes, 'Mobile' )
	60	+ $this->get_toc_header_icon_hover_css( $attributes, 'Mobile' ),
	61	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_icon_hover_css( $attributes, $device ); } )
57	62	);
58	63	$css_generator->add_class_styles(
59	64	'{{WRAPPER}} .ablocks-block-container .ablocks-toc-list,
60	65	{{WRAPPER}} .ablocks-block-container .ablocks-toc-list li a',
		@@ -59,9 +64,10 @@
59	64	'{{WRAPPER}} .ablocks-block-container .ablocks-toc-list,
60	65	{{WRAPPER}} .ablocks-block-container .ablocks-toc-list li a',
61	66	$this->get_list_item_css( $attributes ),
62	67	$this->get_list_item_css( $attributes, 'Tablet' ),
63		- $this->get_list_item_css( $attributes, 'Mobile' )
	68	+ $this->get_list_item_css( $attributes, 'Mobile' ),
	69	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_item_css( $attributes, $device ); } )
64	70	);
65	71
66	72	return $css_generator->generate_css();
67	73	}
		@@ -71,39 +77,45 @@
71	77	$css_generator->add_class_styles(
72	78	'{{WRAPPER}} .ablocks-toc__header-title',
73	79	$this->get_toc_title_css( $attributes ),
74	80	$this->get_toc_title_css( $attributes, 'Tablet' ),
75		- $this->get_toc_title_css( $attributes, 'Mobile' )
	81	+ $this->get_toc_title_css( $attributes, 'Mobile' ),
	82	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_title_css( $attributes, $device ); } )
76	83	);
77	84	$css_generator->add_class_styles(
78	85	'{{WRAPPER}} .ablocks-toc__header',
79	86	$this->get_toc_header_css( $attributes ),
80	87	$this->get_toc_header_css( $attributes, 'Tablet' ),
81		- $this->get_toc_header_css( $attributes, 'Mobile' )
	88	+ $this->get_toc_header_css( $attributes, 'Mobile' ),
	89	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_css( $attributes, $device ); } )
82	90	);
83	91	$css_generator->add_class_styles(
84	92	'{{WRAPPER}} .ablocks-toc-body',
85	93	$this->get_toc_body_css( $attributes ),
86	94	$this->get_toc_body_css( $attributes, 'Tablet' ),
87		- $this->get_toc_body_css( $attributes, 'Mobile' )
	95	+ $this->get_toc_body_css( $attributes, 'Mobile' ),
	96	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_body_css( $attributes, $device ); } )
88	97	);
89	98	$css_generator->add_class_styles(
90	99	'{{WRAPPER}} .ablocks-toc__header-toggle-icon .ablocks-toc__show',
91	100	$this->get_toc_header_icon_css( $attributes ),
92	101	$this->get_toc_header_icon_css( $attributes, 'Tablet' ),
93		- $this->get_toc_header_icon_css( $attributes, 'Mobile' )
	102	+ $this->get_toc_header_icon_css( $attributes, 'Mobile' ),
	103	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_icon_css( $attributes, $device ); } )
94	104	);
95	105	$css_generator->add_class_styles(
96	106	'{{WRAPPER}} .ablocks-toc__header-toggle-icon .ablocks-toc__show:hover',
97	107	$this->get_toc_header_icon_hover_css( $attributes ),
98	108	$this->get_toc_header_icon_hover_css( $attributes, 'Tablet' ),
99		- $this->get_toc_header_icon_hover_css( $attributes, 'Mobile' )
	109	+ $this->get_toc_header_icon_hover_css( $attributes, 'Mobile' ),
	110	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toc_header_icon_hover_css( $attributes, $device ); } )
100	111	);
101	112	$css_generator->add_class_styles(
102	113	'{{WRAPPER}} .ablocks-toc-body .ablocks-toc-list',
103	114	$this->get_marker_list_style_css( $attributes ),
104	115	$this->get_marker_list_style_css( $attributes, 'Tablet' ),
105		- $this->get_marker_list_style_css( $attributes, 'Mobile' )
	116	+ $this->get_marker_list_style_css( $attributes, 'Mobile' ),
	117	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_marker_list_style_css( $attributes, $device ); } )
106	118	);
107	119	$css_generator->add_class_styles(
108	120	'{{WRAPPER}} .ablocks-toc-list,
109	121	{{WRAPPER}} .ablocks-toc-list li a',
		@@ -108,21 +120,24 @@
108	120	'{{WRAPPER}} .ablocks-toc-list,
109	121	{{WRAPPER}} .ablocks-toc-list li a',
110	122	$this->get_list_item_css( $attributes ),
111	123	$this->get_list_item_css( $attributes, 'Tablet' ),
112		- $this->get_list_item_css( $attributes, 'Mobile' )
	124	+ $this->get_list_item_css( $attributes, 'Mobile' ),
	125	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_item_css( $attributes, $device ); } )
113	126	);
114	127	$css_generator->add_class_styles(
115	128	'{{WRAPPER}} .ablocks-toc-body .ablocks-toc-list li a',
116	129	$this->get_list_item_gap_css( $attributes ),
117	130	$this->get_list_item_gap_css( $attributes, 'Tablet' ),
118		- $this->get_list_item_gap_css( $attributes, 'Mobile' )
	131	+ $this->get_list_item_gap_css( $attributes, 'Mobile' ),
	132	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_item_gap_css( $attributes, $device ); } )
119	133	);
120	134	$css_generator->add_class_styles(
121	135	'{{WRAPPER}} a.ablocks-toc-item-link.active',
122	136	$this->get_active_list_item_css( $attributes ),
123	137	$this->get_active_list_item_css( $attributes, 'Tablet' ),
124		- $this->get_active_list_item_css( $attributes, 'Mobile' )
	138	+ $this->get_active_list_item_css( $attributes, 'Mobile' ),
	139	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_active_list_item_css( $attributes, $device ); } )
125	140	);
126	141
127	142	return $css_generator->generate_css();
128	143	}