| @@ -25,9 +25,10 @@ | ||
| 25 | 25 | $css_generator->add_class_styles( |
| 26 | 26 | '{{WRAPPER}}', |
| 27 | 27 | $this->get_wrapper_css( $attributes ), |
| 28 | 28 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 29 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 29 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 30 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 30 | 31 | ); |
| 31 | 32 | |
| 32 | 33 | $css_generator->add_class_styles( |
| 33 | 34 | '{{WRAPPER}} .ablocks-block-container', |
| @@ -32,9 +33,10 @@ | ||
| 32 | 33 | $css_generator->add_class_styles( |
| 33 | 34 | '{{WRAPPER}} .ablocks-block-container', |
| 34 | 35 | $this->get_countdown_items_css( $attributes ), |
| 35 | 36 | $this->get_countdown_items_css( $attributes, 'Tablet' ), |
| 36 | - $this->get_countdown_items_css( $attributes, 'Mobile' ) | |
| 37 | + $this->get_countdown_items_css( $attributes, 'Mobile' ), | |
| 38 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_items_css( $attributes, $device ); } ) | |
| 37 | 39 | ); |
| 38 | 40 | |
| 39 | 41 | $css_generator->add_class_styles( |
| 40 | 42 | '{{WRAPPER}} .ablocks-countdown__item', |
| @@ -39,15 +41,17 @@ | ||
| 39 | 41 | $css_generator->add_class_styles( |
| 40 | 42 | '{{WRAPPER}} .ablocks-countdown__item', |
| 41 | 43 | $this->get_countdown_item_css( $attributes ), |
| 42 | 44 | $this->get_countdown_item_css( $attributes, 'Tablet' ), |
| 43 | - $this->get_countdown_item_css( $attributes, 'Mobile' ) | |
| 45 | + $this->get_countdown_item_css( $attributes, 'Mobile' ), | |
| 46 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_item_css( $attributes, $device ); } ) | |
| 44 | 47 | ); |
| 45 | 48 | $css_generator->add_class_styles( |
| 46 | 49 | '{{WRAPPER}} .ablocks-countdown__item:hover', |
| 47 | 50 | $this->get_countdown_item_hover_css( $attributes ), |
| 48 | 51 | $this->get_countdown_item_hover_css( $attributes, 'Tablet' ), |
| 49 | - $this->get_countdown_item_hover_css( $attributes, 'Mobile' ) | |
| 52 | + $this->get_countdown_item_hover_css( $attributes, 'Mobile' ), | |
| 53 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_item_hover_css( $attributes, $device ); } ) | |
| 50 | 54 | ); |
| 51 | 55 | |
| 52 | 56 | $css_generator->add_class_styles( |
| 53 | 57 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-label', |
| @@ -52,9 +56,10 @@ | ||
| 52 | 56 | $css_generator->add_class_styles( |
| 53 | 57 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-label', |
| 54 | 58 | $this->get_label_css( $attributes ), |
| 55 | 59 | $this->get_label_css( $attributes, 'Tablet' ), |
| 56 | - $this->get_label_css( $attributes, 'Mobile' ) | |
| 60 | + $this->get_label_css( $attributes, 'Mobile' ), | |
| 61 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_label_css( $attributes, $device ); } ) | |
| 57 | 62 | ); |
| 58 | 63 | |
| 59 | 64 | $css_generator->add_class_styles( |
| 60 | 65 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-value', |
| @@ -59,9 +64,10 @@ | ||
| 59 | 64 | $css_generator->add_class_styles( |
| 60 | 65 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-value', |
| 61 | 66 | $this->get_number_css( $attributes ), |
| 62 | 67 | $this->get_number_css( $attributes, 'Tablet' ), |
| 63 | - $this->get_number_css( $attributes, 'Mobile' ) | |
| 68 | + $this->get_number_css( $attributes, 'Mobile' ), | |
| 69 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_number_css( $attributes, $device ); } ) | |
| 64 | 70 | ); |
| 65 | 71 | |
| 66 | 72 | $css_generator->add_class_styles( |
| 67 | 73 | '{{WRAPPER}} .ablocks-countdown__separator', |
| @@ -66,9 +72,10 @@ | ||
| 66 | 72 | $css_generator->add_class_styles( |
| 67 | 73 | '{{WRAPPER}} .ablocks-countdown__separator', |
| 68 | 74 | $this->get_separator_css( $attributes ), |
| 69 | 75 | $this->get_separator_css( $attributes, 'Tablet' ), |
| 70 | - $this->get_separator_css( $attributes, 'Mobile' ) | |
| 76 | + $this->get_separator_css( $attributes, 'Mobile' ), | |
| 77 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_separator_css( $attributes, $device ); } ) | |
| 71 | 78 | ); |
| 72 | 79 | |
| 73 | 80 | return $css_generator->generate_css(); |
| 74 | 81 | } |
| @@ -78,9 +85,10 @@ | ||
| 78 | 85 | $css_generator->add_class_styles( |
| 79 | 86 | '{{WRAPPER}}', |
| 80 | 87 | $this->get_wrapper_css( $attributes ), |
| 81 | 88 | $this->get_wrapper_css( $attributes, 'Tablet' ), |
| 82 | - $this->get_wrapper_css( $attributes, 'Mobile' ) | |
| 89 | + $this->get_wrapper_css( $attributes, 'Mobile' ), | |
| 90 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_wrapper_css( $attributes, $device ); } ) | |
| 83 | 91 | ); |
| 84 | 92 | $css_generator->add_class_styles( |
| 85 | 93 | '{{WRAPPER}}.ablocks-block--countdown:not(.ablocks-has-container), |
| 86 | 94 | {{WRAPPER}}.ablocks-block--countdown .ablocks-block-container', |
| @@ -85,9 +93,10 @@ | ||
| 85 | 93 | '{{WRAPPER}}.ablocks-block--countdown:not(.ablocks-has-container), |
| 86 | 94 | {{WRAPPER}}.ablocks-block--countdown .ablocks-block-container', |
| 87 | 95 | $this->get_countdown_items_css( $attributes, '' ), |
| 88 | 96 | $this->get_countdown_items_css( $attributes, 'Tablet' ), |
| 89 | - $this->get_countdown_items_css( $attributes, 'Mobile' ) | |
| 97 | + $this->get_countdown_items_css( $attributes, 'Mobile' ), | |
| 98 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_items_css( $attributes, $device ); } ) | |
| 90 | 99 | ); |
| 91 | 100 | |
| 92 | 101 | $css_generator->add_class_styles( |
| 93 | 102 | '{{WRAPPER}} .ablocks-countdown__item', |
| @@ -92,15 +101,17 @@ | ||
| 92 | 101 | $css_generator->add_class_styles( |
| 93 | 102 | '{{WRAPPER}} .ablocks-countdown__item', |
| 94 | 103 | $this->get_countdown_item_css( $attributes ), |
| 95 | 104 | $this->get_countdown_item_css( $attributes, 'Tablet' ), |
| 96 | - $this->get_countdown_item_css( $attributes, 'Mobile' ) | |
| 105 | + $this->get_countdown_item_css( $attributes, 'Mobile' ), | |
| 106 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_item_css( $attributes, $device ); } ) | |
| 97 | 107 | ); |
| 98 | 108 | $css_generator->add_class_styles( |
| 99 | 109 | '{{WRAPPER}} .ablocks-countdown__item:hover', |
| 100 | 110 | $this->get_countdown_item_hover_css( $attributes ), |
| 101 | 111 | $this->get_countdown_item_hover_css( $attributes, 'Tablet' ), |
| 102 | - $this->get_countdown_item_hover_css( $attributes, 'Mobile' ) | |
| 112 | + $this->get_countdown_item_hover_css( $attributes, 'Mobile' ), | |
| 113 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_countdown_item_hover_css( $attributes, $device ); } ) | |
| 103 | 114 | ); |
| 104 | 115 | |
| 105 | 116 | $css_generator->add_class_styles( |
| 106 | 117 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-label', |
| @@ -105,9 +116,10 @@ | ||
| 105 | 116 | $css_generator->add_class_styles( |
| 106 | 117 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-label', |
| 107 | 118 | $this->get_label_css( $attributes ), |
| 108 | 119 | $this->get_label_css( $attributes, 'Tablet' ), |
| 109 | - $this->get_label_css( $attributes, 'Mobile' ) | |
| 120 | + $this->get_label_css( $attributes, 'Mobile' ), | |
| 121 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_label_css( $attributes, $device ); } ) | |
| 110 | 122 | ); |
| 111 | 123 | |
| 112 | 124 | $css_generator->add_class_styles( |
| 113 | 125 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-value', |
| @@ -112,9 +124,10 @@ | ||
| 112 | 124 | $css_generator->add_class_styles( |
| 113 | 125 | '{{WRAPPER}} .ablocks-countdown__item .ablocks-countdown-value', |
| 114 | 126 | $this->get_number_css( $attributes ), |
| 115 | 127 | $this->get_number_css( $attributes, 'Tablet' ), |
| 116 | - $this->get_number_css( $attributes, 'Mobile' ) | |
| 128 | + $this->get_number_css( $attributes, 'Mobile' ), | |
| 129 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_number_css( $attributes, $device ); } ) | |
| 117 | 130 | ); |
| 118 | 131 | |
| 119 | 132 | $css_generator->add_class_styles( |
| 120 | 133 | '{{WRAPPER}} .ablocks-countdown__separator', |
| @@ -119,9 +132,10 @@ | ||
| 119 | 132 | $css_generator->add_class_styles( |
| 120 | 133 | '{{WRAPPER}} .ablocks-countdown__separator', |
| 121 | 134 | $this->get_separator_css( $attributes ), |
| 122 | 135 | $this->get_separator_css( $attributes, 'Tablet' ), |
| 123 | - $this->get_separator_css( $attributes, 'Mobile' ) | |
| 136 | + $this->get_separator_css( $attributes, 'Mobile' ), | |
| 137 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_separator_css( $attributes, $device ); } ) | |
| 124 | 138 | ); |
| 125 | 139 | |
| 126 | 140 | return $css_generator->generate_css(); |
| 127 | 141 | } |