← All changes | includes/blocks/container/block.php +25 -9 2.13.1 → 2.14.0 View file →

		@@ -28,9 +28,10 @@
28	28	$css_generator->add_class_styles(
29	29	'{{WRAPPER}}.ablocks-block--container',
30	30	$this->get_main_wrapper_css( $attributes ),
31	31	$this->get_main_wrapper_css( $attributes, 'Tablet' ),
32		- $this->get_main_wrapper_css( $attributes, 'Mobile' )
	32	+ $this->get_main_wrapper_css( $attributes, 'Mobile' ),
	33	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_main_wrapper_css( $attributes, $device ); } )
33	34	);
34	35
35	36	$css_generator->add_class_styles(
36	37	'{{WRAPPER}}.ablocks-block--container-has-link-overlay',
		@@ -48,9 +49,10 @@
48	49	$css_generator->add_class_styles(
49	50	'{{WRAPPER}} > .ablocks-block-container',
50	51	$this->get_block_container_css( $attributes ),
51	52	$this->get_block_container_css( $attributes, 'Tablet' ),
52		- $this->get_block_container_css( $attributes, 'Mobile' )
	53	+ $this->get_block_container_css( $attributes, 'Mobile' ),
	54	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_block_container_css( $attributes, $device ); } )
53	55	);
54	56
55	57	$css_generator->add_class_styles(
56	58	'{{WRAPPER}} > .ablocks-block-container',
		@@ -55,15 +57,17 @@
55	57	$css_generator->add_class_styles(
56	58	'{{WRAPPER}} > .ablocks-block-container',
57	59	$this->get_inner_blocks_closest_parent_css( $attributes ),
58	60	$this->get_inner_blocks_closest_parent_css( $attributes, 'Tablet' ),
59		- $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' )
	61	+ $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' ),
	62	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_blocks_closest_parent_css( $attributes, $device ); } )
60	63	);
61	64	$css_generator->add_class_styles(
62	65	'{{WRAPPER}} > .ablocks-block-container > *:not(style,.ablocks-block--container)',
63	66	$this->get_container_inner_blocks_row_column_display_css( $attributes ),
64	67	$this->get_container_inner_blocks_row_column_display_css( $attributes, 'Tablet' ),
65		- $this->get_container_inner_blocks_row_column_display_css( $attributes, 'Mobile' )
	68	+ $this->get_container_inner_blocks_row_column_display_css( $attributes, 'Mobile' ),
	69	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_container_inner_blocks_row_column_display_css( $attributes, $device ); } )
66	70	);
67	71
68	72	$css_generator->add_class_styles(
69	73	'{{WRAPPER}}::before',
		@@ -113,8 +117,9 @@
113	117	body:not(.ablocks-is-fse-theme) {{WRAPPER}}.ablocks-block--container--is-root',
114	118	$this->reset_static_css( $attributes ),
115	119	$this->reset_static_css( $attributes, 'Tablet' ),
116	120	$this->reset_static_css( $attributes, 'Mobile' ),
	121	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->reset_static_css( $attributes, $device ); } )
117	122	);
118	123	}
119	124	$css_generator->add_class_styles(
120	125	'{{WRAPPER}}.ablocks-block--container',
		@@ -119,9 +124,10 @@
119	124	$css_generator->add_class_styles(
120	125	'{{WRAPPER}}.ablocks-block--container',
121	126	$this->get_main_wrapper_css( $attributes ),
122	127	$this->get_main_wrapper_css( $attributes, 'Tablet' ),
123		- $this->get_main_wrapper_css( $attributes, 'Mobile' )
	128	+ $this->get_main_wrapper_css( $attributes, 'Mobile' ),
	129	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_main_wrapper_css( $attributes, $device ); } )
124	130	);
125	131
126	132	$css_generator->add_class_styles(
127	133	'{{WRAPPER}}.ablocks-block--container-has-link-overlay',
		@@ -140,9 +146,10 @@
140	146	$css_generator->add_class_styles(
141	147	$attributes['isRootContainer'] ? '{{WRAPPER}} > .ablocks-block-container' : '{{WRAPPER}}',
142	148	$this->get_block_container_css( $attributes ),
143	149	$this->get_block_container_css( $attributes, 'Tablet' ),
144		- $this->get_block_container_css( $attributes, 'Mobile' )
	150	+ $this->get_block_container_css( $attributes, 'Mobile' ),
	151	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_block_container_css( $attributes, $device ); } )
145	152	);
146	153
147	154	$css_generator->add_class_styles(
148	155	$attributes['isRootContainer'] ? '{{WRAPPER}} > .ablocks-block-container' : '{{WRAPPER}}',
		@@ -147,15 +154,17 @@
147	154	$css_generator->add_class_styles(
148	155	$attributes['isRootContainer'] ? '{{WRAPPER}} > .ablocks-block-container' : '{{WRAPPER}}',
149	156	$this->get_inner_blocks_closest_parent_css( $attributes ),
150	157	$this->get_inner_blocks_closest_parent_css( $attributes, 'Tablet' ),
151		- $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' )
	158	+ $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' ),
	159	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_blocks_closest_parent_css( $attributes, $device ); } )
152	160	);
153	161	$css_generator->add_class_styles(
154	162	'{{WRAPPER}}.ablocks-has-block-container > .ablocks-block-container',
155	163	$this->get_inner_blocks_closest_parent_css( $attributes ),
156	164	$this->get_inner_blocks_closest_parent_css( $attributes, 'Tablet' ),
157		- $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' )
	165	+ $this->get_inner_blocks_closest_parent_css( $attributes, 'Mobile' ),
	166	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_inner_blocks_closest_parent_css( $attributes, $device ); } )
158	167	);
159	168
160	169	$css_generator->add_class_styles(
161	170	$attributes['isRootContainer'] ? '{{WRAPPER}} > .ablocks-block-container > *:not(style,.ablocks-block--container)' : '{{WRAPPER}}',
		@@ -160,9 +169,10 @@
160	169	$css_generator->add_class_styles(
161	170	$attributes['isRootContainer'] ? '{{WRAPPER}} > .ablocks-block-container > *:not(style,.ablocks-block--container)' : '{{WRAPPER}}',
162	171	$this->get_container_inner_blocks_row_column_display_css_2( $attributes ),
163	172	$this->get_container_inner_blocks_row_column_display_css_2( $attributes, 'Tablet' ),
164		- $this->get_container_inner_blocks_row_column_display_css_2( $attributes, 'Mobile' )
	173	+ $this->get_container_inner_blocks_row_column_display_css_2( $attributes, 'Mobile' ),
	174	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_container_inner_blocks_row_column_display_css_2( $attributes, $device ); } )
165	175	);
166	176
167	177	$css_generator->add_class_styles(
168	178	'{{WRAPPER}}::before',
		@@ -168,8 +178,9 @@
168	178	'{{WRAPPER}}::before',
169	179	$this->get_container_before_css( $attributes ),
170	180	$this->get_container_before_css( $attributes, 'Tablet' ),
171	181	$this->get_container_before_css( $attributes, 'Mobile' ),
	182	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_container_before_css( $attributes, $device ); } )
172	183	);
173	184	$css_generator->add_class_styles(
174	185	'{{WRAPPER}}:hover::before',
175	186	$this->get_container_before_hover_css( $attributes ),
		@@ -174,8 +185,9 @@
174	185	'{{WRAPPER}}:hover::before',
175	186	$this->get_container_before_hover_css( $attributes ),
176	187	$this->get_container_before_hover_css( $attributes, 'Tablet' ),
177	188	$this->get_container_before_hover_css( $attributes, 'Mobile' ),
	189	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_container_before_hover_css( $attributes, $device ); } )
178	190	);
179	191	$css_generator->add_class_styles(
180	192	'{{WRAPPER}} .ablocks-container-shape-top > svg',
181	193	$this->getContainerShapeTopSvgCSS( $attributes ),
		@@ -180,8 +192,9 @@
180	192	'{{WRAPPER}} .ablocks-container-shape-top > svg',
181	193	$this->getContainerShapeTopSvgCSS( $attributes ),
182	194	$this->getContainerShapeTopSvgCSS( $attributes, 'Tablet' ),
183	195	$this->getContainerShapeTopSvgCSS( $attributes, 'Mobile' ),
	196	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->getContainerShapeTopSvgCSS( $attributes, $device ); } )
184	197	);
185	198	$css_generator->add_class_styles(
186	199	'{{WRAPPER}} .ablocks-container-shape-bottom > svg',
187	200	$this->getContainerShapeBottomSvgCSS( $attributes ),
		@@ -186,8 +199,9 @@
186	199	'{{WRAPPER}} .ablocks-container-shape-bottom > svg',
187	200	$this->getContainerShapeBottomSvgCSS( $attributes ),
188	201	$this->getContainerShapeBottomSvgCSS( $attributes, 'Tablet' ),
189	202	$this->getContainerShapeBottomSvgCSS( $attributes, 'Mobile' ),
	203	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->getContainerShapeBottomSvgCSS( $attributes, $device ); } )
190	204	);
191	205
192	206	$css_generator->add_class_styles(
193	207	'{{WRAPPER}} .ablocks-container-shape-top',
		@@ -193,8 +207,9 @@
193	207	'{{WRAPPER}} .ablocks-container-shape-top',
194	208	$this->getContainerShapeTopCSS( $attributes ),
195	209	$this->getContainerShapeTopCSS( $attributes, 'Tablet' ),
196	210	$this->getContainerShapeTopCSS( $attributes, 'Mobile' ),
	211	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->getContainerShapeTopCSS( $attributes, $device ); } )
197	212	);
198	213	$css_generator->add_class_styles(
199	214	'{{WRAPPER}} .ablocks-container-shape-bottom',
200	215	$this->getContainerShapeBottomCSS( $attributes ),
		@@ -199,8 +214,9 @@
199	214	'{{WRAPPER}} .ablocks-container-shape-bottom',
200	215	$this->getContainerShapeBottomCSS( $attributes ),
201	216	$this->getContainerShapeBottomCSS( $attributes, 'Tablet' ),
202	217	$this->getContainerShapeBottomCSS( $attributes, 'Mobile' ),
	218	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->getContainerShapeBottomCSS( $attributes, $device ); } )
203	219	);
204	220
205	221	return $css_generator->generate_css();
206	222	}