| @@ -27,8 +27,9 @@ | ||
| 27 | 27 | '{{WRAPPER}}', |
| 28 | 28 | $this->get_wrapper_css( $attributes ), |
| 29 | 29 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 30 | 30 | $this->get_wrapper_css( $attributes, 'Mobile' ), |
| 31 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 31 | 32 | ); |
| 32 | 33 | |
| 33 | 34 | // Image container css |
| 34 | 35 | $css_generator->add_class_styles( |
| @@ -35,8 +36,9 @@ | ||
| 35 | 36 | '{{WRAPPER}}', |
| 36 | 37 | $this->get_image_container_css( $attributes ), |
| 37 | 38 | $this->get_image_container_css( $attributes, 'Tablet' ), |
| 38 | 39 | $this->get_image_container_css( $attributes, 'Mobile' ), |
| 40 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_container_css( $attributes, $device ); } ) | |
| 39 | 41 | ); |
| 40 | 42 | // Image css |
| 41 | 43 | $css_generator->add_class_styles( |
| 42 | 44 | '{{WRAPPER}}.ablocks-block--featured-image img', |
| @@ -42,8 +44,9 @@ | ||
| 42 | 44 | '{{WRAPPER}}.ablocks-block--featured-image img', |
| 43 | 45 | $this->get_image_css( $attributes ), |
| 44 | 46 | $this->get_image_css( $attributes, 'Tablet' ), |
| 45 | 47 | $this->get_image_css( $attributes, 'Mobile' ), |
| 48 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_css( $attributes, $device ); } ) | |
| 46 | 49 | ); |
| 47 | 50 | |
| 48 | 51 | // Image hover css |
| 49 | 52 | $css_generator->add_class_styles( |
| @@ -50,8 +53,9 @@ | ||
| 50 | 53 | '{{WRAPPER}}.ablocks-block--featured-image img:hover', |
| 51 | 54 | $this->get_image_hover_css( $attributes ), |
| 52 | 55 | $this->get_image_hover_css( $attributes, 'Tablet' ), |
| 53 | 56 | $this->get_image_hover_css( $attributes, 'Mobile' ), |
| 57 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_image_hover_css( $attributes, $device ); } ) | |
| 54 | 58 | ); |
| 55 | 59 | |
| 56 | 60 | return $css_generator->generate_css(); |
| 57 | 61 | } |