| @@ -28,21 +28,24 @@ | ||
| 28 | 28 | $css_generator->add_class_styles( |
| 29 | 29 | '{{WRAPPER}} .ecm-shortcode--claim', |
| 30 | 30 | $this->get_coutineu_button_wrapper_css( $attributes ), |
| 31 | 31 | $this->get_coutineu_button_wrapper_css( $attributes, 'Tablet' ), |
| 32 | - $this->get_coutineu_button_wrapper_css( $attributes, 'Mobile' ) | |
| 32 | + $this->get_coutineu_button_wrapper_css( $attributes, 'Mobile' ), | |
| 33 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_coutineu_button_wrapper_css( $attributes, $device ); } ) | |
| 33 | 34 | ); |
| 34 | 35 | $css_generator->add_class_styles( |
| 35 | 36 | '{{WRAPPER}} .ecm-shortcode--claim button', |
| 36 | 37 | $this->get_coutineu_button_css( $attributes ), |
| 37 | 38 | $this->get_coutineu_button_css( $attributes, 'Tablet' ), |
| 38 | - $this->get_coutineu_button_css( $attributes, 'Mobile' ) | |
| 39 | + $this->get_coutineu_button_css( $attributes, 'Mobile' ), | |
| 40 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_coutineu_button_css( $attributes, $device ); } ) | |
| 39 | 41 | ); |
| 40 | 42 | $css_generator->add_class_styles( |
| 41 | 43 | '{{WRAPPER}} .ecm-shortcode--claim button:hover', |
| 42 | 44 | $this->get_coutineu_button_hover_css( $attributes ), |
| 43 | 45 | $this->get_coutineu_button_hover_css( $attributes, 'Tablet' ), |
| 44 | - $this->get_coutineu_button_hover_css( $attributes, 'Mobile' ) | |
| 46 | + $this->get_coutineu_button_hover_css( $attributes, 'Mobile' ), | |
| 47 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_coutineu_button_hover_css( $attributes, $device ); } ) | |
| 45 | 48 | ); |
| 46 | 49 | foreach ( [ '.ecm-shortcode--tooltip', '.ecm-shortcode--tooltip svg', '.ecm-shortcode--tooltip svg path' ] as $selector ) { |
| 47 | 50 | $css_generator->add_class_styles( |
| 48 | 51 | '{{WRAPPER}} ' . $selector, |
| @@ -47,9 +50,10 @@ | ||
| 47 | 50 | $css_generator->add_class_styles( |
| 48 | 51 | '{{WRAPPER}} ' . $selector, |
| 49 | 52 | $this->get_badge_css( $attributes, 'pendingBadgeFillColor', 'pendingBadgeSize' ), |
| 50 | 53 | $this->get_badge_css( $attributes, 'pendingBadgeFillColor', 'pendingBadgeSize', 'Tablet' ), |
| 51 | - $this->get_badge_css( $attributes, 'pendingBadgeFillColor', 'pendingBadgeSize', 'Mobile' ) | |
| 54 | + $this->get_badge_css( $attributes, 'pendingBadgeFillColor', 'pendingBadgeSize', 'Mobile' ), | |
| 55 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_badge_css( $attributes, 'pendingBadgeFillColor', 'pendingBadgeSize', $device ); } ) | |
| 52 | 56 | ); |
| 53 | 57 | } |
| 54 | 58 | $css_generator->add_class_styles( |
| 55 | 59 | '{{WRAPPER}}.ablocks-block--ecm-claim-button', |
| @@ -54,9 +58,10 @@ | ||
| 54 | 58 | $css_generator->add_class_styles( |
| 55 | 59 | '{{WRAPPER}}.ablocks-block--ecm-claim-button', |
| 56 | 60 | $this->get_list_alignment_css( $attributes ), |
| 57 | 61 | $this->get_list_alignment_css( $attributes, 'Tablet' ), |
| 58 | - $this->get_list_alignment_css( $attributes, 'Mobile' ) | |
| 62 | + $this->get_list_alignment_css( $attributes, 'Mobile' ), | |
| 63 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_list_alignment_css( $attributes, $device ); } ) | |
| 59 | 64 | ); |
| 60 | 65 | foreach ( [ '.ecm-shortcode--claim__message', '.ecm-shortcode--claim__message svg', '.ecm-shortcode--claim__message svg path' ] as $selector ) { |
| 61 | 66 | $css_generator->add_class_styles( |
| 62 | 67 | '{{WRAPPER}} ' . $selector, |
| @@ -61,9 +66,10 @@ | ||
| 61 | 66 | $css_generator->add_class_styles( |
| 62 | 67 | '{{WRAPPER}} ' . $selector, |
| 63 | 68 | $this->get_badge_css( $attributes, 'confirmationBandageFillColor', 'confirmationBandageSize', '', true ), |
| 64 | 69 | $this->get_badge_css( $attributes, 'confirmationBandageFillColor', 'confirmationBandageSize', 'Tablet', true ), |
| 65 | - $this->get_badge_css( $attributes, 'confirmationBandageFillColor', 'confirmationBandageSize', 'Mobile', true ) | |
| 70 | + $this->get_badge_css( $attributes, 'confirmationBandageFillColor', 'confirmationBandageSize', 'Mobile', true ), | |
| 71 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_badge_css( $attributes, 'confirmationBandageFillColor', 'confirmationBandageSize', $device, true ); } ) | |
| 66 | 72 | ); |
| 67 | 73 | } |
| 68 | 74 | |
| 69 | 75 | return $css_generator->generate_css(); |