← All changes | includes/blocks/notice/block.php +20 -8 2.9.0 → 2.14.0 View file →

		@@ -24,15 +24,17 @@
24	24	$css_generator->add_class_styles(
25	25	'{{WRAPPER}} .ablocks-notice-header',
26	26	$this->get_notice_header_css( $attributes ),
27	27	$this->get_notice_header_css( $attributes, 'Tablet' ),
28		- $this->get_notice_header_css( $attributes, 'Mobile' )
	28	+ $this->get_notice_header_css( $attributes, 'Mobile' ),
	29	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_notice_header_css( $attributes, $device ); } )
29	30	);
30	31	$css_generator->add_class_styles(
31	32	'{{WRAPPER}} .ablocks-notice-header .ablocks-notice-title',
32	33	$this->get_notice_header_title_css( $attributes ),
33	34	$this->get_notice_header_title_css( $attributes, 'Tablet' ),
34		- $this->get_notice_header_title_css( $attributes, 'Mobile' )
	35	+ $this->get_notice_header_title_css( $attributes, 'Mobile' ),
	36	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_notice_header_title_css( $attributes, $device ); } )
35	37	);
36	38
37	39	// Icon CSS
38	40	$css_generator->add_class_styles(
		@@ -38,15 +40,17 @@
38	40	$css_generator->add_class_styles(
39	41	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap',
40	42	Icon::get_wrapper_css( $attributes ),
41	43	Icon::get_wrapper_css( $attributes, 'Tablet' ),
42		- Icon::get_wrapper_css( $attributes, 'Mobile' )
	44	+ Icon::get_wrapper_css( $attributes, 'Mobile' ),
	45	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_css( $attributes, $device ); } )
43	46	);
44	47	$css_generator->add_class_styles(
45	48	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap:hover',
46	49	Icon::get_wrapper_hover_css( $attributes ),
47	50	Icon::get_wrapper_hover_css( $attributes, 'Tablet' ),
48		- Icon::get_wrapper_hover_css( $attributes, 'Mobile' )
	51	+ Icon::get_wrapper_hover_css( $attributes, 'Mobile' ),
	52	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_hover_css( $attributes, $device ); } )
49	53	);
50	54
51	55	$css_generator->add_class_styles(
52	56	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap img.ablocks-image-icon',
		@@ -81,15 +85,17 @@
81	85	$css_generator->add_class_styles(
82	86	'{{WRAPPER}} .ablocks-notice-header',
83	87	$this->get_notice_header_css( $attributes ),
84	88	$this->get_notice_header_css( $attributes, 'Tablet' ),
85		- $this->get_notice_header_css( $attributes, 'Mobile' )
	89	+ $this->get_notice_header_css( $attributes, 'Mobile' ),
	90	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_notice_header_css( $attributes, $device ); } )
86	91	);
87	92	$css_generator->add_class_styles(
88	93	'{{WRAPPER}} .ablocks-notice-header .ablocks-notice-title',
89	94	$this->get_notice_header_title_css( $attributes ),
90	95	$this->get_notice_header_title_css( $attributes, 'Tablet' ),
91		- $this->get_notice_header_title_css( $attributes, 'Mobile' )
	96	+ $this->get_notice_header_title_css( $attributes, 'Mobile' ),
	97	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_notice_header_title_css( $attributes, $device ); } )
92	98	);
93	99
94	100	// Icon CSS
95	101	$css_generator->add_class_styles(
		@@ -95,15 +101,17 @@
95	101	$css_generator->add_class_styles(
96	102	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap',
97	103	Icon::get_wrapper_css( $attributes ),
98	104	Icon::get_wrapper_css( $attributes, 'Tablet' ),
99		- Icon::get_wrapper_css( $attributes, 'Mobile' )
	105	+ Icon::get_wrapper_css( $attributes, 'Mobile' ),
	106	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_css( $attributes, $device ); } )
100	107	);
101	108	$css_generator->add_class_styles(
102	109	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap:hover',
103	110	Icon::get_wrapper_hover_css( $attributes ),
104	111	Icon::get_wrapper_hover_css( $attributes, 'Tablet' ),
105		- Icon::get_wrapper_hover_css( $attributes, 'Mobile' )
	112	+ Icon::get_wrapper_hover_css( $attributes, 'Mobile' ),
	113	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_hover_css( $attributes, $device ); } )
106	114	);
107	115
108	116	$css_generator->add_class_styles(
109	117	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap img.ablocks-image-icon',
		@@ -109,8 +117,9 @@
109	117	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap img.ablocks-image-icon',
110	118	Icon::get_element_image_css( $attributes ),
111	119	Icon::get_element_image_css( $attributes, 'Tablet' ),
112	120	Icon::get_element_image_css( $attributes, 'Mobile' ),
	121	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_css( $attributes, $device ); } )
113	122	);
114	123	$css_generator->add_class_styles(
115	124	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap img.ablocks-image-icon:hover',
116	125	Icon::get_element_image_hover_css( $attributes ),
		@@ -115,8 +124,9 @@
115	124	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap img.ablocks-image-icon:hover',
116	125	Icon::get_element_image_hover_css( $attributes ),
117	126	Icon::get_element_image_hover_css( $attributes, 'Tablet' ),
118	127	Icon::get_element_image_hover_css( $attributes, 'Mobile' ),
	128	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_hover_css( $attributes, $device ); } )
119	129	);
120	130	$css_generator->add_class_styles(
121	131	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap svg.ablocks-svg-icon',
122	132	Icon::get_element_css( $attributes ),
		@@ -121,8 +131,9 @@
121	131	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap svg.ablocks-svg-icon',
122	132	Icon::get_element_css( $attributes ),
123	133	Icon::get_element_css( $attributes, 'Tablet' ),
124	134	Icon::get_element_css( $attributes, 'Mobile' ),
	135	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_css( $attributes, $device ); } )
125	136	);
126	137	$css_generator->add_class_styles(
127	138	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap svg.ablocks-svg-icon:hover',
128	139	Icon::get_element_image_hover_css( $attributes ),
		@@ -127,8 +138,9 @@
127	138	'{{WRAPPER}} .ablocks-notice-header .ablocks-icon-wrap svg.ablocks-svg-icon:hover',
128	139	Icon::get_element_image_hover_css( $attributes ),
129	140	Icon::get_element_image_hover_css( $attributes, 'Tablet' ),
130	141	Icon::get_element_image_hover_css( $attributes, 'Mobile' ),
	142	+ $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_hover_css( $attributes, $device ); } )
131	143	);
132	144
133	145	return $css_generator->generate_css();
134	146	}