| @@ -23,9 +23,10 @@ | ||
| 23 | 23 | $css_generator->add_class_styles( |
| 24 | 24 | '{{WRAPPER}} .ablocks-block-news-ticker__label', |
| 25 | 25 | $this->get_label_css( $attributes ), |
| 26 | 26 | $this->get_label_css( $attributes, 'Tablet' ), |
| 27 | - $this->get_label_css( $attributes, 'Mobile' ) | |
| 27 | + $this->get_label_css( $attributes, 'Mobile' ), | |
| 28 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_label_css( $attributes, $device ); } ) | |
| 28 | 29 | ); |
| 29 | 30 | |
| 30 | 31 | $css_generator->add_class_styles( |
| 31 | 32 | '{{WRAPPER}} .ablocks-block-news-ticker__label:hover', |
| @@ -30,9 +31,10 @@ | ||
| 30 | 31 | $css_generator->add_class_styles( |
| 31 | 32 | '{{WRAPPER}} .ablocks-block-news-ticker__label:hover', |
| 32 | 33 | $this->get_label_color_hover_css( $attributes ), |
| 33 | 34 | $this->get_label_color_hover_css( $attributes, 'Tablet' ), |
| 34 | - $this->get_label_color_hover_css( $attributes, 'Mobile' ) | |
| 35 | + $this->get_label_color_hover_css( $attributes, 'Mobile' ), | |
| 36 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_label_color_hover_css( $attributes, $device ); } ) | |
| 35 | 37 | ); |
| 36 | 38 | |
| 37 | 39 | $css_generator->add_class_styles( |
| 38 | 40 | '{{WRAPPER}} .ablocks-block-news-ticker', |
| @@ -37,9 +39,10 @@ | ||
| 37 | 39 | $css_generator->add_class_styles( |
| 38 | 40 | '{{WRAPPER}} .ablocks-block-news-ticker', |
| 39 | 41 | $this->get_ticker_content_css( $attributes ), |
| 40 | 42 | $this->get_ticker_content_css( $attributes, 'Tablet' ), |
| 41 | - $this->get_ticker_content_css( $attributes, 'Mobile' ) | |
| 43 | + $this->get_ticker_content_css( $attributes, 'Mobile' ), | |
| 44 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_ticker_content_css( $attributes, $device ); } ) | |
| 42 | 45 | ); |
| 43 | 46 | |
| 44 | 47 | $css_generator->add_class_styles( |
| 45 | 48 | '{{WRAPPER}} .ablocks-block-news-ticker__marquee', |
| @@ -44,9 +47,10 @@ | ||
| 44 | 47 | $css_generator->add_class_styles( |
| 45 | 48 | '{{WRAPPER}} .ablocks-block-news-ticker__marquee', |
| 46 | 49 | $this->get_ticker_color_css( $attributes ), |
| 47 | 50 | $this->get_ticker_color_css( $attributes, 'Tablet' ), |
| 48 | - $this->get_ticker_color_css( $attributes, 'Mobile' ) | |
| 51 | + $this->get_ticker_color_css( $attributes, 'Mobile' ), | |
| 52 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_ticker_color_css( $attributes, $device ); } ) | |
| 49 | 53 | ); |
| 50 | 54 | |
| 51 | 55 | $css_generator->add_class_styles( |
| 52 | 56 | '{{WRAPPER}} .ablocks-block-news-ticker__marquee:hover', |
| @@ -51,9 +55,10 @@ | ||
| 51 | 55 | $css_generator->add_class_styles( |
| 52 | 56 | '{{WRAPPER}} .ablocks-block-news-ticker__marquee:hover', |
| 53 | 57 | $this->get_ticker_color_hover_css( $attributes ), |
| 54 | 58 | $this->get_ticker_color_hover_css( $attributes, 'Tablet' ), |
| 55 | - $this->get_ticker_color_hover_css( $attributes, 'Mobile' ) | |
| 59 | + $this->get_ticker_color_hover_css( $attributes, 'Mobile' ), | |
| 60 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_ticker_color_hover_css( $attributes, $device ); } ) | |
| 56 | 61 | ); |
| 57 | 62 | |
| 58 | 63 | $css_generator->add_class_styles( |
| 59 | 64 | '{{WRAPPER}} .ablocks-block-news-ticker--icons', |
| @@ -78,9 +83,10 @@ | ||
| 78 | 83 | $css_generator->add_class_styles( |
| 79 | 84 | '{{WRAPPER}} .ablocks-block-news-ticker__list', |
| 80 | 85 | $this->get_ticker_list_styles_css( $attributes ), |
| 81 | 86 | $this->get_ticker_list_styles_css( $attributes, 'Tablet' ), |
| 82 | - $this->get_ticker_list_styles_css( $attributes, 'Mobile' ) | |
| 87 | + $this->get_ticker_list_styles_css( $attributes, 'Mobile' ), | |
| 88 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_ticker_list_styles_css( $attributes, $device ); } ) | |
| 83 | 89 | ); |
| 84 | 90 | |
| 85 | 91 | $css_generator->add_class_styles( |
| 86 | 92 | '{{WRAPPER}} .ablocks-block-news-ticker--date', |