| @@ -26,21 +26,24 @@ | ||
| 26 | 26 | $css_generator->add_class_styles( |
| 27 | 27 | '{{WRAPPER}} .wp-block-ablocks-loop-template', |
| 28 | 28 | $this->loop_template_wrapper( $attributes ), |
| 29 | 29 | $this->loop_template_wrapper( $attributes, 'Tablet' ), |
| 30 | - $this->loop_template_wrapper( $attributes, 'Mobile' ) | |
| 30 | + $this->loop_template_wrapper( $attributes, 'Mobile' ), | |
| 31 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->loop_template_wrapper( $attributes, $device ); } ) | |
| 31 | 32 | ); |
| 32 | 33 | $css_generator->add_class_styles( |
| 33 | 34 | '{{WRAPPER}} .ablocks-loop-template-item', |
| 34 | 35 | $this->template_card_style_css( $attributes ), |
| 35 | 36 | $this->template_card_style_css( $attributes, 'Tablet' ), |
| 36 | - $this->template_card_style_css( $attributes, 'Mobile' ) | |
| 37 | + $this->template_card_style_css( $attributes, 'Mobile' ), | |
| 38 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->template_card_style_css( $attributes, $device ); } ) | |
| 37 | 39 | ); |
| 38 | 40 | $css_generator->add_class_styles( |
| 39 | 41 | '{{WRAPPER}} .ablocks-loop-template-item:hover', |
| 40 | 42 | $this->template_card_style_hover_css( $attributes ), |
| 41 | 43 | $this->template_card_style_hover_css( $attributes, 'Tablet' ), |
| 42 | - $this->template_card_style_hover_css( $attributes, 'Mobile' ) | |
| 44 | + $this->template_card_style_hover_css( $attributes, 'Mobile' ), | |
| 45 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->template_card_style_hover_css( $attributes, $device ); } ) | |
| 43 | 46 | ); |
| 44 | 47 | |
| 45 | 48 | return $css_generator->generate_css(); |
| 46 | 49 | } |