| @@ -28,9 +28,10 @@ | ||
| 28 | 28 | $css_generator->add_class_styles( |
| 29 | 29 | '{{WRAPPER}} .ablocks-block-progress-circle', |
| 30 | 30 | $this->get_wrapper_css( $attributes ), |
| 31 | 31 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 32 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 32 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 33 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 33 | 34 | ); |
| 34 | 35 | |
| 35 | 36 | $css_generator->add_class_styles( |
| 36 | 37 | '{{WRAPPER}} .ablocks-block-progress__text', |
| @@ -35,9 +36,10 @@ | ||
| 35 | 36 | $css_generator->add_class_styles( |
| 36 | 37 | '{{WRAPPER}} .ablocks-block-progress__text', |
| 37 | 38 | $this->get_content_css( $attributes ), |
| 38 | 39 | $this->get_content_css( $attributes, 'Tablet' ), |
| 39 | - $this->get_content_css( $attributes, 'Mobile' ) | |
| 40 | + $this->get_content_css( $attributes, 'Mobile' ), | |
| 41 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_css( $attributes, $device ); } ) | |
| 40 | 42 | ); |
| 41 | 43 | // Progress Bar Background CSS |
| 42 | 44 | $css_generator->add_class_styles( |
| 43 | 45 | '{{WRAPPER}} .ablocks-block-progress-bar-track', |
| @@ -42,9 +44,10 @@ | ||
| 42 | 44 | $css_generator->add_class_styles( |
| 43 | 45 | '{{WRAPPER}} .ablocks-block-progress-bar-track', |
| 44 | 46 | $this->get_progress_bar_track_css( $attributes ), |
| 45 | 47 | $this->get_progress_bar_track_css( $attributes, 'Tablet' ), |
| 46 | - $this->get_progress_bar_track_css( $attributes, 'Mobile' ) | |
| 48 | + $this->get_progress_bar_track_css( $attributes, 'Mobile' ), | |
| 49 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_progress_bar_track_css( $attributes, $device ); } ) | |
| 47 | 50 | ); |
| 48 | 51 | |
| 49 | 52 | $css_generator->add_class_styles( |
| 50 | 53 | '{{WRAPPER}} .ablocks-block-progress-bar-track:hover', |
| @@ -49,9 +52,10 @@ | ||
| 49 | 52 | $css_generator->add_class_styles( |
| 50 | 53 | '{{WRAPPER}} .ablocks-block-progress-bar-track:hover', |
| 51 | 54 | $this->get_progress_bar_hover_css( $attributes ), |
| 52 | 55 | $this->get_progress_bar_hover_css( $attributes, 'Tablet' ), |
| 53 | - $this->get_progress_bar_hover_css( $attributes, 'Mobile' ) | |
| 56 | + $this->get_progress_bar_hover_css( $attributes, 'Mobile' ), | |
| 57 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_progress_bar_hover_css( $attributes, $device ); } ) | |
| 54 | 58 | ); |
| 55 | 59 | |
| 56 | 60 | // Progress Bar Progress CSS |
| 57 | 61 | $css_generator->add_class_styles( |
| @@ -79,9 +83,10 @@ | ||
| 79 | 83 | $css_generator->add_class_styles( |
| 80 | 84 | '{{WRAPPER}} .ablocks-block-progress-circle', |
| 81 | 85 | $this->get_wrapper_css( $attributes ), |
| 82 | 86 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 83 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 87 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 88 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 84 | 89 | ); |
| 85 | 90 | |
| 86 | 91 | $css_generator->add_class_styles( |
| 87 | 92 | '{{WRAPPER}} .ablocks-block-progress__text', |
| @@ -86,9 +91,10 @@ | ||
| 86 | 91 | $css_generator->add_class_styles( |
| 87 | 92 | '{{WRAPPER}} .ablocks-block-progress__text', |
| 88 | 93 | $this->get_content_css( $attributes ), |
| 89 | 94 | $this->get_content_css( $attributes, 'Tablet' ), |
| 90 | - $this->get_content_css( $attributes, 'Mobile' ) | |
| 95 | + $this->get_content_css( $attributes, 'Mobile' ), | |
| 96 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_content_css( $attributes, $device ); } ) | |
| 91 | 97 | ); |
| 92 | 98 | // Progress Bar Background CSS |
| 93 | 99 | $css_generator->add_class_styles( |
| 94 | 100 | '{{WRAPPER}} .ablocks-block-progress-bar-track', |
| @@ -93,9 +99,10 @@ | ||
| 93 | 99 | $css_generator->add_class_styles( |
| 94 | 100 | '{{WRAPPER}} .ablocks-block-progress-bar-track', |
| 95 | 101 | $this->get_progress_bar_track_css( $attributes ), |
| 96 | 102 | $this->get_progress_bar_track_css( $attributes, 'Tablet' ), |
| 97 | - $this->get_progress_bar_track_css( $attributes, 'Mobile' ) | |
| 103 | + $this->get_progress_bar_track_css( $attributes, 'Mobile' ), | |
| 104 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_progress_bar_track_css( $attributes, $device ); } ) | |
| 98 | 105 | ); |
| 99 | 106 | |
| 100 | 107 | $css_generator->add_class_styles( |
| 101 | 108 | '{{WRAPPER}} .ablocks-block-progress-bar-track:hover', |
| @@ -100,9 +107,10 @@ | ||
| 100 | 107 | $css_generator->add_class_styles( |
| 101 | 108 | '{{WRAPPER}} .ablocks-block-progress-bar-track:hover', |
| 102 | 109 | $this->get_progress_bar_hover_css( $attributes ), |
| 103 | 110 | $this->get_progress_bar_hover_css( $attributes, 'Tablet' ), |
| 104 | - $this->get_progress_bar_hover_css( $attributes, 'Mobile' ) | |
| 111 | + $this->get_progress_bar_hover_css( $attributes, 'Mobile' ), | |
| 112 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_progress_bar_hover_css( $attributes, $device ); } ) | |
| 105 | 113 | ); |
| 106 | 114 | |
| 107 | 115 | // Progress Bar Progress CSS |
| 108 | 116 | $css_generator->add_class_styles( |