| @@ -25,27 +25,31 @@ | ||
| 25 | 25 | $css_generator->add_class_styles( |
| 26 | 26 | '{{WRAPPER}} .ablocks-toggle__topbar', |
| 27 | 27 | $this->get_toggle_bar_css( $attributes ), |
| 28 | 28 | $this->get_toggle_bar_css( $attributes, 'Tablet' ), |
| 29 | - $this->get_toggle_bar_css( $attributes, 'Mobile' ) | |
| 29 | + $this->get_toggle_bar_css( $attributes, 'Mobile' ), | |
| 30 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_css( $attributes, $device ); } ) | |
| 30 | 31 | ); |
| 31 | 32 | $css_generator->add_class_styles( |
| 32 | 33 | '{{WRAPPER}} .ablocks-toggle__topbar:hover', |
| 33 | 34 | $this->get_toggle_bar_hover_css( $attributes ), |
| 34 | 35 | $this->get_toggle_bar_hover_css( $attributes, 'Tablet' ), |
| 35 | - $this->get_toggle_bar_hover_css( $attributes, 'Mobile' ) | |
| 36 | + $this->get_toggle_bar_hover_css( $attributes, 'Mobile' ), | |
| 37 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_hover_css( $attributes, $device ); } ) | |
| 36 | 38 | ); |
| 37 | 39 | $css_generator->add_class_styles( |
| 38 | 40 | '{{WRAPPER}} .ablocks-toggle__topbar-wrapper', |
| 39 | 41 | $this->get_toggle_bar_wrapper_css( $attributes ), |
| 40 | 42 | $this->get_toggle_bar_wrapper_css( $attributes, 'Tablet' ), |
| 41 | - $this->get_toggle_bar_wrapper_css( $attributes, 'Mobile' ) | |
| 43 | + $this->get_toggle_bar_wrapper_css( $attributes, 'Mobile' ), | |
| 44 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_wrapper_css( $attributes, $device ); } ) | |
| 42 | 45 | ); |
| 43 | 46 | $css_generator->add_class_styles( |
| 44 | 47 | '{{WRAPPER}} .ablocks-toggle__label', |
| 45 | 48 | $this->get_toggle_label_css( $attributes ), |
| 46 | 49 | $this->get_toggle_label_css( $attributes, 'Tablet' ), |
| 47 | - $this->get_toggle_label_css( $attributes, 'Mobile' ) | |
| 50 | + $this->get_toggle_label_css( $attributes, 'Mobile' ), | |
| 51 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_label_css( $attributes, $device ); } ) | |
| 48 | 52 | ); |
| 49 | 53 | $css_generator->add_class_styles( |
| 50 | 54 | '{{WRAPPER}} .ablocks-toggle__label--active', |
| 51 | 55 | $this->get_toggle_label_active_css( $attributes ) |
| @@ -87,27 +91,31 @@ | ||
| 87 | 91 | $css_generator->add_class_styles( |
| 88 | 92 | '{{WRAPPER}} .ablocks-toggle__topbar', |
| 89 | 93 | $this->get_toggle_bar_css( $attributes ), |
| 90 | 94 | $this->get_toggle_bar_css( $attributes, 'Tablet' ), |
| 91 | - $this->get_toggle_bar_css( $attributes, 'Mobile' ) | |
| 95 | + $this->get_toggle_bar_css( $attributes, 'Mobile' ), | |
| 96 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_css( $attributes, $device ); } ) | |
| 92 | 97 | ); |
| 93 | 98 | $css_generator->add_class_styles( |
| 94 | 99 | '{{WRAPPER}} .ablocks-toggle__topbar:hover', |
| 95 | 100 | $this->get_toggle_bar_hover_css( $attributes ), |
| 96 | 101 | $this->get_toggle_bar_hover_css( $attributes, 'Tablet' ), |
| 97 | - $this->get_toggle_bar_hover_css( $attributes, 'Mobile' ) | |
| 102 | + $this->get_toggle_bar_hover_css( $attributes, 'Mobile' ), | |
| 103 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_hover_css( $attributes, $device ); } ) | |
| 98 | 104 | ); |
| 99 | 105 | $css_generator->add_class_styles( |
| 100 | 106 | '{{WRAPPER}} .ablocks-toggle__topbar-wrapper', |
| 101 | 107 | $this->get_toggle_bar_wrapper_css( $attributes ), |
| 102 | 108 | $this->get_toggle_bar_wrapper_css( $attributes, 'Tablet' ), |
| 103 | - $this->get_toggle_bar_wrapper_css( $attributes, 'Mobile' ) | |
| 109 | + $this->get_toggle_bar_wrapper_css( $attributes, 'Mobile' ), | |
| 110 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_bar_wrapper_css( $attributes, $device ); } ) | |
| 104 | 111 | ); |
| 105 | 112 | $css_generator->add_class_styles( |
| 106 | 113 | '{{WRAPPER}} .ablocks-toggle__label', |
| 107 | 114 | $this->get_toggle_label_css( $attributes ), |
| 108 | 115 | $this->get_toggle_label_css( $attributes, 'Tablet' ), |
| 109 | - $this->get_toggle_label_css( $attributes, 'Mobile' ) | |
| 116 | + $this->get_toggle_label_css( $attributes, 'Mobile' ), | |
| 117 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_toggle_label_css( $attributes, $device ); } ) | |
| 110 | 118 | ); |
| 111 | 119 | $css_generator->add_class_styles( |
| 112 | 120 | '{{WRAPPER}} .ablocks-toggle__label--active', |
| 113 | 121 | $this->get_toggle_label_active_css( $attributes ) |