← All changes
|
includes/blocks/storeengine-login-form/block.php
+22
-11
2.13.1
→
2.14.0
View file →
| @@ -42,9 +42,10 @@ | ||
| 42 | 42 | $css_generator->add_class_styles( |
| 43 | 43 | '{{WRAPPER}} .storeengine-login-form-heading', |
| 44 | 44 | $this->get_form_title_css( $attributes ), |
| 45 | 45 | $this->get_form_title_css( $attributes, 'Tablet' ), |
| 46 | - $this->get_form_title_css( $attributes, 'Mobile' ) | |
| 46 | + $this->get_form_title_css( $attributes, 'Mobile' ), | |
| 47 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_form_title_css( $attributes, $device ); } ) | |
| 47 | 48 | ); |
| 48 | 49 | |
| 49 | 50 | $css_generator->add_class_styles( |
| 50 | 51 | '{{WRAPPER}} .storeengine-login-form-heading:hover', |
| @@ -55,9 +56,10 @@ | ||
| 55 | 56 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group |
| 56 | 57 | label', |
| 57 | 58 | $this->get_input_field_label_css( $attributes ), |
| 58 | 59 | $this->get_input_field_label_css( $attributes, 'Tablet' ), |
| 59 | - $this->get_input_field_label_css( $attributes, 'Mobile' ) | |
| 60 | + $this->get_input_field_label_css( $attributes, 'Mobile' ), | |
| 61 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_input_field_label_css( $attributes, $device ); } ) | |
| 60 | 62 | ); |
| 61 | 63 | |
| 62 | 64 | $css_generator->add_class_styles( |
| 63 | 65 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group |
| @@ -63,9 +65,10 @@ | ||
| 63 | 65 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group |
| 64 | 66 | label:hover', |
| 65 | 67 | $this->get_input_field_label_hover_css( $attributes ), |
| 66 | 68 | $this->get_input_field_label_hover_css( $attributes, 'Tablet' ), |
| 67 | - $this->get_input_field_label_hover_css( $attributes, 'Mobile' ) | |
| 69 | + $this->get_input_field_label_hover_css( $attributes, 'Mobile' ), | |
| 70 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_input_field_label_hover_css( $attributes, $device ); } ) | |
| 68 | 71 | ); |
| 69 | 72 | |
| 70 | 73 | $css_generator->add_class_styles( |
| 71 | 74 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group input', |
| @@ -70,15 +73,17 @@ | ||
| 70 | 73 | $css_generator->add_class_styles( |
| 71 | 74 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group input', |
| 72 | 75 | $this->get_input_field_css( $attributes ), |
| 73 | 76 | $this->get_input_field_css( $attributes, 'Tablet' ), |
| 74 | - $this->get_input_field_css( $attributes, 'Mobile' ) | |
| 77 | + $this->get_input_field_css( $attributes, 'Mobile' ), | |
| 78 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_input_field_css( $attributes, $device ); } ) | |
| 75 | 79 | ); |
| 76 | 80 | $css_generator->add_class_styles( |
| 77 | 81 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group input:hover', |
| 78 | 82 | $this->get_input_field_hover_css( $attributes ), |
| 79 | 83 | $this->get_input_field_hover_css( $attributes, 'Tablet' ), |
| 80 | - $this->get_input_field_hover_css( $attributes, 'Mobile' ) | |
| 84 | + $this->get_input_field_hover_css( $attributes, 'Mobile' ), | |
| 85 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_input_field_hover_css( $attributes, $device ); } ) | |
| 81 | 86 | ); |
| 82 | 87 | |
| 83 | 88 | $css_generator->add_class_styles( |
| 84 | 89 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group input::placeholder', |
| @@ -83,9 +88,10 @@ | ||
| 83 | 88 | $css_generator->add_class_styles( |
| 84 | 89 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form .storeengine-form-group input::placeholder', |
| 85 | 90 | $this->get_input_field_placeholder_css( $attributes ), |
| 86 | 91 | $this->get_input_field_placeholder_css( $attributes, 'Tablet' ), |
| 87 | - $this->get_input_field_placeholder_css( $attributes, 'Mobile' ) | |
| 92 | + $this->get_input_field_placeholder_css( $attributes, 'Mobile' ), | |
| 93 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_input_field_placeholder_css( $attributes, $device ); } ) | |
| 88 | 94 | ); |
| 89 | 95 | |
| 90 | 96 | $css_generator->add_class_styles( |
| 91 | 97 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-form-group button', |
| @@ -90,9 +96,10 @@ | ||
| 90 | 96 | $css_generator->add_class_styles( |
| 91 | 97 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-form-group button', |
| 92 | 98 | $this->get_login_form_button_css( $attributes ), |
| 93 | 99 | $this->get_login_form_button_css( $attributes, 'Tablet' ), |
| 94 | - $this->get_login_form_button_css( $attributes, 'Mobile' ) | |
| 100 | + $this->get_login_form_button_css( $attributes, 'Mobile' ), | |
| 101 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_login_form_button_css( $attributes, $device ); } ) | |
| 95 | 102 | ); |
| 96 | 103 | |
| 97 | 104 | $css_generator->add_class_styles( |
| 98 | 105 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-form-group button:hover', |
| @@ -97,9 +104,10 @@ | ||
| 97 | 104 | $css_generator->add_class_styles( |
| 98 | 105 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-form-group button:hover', |
| 99 | 106 | $this->get_login_btn_hover_css( $attributes ), |
| 100 | 107 | $this->get_login_btn_hover_css( $attributes, 'Tablet' ), |
| 101 | - $this->get_login_btn_hover_css( $attributes, 'Mobile' ) | |
| 108 | + $this->get_login_btn_hover_css( $attributes, 'Mobile' ), | |
| 109 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_login_btn_hover_css( $attributes, $device ); } ) | |
| 102 | 110 | ); |
| 103 | 111 | $css_generator->add_class_styles( |
| 104 | 112 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form-info p, |
| 105 | 113 | {{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form-info p a ', |
| @@ -104,9 +112,10 @@ | ||
| 104 | 112 | '{{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form-info p, |
| 105 | 113 | {{WRAPPER}} .storeengine-login-form-wrapper .storeengine-login-form-info p a ', |
| 106 | 114 | $this->get_login_form_footer_css( $attributes ), |
| 107 | 115 | $this->get_login_form_footer_css( $attributes, 'Tablet' ), |
| 108 | - $this->get_login_form_footer_css( $attributes, 'Mobile' ) | |
| 116 | + $this->get_login_form_footer_css( $attributes, 'Mobile' ), | |
| 117 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_login_form_footer_css( $attributes, $device ); } ) | |
| 109 | 118 | ); |
| 110 | 119 | |
| 111 | 120 | $css_generator->add_class_styles( |
| 112 | 121 | '{{WRAPPER}} .storeengine-login-form-wrapper', |
| @@ -111,9 +120,10 @@ | ||
| 111 | 120 | $css_generator->add_class_styles( |
| 112 | 121 | '{{WRAPPER}} .storeengine-login-form-wrapper', |
| 113 | 122 | $this->get_form_card_css( $attributes ), |
| 114 | 123 | $this->get_form_card_css( $attributes, 'Tablet' ), |
| 115 | - $this->get_form_card_css( $attributes, 'Mobile' ) | |
| 124 | + $this->get_form_card_css( $attributes, 'Mobile' ), | |
| 125 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_form_card_css( $attributes, $device ); } ) | |
| 116 | 126 | ); |
| 117 | 127 | |
| 118 | 128 | $css_generator->add_class_styles( |
| 119 | 129 | '{{WRAPPER}} .storeengine-login-form-wrapper:hover', |
| @@ -118,9 +128,10 @@ | ||
| 118 | 128 | $css_generator->add_class_styles( |
| 119 | 129 | '{{WRAPPER}} .storeengine-login-form-wrapper:hover', |
| 120 | 130 | $this->get_form_card_hover_css( $attributes ), |
| 121 | 131 | $this->get_form_card_hover_css( $attributes, 'Tablet' ), |
| 122 | - $this->get_form_card_hover_css( $attributes, 'Mobile' ) | |
| 132 | + $this->get_form_card_hover_css( $attributes, 'Mobile' ), | |
| 133 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_form_card_hover_css( $attributes, $device ); } ) | |
| 123 | 134 | ); |
| 124 | 135 | |
| 125 | 136 | return $css_generator->generate_css(); |
| 126 | 137 | } |