| @@ -22,9 +22,10 @@ | ||
| 22 | 22 | $css_generator->add_class_styles( |
| 23 | 23 | '{{WRAPPER}}', |
| 24 | 24 | $this->get_wrapper_css( $attributes ), |
| 25 | 25 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 26 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 26 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 27 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 27 | 28 | ); |
| 28 | 29 | |
| 29 | 30 | $css_generator->add_class_styles( |
| 30 | 31 | '{{WRAPPER}} .ablocks-heading-text', |
| @@ -29,9 +30,10 @@ | ||
| 29 | 30 | $css_generator->add_class_styles( |
| 30 | 31 | '{{WRAPPER}} .ablocks-heading-text', |
| 31 | 32 | $this->get_heading_text_css( $attributes ), |
| 32 | 33 | $this->get_heading_text_css( $attributes, 'Tablet' ), |
| 33 | - $this->get_heading_text_css( $attributes, 'Mobile' ) | |
| 34 | + $this->get_heading_text_css( $attributes, 'Mobile' ), | |
| 35 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_text_css( $attributes, $device ); } ) | |
| 34 | 36 | ); |
| 35 | 37 | |
| 36 | 38 | $desktop_heading_a_styles = $this->get_heading_a_css( $attributes ); |
| 37 | 39 | $css_generator->add_class_styles( |
| @@ -42,9 +44,10 @@ | ||
| 42 | 44 | $css_generator->add_class_styles( |
| 43 | 45 | '{{WRAPPER}} .ablocks-animated-text path', |
| 44 | 46 | $this->get_svg_path_css( $attributes ), |
| 45 | 47 | $this->get_svg_path_css( $attributes, 'Tablet' ), |
| 46 | - $this->get_svg_path_css( $attributes, 'Mobile' ) | |
| 48 | + $this->get_svg_path_css( $attributes, 'Mobile' ), | |
| 49 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_svg_path_css( $attributes, $device ); } ) | |
| 47 | 50 | ); |
| 48 | 51 | |
| 49 | 52 | $css_generator->add_class_styles( |
| 50 | 53 | '{{WRAPPER}} .ablocks-animated-text', |
| @@ -49,9 +52,10 @@ | ||
| 49 | 52 | $css_generator->add_class_styles( |
| 50 | 53 | '{{WRAPPER}} .ablocks-animated-text', |
| 51 | 54 | $this->get_heading_general_css( $attributes ), |
| 52 | 55 | $this->get_heading_general_css( $attributes, 'Tablet' ), |
| 53 | - $this->get_heading_general_css( $attributes, 'Mobile' ) | |
| 56 | + $this->get_heading_general_css( $attributes, 'Mobile' ), | |
| 57 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_general_css( $attributes, $device ); } ) | |
| 54 | 58 | ); |
| 55 | 59 | |
| 56 | 60 | $css_generator->add_class_styles( |
| 57 | 61 | '{{WRAPPER}} .ablocks-animated-text-wrapper', |
| @@ -56,9 +60,10 @@ | ||
| 56 | 60 | $css_generator->add_class_styles( |
| 57 | 61 | '{{WRAPPER}} .ablocks-animated-text-wrapper', |
| 58 | 62 | $this->get_heading_animated_css( $attributes ), |
| 59 | 63 | $this->get_heading_animated_css( $attributes, 'Tablet' ), |
| 60 | - $this->get_heading_animated_css( $attributes, 'Mobile' ) | |
| 64 | + $this->get_heading_animated_css( $attributes, 'Mobile' ), | |
| 65 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_animated_css( $attributes, $device ); } ) | |
| 61 | 66 | ); |
| 62 | 67 | |
| 63 | 68 | return $css_generator->generate_css(); |
| 64 | 69 | } |
| @@ -67,9 +72,10 @@ | ||
| 67 | 72 | $css_generator->add_class_styles( |
| 68 | 73 | '{{WRAPPER}}', |
| 69 | 74 | $this->get_wrapper_css( $attributes ), |
| 70 | 75 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 71 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 76 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 77 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 72 | 78 | ); |
| 73 | 79 | |
| 74 | 80 | $css_generator->add_class_styles( |
| 75 | 81 | '{{WRAPPER}} .ablocks-heading-text', |
| @@ -74,9 +80,10 @@ | ||
| 74 | 80 | $css_generator->add_class_styles( |
| 75 | 81 | '{{WRAPPER}} .ablocks-heading-text', |
| 76 | 82 | $this->get_heading_text_css( $attributes ), |
| 77 | 83 | $this->get_heading_text_css( $attributes, 'Tablet' ), |
| 78 | - $this->get_heading_text_css( $attributes, 'Mobile' ) | |
| 84 | + $this->get_heading_text_css( $attributes, 'Mobile' ), | |
| 85 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_text_css( $attributes, $device ); } ) | |
| 79 | 86 | ); |
| 80 | 87 | $desktop_heading_a_styles = $this->get_heading_a_css( $attributes ); |
| 81 | 88 | $css_generator->add_class_styles( |
| 82 | 89 | '{{WRAPPER}}.ablocks-block--heading a', |
| @@ -86,9 +93,10 @@ | ||
| 86 | 93 | $css_generator->add_class_styles( |
| 87 | 94 | '{{WRAPPER}} .ablocks-animated-text path', |
| 88 | 95 | $this->get_svg_path_css( $attributes ), |
| 89 | 96 | $this->get_svg_path_css( $attributes, 'Tablet' ), |
| 90 | - $this->get_svg_path_css( $attributes, 'Mobile' ) | |
| 97 | + $this->get_svg_path_css( $attributes, 'Mobile' ), | |
| 98 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_svg_path_css( $attributes, $device ); } ) | |
| 91 | 99 | ); |
| 92 | 100 | |
| 93 | 101 | $css_generator->add_class_styles( |
| 94 | 102 | '{{WRAPPER}} .ablocks-animated-text', |
| @@ -93,9 +101,10 @@ | ||
| 93 | 101 | $css_generator->add_class_styles( |
| 94 | 102 | '{{WRAPPER}} .ablocks-animated-text', |
| 95 | 103 | $this->get_heading_general_css( $attributes ), |
| 96 | 104 | $this->get_heading_general_css( $attributes, 'Tablet' ), |
| 97 | - $this->get_heading_general_css( $attributes, 'Mobile' ) | |
| 105 | + $this->get_heading_general_css( $attributes, 'Mobile' ), | |
| 106 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_general_css( $attributes, $device ); } ) | |
| 98 | 107 | ); |
| 99 | 108 | |
| 100 | 109 | $css_generator->add_class_styles( |
| 101 | 110 | '{{WRAPPER}} .ablocks-animated-text-wrapper', |
| @@ -100,9 +109,10 @@ | ||
| 100 | 109 | $css_generator->add_class_styles( |
| 101 | 110 | '{{WRAPPER}} .ablocks-animated-text-wrapper', |
| 102 | 111 | $this->get_heading_animated_css( $attributes ), |
| 103 | 112 | $this->get_heading_animated_css( $attributes, 'Tablet' ), |
| 104 | - $this->get_heading_animated_css( $attributes, 'Mobile' ) | |
| 113 | + $this->get_heading_animated_css( $attributes, 'Mobile' ), | |
| 114 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_heading_animated_css( $attributes, $device ); } ) | |
| 105 | 115 | ); |
| 106 | 116 | }//end if |
| 107 | 117 | |
| 108 | 118 | return $css_generator->generate_css(); |