| @@ -26,33 +26,38 @@ | ||
| 26 | 26 | $css_generator->add_class_styles( |
| 27 | 27 | '{{WRAPPER}}', |
| 28 | 28 | $this->get_wrapper_css( $attributes ), |
| 29 | 29 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 30 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 30 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 31 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 31 | 32 | ); |
| 32 | 33 | $css_generator->add_class_styles( |
| 33 | 34 | '{{WRAPPER}} .ablocks-scroll-to-top-button-text', |
| 34 | 35 | $this->get_button_text_css( $attributes ), |
| 35 | 36 | $this->get_button_text_css( $attributes, 'Tablet' ), |
| 36 | - $this->get_button_text_css( $attributes, 'Mobile' ) | |
| 37 | + $this->get_button_text_css( $attributes, 'Mobile' ), | |
| 38 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_text_css( $attributes, $device ); } ) | |
| 37 | 39 | ); |
| 38 | 40 | $css_generator->add_class_styles( |
| 39 | 41 | '{{WRAPPER}} .ablocks-scroll-to-top-button-text:hover', |
| 40 | 42 | $this->get_button_text_hover_css( $attributes ), |
| 41 | 43 | $this->get_button_text_hover_css( $attributes, 'Tablet' ), |
| 42 | - $this->get_button_text_hover_css( $attributes, 'Mobile' ) | |
| 44 | + $this->get_button_text_hover_css( $attributes, 'Mobile' ), | |
| 45 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_button_text_hover_css( $attributes, $device ); } ) | |
| 43 | 46 | ); |
| 44 | 47 | $css_generator->add_class_styles( |
| 45 | 48 | '{{WRAPPER}} .ablocks-icon-wrap', |
| 46 | 49 | Icon::get_wrapper_css( $attributes ), |
| 47 | 50 | Icon::get_wrapper_css( $attributes, 'Tablet' ), |
| 48 | - Icon::get_wrapper_css( $attributes, 'Mobile' ) | |
| 51 | + Icon::get_wrapper_css( $attributes, 'Mobile' ), | |
| 52 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_css( $attributes, $device ); } ) | |
| 49 | 53 | ); |
| 50 | 54 | $css_generator->add_class_styles( |
| 51 | 55 | '{{WRAPPER}} .ablocks-icon-wrap:hover', |
| 52 | 56 | Icon::get_wrapper_hover_css( $attributes ), |
| 53 | 57 | Icon::get_wrapper_hover_css( $attributes, 'Tablet' ), |
| 54 | - Icon::get_wrapper_hover_css( $attributes, 'Mobile' ) | |
| 58 | + Icon::get_wrapper_hover_css( $attributes, 'Mobile' ), | |
| 59 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_wrapper_hover_css( $attributes, $device ); } ) | |
| 55 | 60 | ); |
| 56 | 61 | |
| 57 | 62 | $css_generator->add_class_styles( |
| 58 | 63 | '{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon', |
| @@ -58,8 +63,9 @@ | ||
| 58 | 63 | '{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon', |
| 59 | 64 | Icon::get_element_image_css( $attributes ), |
| 60 | 65 | Icon::get_element_image_css( $attributes, 'Tablet' ), |
| 61 | 66 | Icon::get_element_image_css( $attributes, 'Mobile' ), |
| 67 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_css( $attributes, $device ); } ) | |
| 62 | 68 | ); |
| 63 | 69 | $css_generator->add_class_styles( |
| 64 | 70 | '{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon:hover', |
| 65 | 71 | Icon::get_element_image_hover_css( $attributes ), |
| @@ -64,8 +70,9 @@ | ||
| 64 | 70 | '{{WRAPPER}} .ablocks-icon-wrap img.ablocks-image-icon:hover', |
| 65 | 71 | Icon::get_element_image_hover_css( $attributes ), |
| 66 | 72 | Icon::get_element_image_hover_css( $attributes, 'Tablet' ), |
| 67 | 73 | Icon::get_element_image_hover_css( $attributes, 'Mobile' ), |
| 74 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_hover_css( $attributes, $device ); } ) | |
| 68 | 75 | ); |
| 69 | 76 | $css_generator->add_class_styles( |
| 70 | 77 | '{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon', |
| 71 | 78 | Icon::get_element_css( $attributes ), |
| @@ -70,8 +77,9 @@ | ||
| 70 | 77 | '{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon', |
| 71 | 78 | Icon::get_element_css( $attributes ), |
| 72 | 79 | Icon::get_element_css( $attributes, 'Tablet' ), |
| 73 | 80 | Icon::get_element_css( $attributes, 'Mobile' ), |
| 81 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_css( $attributes, $device ); } ) | |
| 74 | 82 | ); |
| 75 | 83 | $css_generator->add_class_styles( |
| 76 | 84 | '{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon:hover', |
| 77 | 85 | Icon::get_element_image_hover_css( $attributes ), |
| @@ -76,8 +84,9 @@ | ||
| 76 | 84 | '{{WRAPPER}} .ablocks-icon-wrap svg.ablocks-svg-icon:hover', |
| 77 | 85 | Icon::get_element_image_hover_css( $attributes ), |
| 78 | 86 | Icon::get_element_image_hover_css( $attributes, 'Tablet' ), |
| 79 | 87 | Icon::get_element_image_hover_css( $attributes, 'Mobile' ), |
| 88 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return Icon::get_element_image_hover_css( $attributes, $device ); } ) | |
| 80 | 89 | ); |
| 81 | 90 | |
| 82 | 91 | return $css_generator->generate_css(); |
| 83 | 92 | } |