| @@ -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 | } |