| @@ -30,9 +30,10 @@ | ||
| 30 | 30 | $css_generator->add_class_styles( |
| 31 | 31 | '{{WRAPPER}} .ablocks-flipbox__front > div:nth-child(1)', |
| 32 | 32 | $this->get_front_card_css( $attributes ), |
| 33 | 33 | $this->get_front_card_css( $attributes, 'Tablet' ), |
| 34 | - $this->get_front_card_css( $attributes, 'Mobile' ) | |
| 34 | + $this->get_front_card_css( $attributes, 'Mobile' ), | |
| 35 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_front_card_css( $attributes, $device ); } ) | |
| 35 | 36 | ); |
| 36 | 37 | |
| 37 | 38 | $css_generator->add_class_styles( |
| 38 | 39 | '{{WRAPPER}} .ablocks-flipbox__back > div:nth-child(1)', |
| @@ -37,9 +38,10 @@ | ||
| 37 | 38 | $css_generator->add_class_styles( |
| 38 | 39 | '{{WRAPPER}} .ablocks-flipbox__back > div:nth-child(1)', |
| 39 | 40 | $this->get_back_card_css( $attributes ), |
| 40 | 41 | $this->get_back_card_css( $attributes, 'Tablet' ), |
| 41 | - $this->get_back_card_css( $attributes, 'Mobile' ) | |
| 42 | + $this->get_back_card_css( $attributes, 'Mobile' ), | |
| 43 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_back_card_css( $attributes, $device ); } ) | |
| 42 | 44 | ); |
| 43 | 45 | |
| 44 | 46 | $css_generator->add_class_styles( |
| 45 | 47 | '{{WRAPPER}} .ablocks-flipbox__front:hover > div:nth-child(1)', |
| @@ -44,9 +46,10 @@ | ||
| 44 | 46 | $css_generator->add_class_styles( |
| 45 | 47 | '{{WRAPPER}} .ablocks-flipbox__front:hover > div:nth-child(1)', |
| 46 | 48 | $this->get_front_card_hover_css( $attributes ), |
| 47 | 49 | $this->get_front_card_hover_css( $attributes, 'Tablet' ), |
| 48 | - $this->get_front_card_hover_css( $attributes, 'Mobile' ) | |
| 50 | + $this->get_front_card_hover_css( $attributes, 'Mobile' ), | |
| 51 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_front_card_hover_css( $attributes, $device ); } ) | |
| 49 | 52 | ); |
| 50 | 53 | |
| 51 | 54 | $css_generator->add_class_styles( |
| 52 | 55 | '{{WRAPPER}} .ablocks-flipbox__back:hover > div:nth-child(1)', |
| @@ -51,9 +54,10 @@ | ||
| 51 | 54 | $css_generator->add_class_styles( |
| 52 | 55 | '{{WRAPPER}} .ablocks-flipbox__back:hover > div:nth-child(1)', |
| 53 | 56 | $this->get_back_card_hover_css( $attributes ), |
| 54 | 57 | $this->get_back_card_hover_css( $attributes, 'Tablet' ), |
| 55 | - $this->get_back_card_hover_css( $attributes, 'Mobile' ) | |
| 58 | + $this->get_back_card_hover_css( $attributes, 'Mobile' ), | |
| 59 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_back_card_hover_css( $attributes, $device ); } ) | |
| 56 | 60 | ); |
| 57 | 61 | |
| 58 | 62 | return $css_generator->generate_css(); |
| 59 | 63 | } |
