← All changes
|
includes/blocks/storeengine-checkout-form/block.php
+20
-10
2.8.1
→
2.14.0
View file →
| @@ -24,9 +24,10 @@ | ||
| 24 | 24 | '{{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-checkout-form-section-heading, |
| 25 | 25 | {{WRAPPER}} .storeengine-ajax-checkout-form__billing-address .storeengine-checkout-form-section-heading', |
| 26 | 26 | $this->get_Cheackout_form_css( $attributes ), |
| 27 | 27 | $this->get_Cheackout_form_css( $attributes, 'Tablet' ), |
| 28 | - $this->get_Cheackout_form_css( $attributes, 'Mobile' ) | |
| 28 | + $this->get_Cheackout_form_css( $attributes, 'Mobile' ), | |
| 29 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_css( $attributes, $device ); } ) | |
| 29 | 30 | ); |
| 30 | 31 | $css_generator->add_class_styles( |
| 31 | 32 | '{{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-checkout-form-section-heading:hover, |
| 32 | 33 | {{WRAPPER}} .storeengine-ajax-checkout-form__billing-address .storeengine-checkout-form-section-heading:hover', |
| @@ -31,9 +32,10 @@ | ||
| 31 | 32 | '{{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-checkout-form-section-heading:hover, |
| 32 | 33 | {{WRAPPER}} .storeengine-ajax-checkout-form__billing-address .storeengine-checkout-form-section-heading:hover', |
| 33 | 34 | $this->get_Cheackout_form_hover_css( $attributes ), |
| 34 | 35 | $this->get_Cheackout_form_hover_css( $attributes, 'Tablet' ), |
| 35 | - $this->get_Cheackout_form_hover_css( $attributes, 'Mobile' ) | |
| 36 | + $this->get_Cheackout_form_hover_css( $attributes, 'Mobile' ), | |
| 37 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_hover_css( $attributes, $device ); } ) | |
| 36 | 38 | ); |
| 37 | 39 | $css_generator->add_class_styles( |
| 38 | 40 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner label, |
| 39 | 41 | {{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-form-field .storeengine-form-field__inner label', |
| @@ -38,9 +40,10 @@ | ||
| 38 | 40 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner label, |
| 39 | 41 | {{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-form-field .storeengine-form-field__inner label', |
| 40 | 42 | $this->get_Cheackout_form_label_css( $attributes ), |
| 41 | 43 | $this->get_Cheackout_form_label_css( $attributes, 'Tablet' ), |
| 42 | - $this->get_Cheackout_form_label_css( $attributes, 'Mobile' ) | |
| 44 | + $this->get_Cheackout_form_label_css( $attributes, 'Mobile' ), | |
| 45 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_label_css( $attributes, $device ); } ) | |
| 43 | 46 | ); |
| 44 | 47 | $css_generator->add_class_styles( |
| 45 | 48 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner label:hover, |
| 46 | 49 | {{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-form-field .storeengine-form-field__inner label:hover', |
| @@ -45,9 +48,10 @@ | ||
| 45 | 48 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner label:hover, |
| 46 | 49 | {{WRAPPER}} .storeengine-ajax-checkout-form__contact-information .storeengine-form-field .storeengine-form-field__inner label:hover', |
| 47 | 50 | $this->get_Cheackout_form_label_hover_css( $attributes ), |
| 48 | 51 | $this->get_Cheackout_form_label_hover_css( $attributes, 'Tablet' ), |
| 49 | - $this->get_Cheackout_form_label_hover_css( $attributes, 'Mobile' ) | |
| 52 | + $this->get_Cheackout_form_label_hover_css( $attributes, 'Mobile' ), | |
| 53 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_label_hover_css( $attributes, $device ); } ) | |
| 50 | 54 | ); |
| 51 | 55 | $css_generator->add_class_styles( |
| 52 | 56 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner input, |
| 53 | 57 | {{WRAPPER}} .storeengine-ajax-checkout-form input', |
| @@ -52,9 +56,10 @@ | ||
| 52 | 56 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner input, |
| 53 | 57 | {{WRAPPER}} .storeengine-ajax-checkout-form input', |
| 54 | 58 | $this->get_Cheackout_form_input_css( $attributes ), |
| 55 | 59 | $this->get_Cheackout_form_input_css( $attributes, 'Tablet' ), |
| 56 | - $this->get_Cheackout_form_input_css( $attributes, 'Mobile' ) | |
| 60 | + $this->get_Cheackout_form_input_css( $attributes, 'Mobile' ), | |
| 61 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_input_css( $attributes, $device ); } ) | |
| 57 | 62 | ); |
| 58 | 63 | $css_generator->add_class_styles( |
| 59 | 64 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner input:hover, |
| 60 | 65 | {{WRAPPER}} .storeengine-ajax-checkout-form input:hover', |
| @@ -59,33 +64,38 @@ | ||
| 59 | 64 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner input:hover, |
| 60 | 65 | {{WRAPPER}} .storeengine-ajax-checkout-form input:hover', |
| 61 | 66 | $this->get_Cheackout_form_input_hover_css( $attributes ), |
| 62 | 67 | $this->get_Cheackout_form_input_hover_css( $attributes, 'Tablet' ), |
| 63 | - $this->get_Cheackout_form_input_hover_css( $attributes, 'Mobile' ) | |
| 68 | + $this->get_Cheackout_form_input_hover_css( $attributes, 'Mobile' ), | |
| 69 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_Cheackout_form_input_hover_css( $attributes, $device ); } ) | |
| 64 | 70 | ); |
| 65 | 71 | $css_generator->add_class_styles( |
| 66 | 72 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner select', |
| 67 | 73 | $this->get_cheackout_form_select_css( $attributes ), |
| 68 | 74 | $this->get_cheackout_form_select_css( $attributes, 'Tablet' ), |
| 69 | - $this->get_cheackout_form_select_css( $attributes, 'Mobile' ) | |
| 75 | + $this->get_cheackout_form_select_css( $attributes, 'Mobile' ), | |
| 76 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_cheackout_form_select_css( $attributes, $device ); } ) | |
| 70 | 77 | ); |
| 71 | 78 | $css_generator->add_class_styles( |
| 72 | 79 | '{{WRAPPER}} .storeengine-form-group .storeengine-form__inner select:hover', |
| 73 | 80 | $this->get_cheackout_form_select_hover_css( $attributes ), |
| 74 | 81 | $this->get_cheackout_form_select_hover_css( $attributes, 'Tablet' ), |
| 75 | - $this->get_cheackout_form_select_hover_css( $attributes, 'Mobile' ) | |
| 82 | + $this->get_cheackout_form_select_hover_css( $attributes, 'Mobile' ), | |
| 83 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_cheackout_form_select_hover_css( $attributes, $device ); } ) | |
| 76 | 84 | ); |
| 77 | 85 | $css_generator->add_class_styles( |
| 78 | 86 | '{{WRAPPER}} .storeengine-ajax-checkout-form .storeengine-checkout__order-btn button', |
| 79 | 87 | $this->get_cheackout_form_button_css( $attributes ), |
| 80 | 88 | $this->get_cheackout_form_button_css( $attributes, 'Tablet' ), |
| 81 | - $this->get_cheackout_form_button_css( $attributes, 'Mobile' ) | |
| 89 | + $this->get_cheackout_form_button_css( $attributes, 'Mobile' ), | |
| 90 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_cheackout_form_button_css( $attributes, $device ); } ) | |
| 82 | 91 | ); |
| 83 | 92 | $css_generator->add_class_styles( |
| 84 | 93 | '{{WRAPPER}} .storeengine-ajax-checkout-form .storeengine-checkout__order-btn button:hover', |
| 85 | 94 | $this->get_cheackout_form_button_hover_css( $attributes ), |
| 86 | 95 | $this->get_cheackout_form_button_hover_css( $attributes, 'Tablet' ), |
| 87 | - $this->get_cheackout_form_button_hover_css( $attributes, 'Mobile' ) | |
| 96 | + $this->get_cheackout_form_button_hover_css( $attributes, 'Mobile' ), | |
| 97 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_cheackout_form_button_hover_css( $attributes, $device ); } ) | |
| 88 | 98 | ); |
| 89 | 99 | |
| 90 | 100 | return $css_generator->generate_css(); |
| 91 | 101 | } |