| @@ -468,9 +468,9 @@ | ||
| 468 | 468 | 'default' => [ 'size' => 15 ], |
| 469 | 469 | 'range' => [ 'px' => [ 'min' => 0, 'max' => 100 ] ], |
| 470 | 470 | 'selectors' => [ |
| 471 | 471 | '{{WRAPPER}} .nx-countdown-item > div' => 'margin-right:{{SIZE}}px; margin-left:{{SIZE}}px;', |
| 472 | - '{{WRAPPER}} .nx-countdown-container' => 'margin-right:-{{SIZE}}px; margin-left:-{{SIZE}}px;', | |
| 472 | + '{{WRAPPER}} .nx-countdown-container' => 'margin-right:-{{SIZE}}px; margin-left:-{{SIZE}}px; --nx-countdown-box-spacing:{{SIZE}}px;', | |
| 473 | 473 | ], |
| 474 | 474 | ] |
| 475 | 475 | ); |
| 476 | 476 | |
| @@ -549,8 +549,59 @@ | ||
| 549 | 549 | Group_Control_Typography::get_type(), |
| 550 | 550 | [ |
| 551 | 551 | 'name' => 'nx_digits_typography', |
| 552 | 552 | 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_SECONDARY ], |
| 553 | + 'selector' => '{{WRAPPER}} .nx-countdown-digits', | |
| 554 | + ] | |
| 555 | + ); | |
| 556 | + | |
| 557 | + $this->add_control( | |
| 558 | + 'nx_digits_bg_color', | |
| 559 | + [ | |
| 560 | + 'label' => esc_html__( 'Background Color', 'notificationx' ), | |
| 561 | + 'type' => Controls_Manager::COLOR, | |
| 562 | + 'selectors' => [ | |
| 563 | + '{{WRAPPER}} .nx-countdown-digits' => 'background-color: {{VALUE}};', | |
| 564 | + ], | |
| 565 | + ] | |
| 566 | + ); | |
| 567 | + | |
| 568 | + $this->add_responsive_control( | |
| 569 | + 'nx_digits_padding', | |
| 570 | + [ | |
| 571 | + 'label' => esc_html__( 'Padding', 'notificationx' ), | |
| 572 | + 'type' => Controls_Manager::DIMENSIONS, | |
| 573 | + 'size_units' => [ 'px', 'em', '%' ], | |
| 574 | + 'selectors' => [ | |
| 575 | + '{{WRAPPER}} .nx-countdown-digits' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 576 | + ], | |
| 577 | + ] | |
| 578 | + ); | |
| 579 | + | |
| 580 | + $this->add_group_control( | |
| 581 | + Group_Control_Border::get_type(), | |
| 582 | + [ | |
| 583 | + 'name' => 'nx_digits_border', | |
| 584 | + 'selector' => '{{WRAPPER}} .nx-countdown-digits', | |
| 585 | + ] | |
| 586 | + ); | |
| 587 | + | |
| 588 | + $this->add_responsive_control( | |
| 589 | + 'nx_digits_border_radius', | |
| 590 | + [ | |
| 591 | + 'label' => esc_html__( 'Border Radius', 'notificationx' ), | |
| 592 | + 'type' => Controls_Manager::DIMENSIONS, | |
| 593 | + 'size_units' => [ 'px', '%' ], | |
| 594 | + 'selectors' => [ | |
| 595 | + '{{WRAPPER}} .nx-countdown-digits' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', | |
| 596 | + ], | |
| 597 | + ] | |
| 598 | + ); | |
| 599 | + | |
| 600 | + $this->add_group_control( | |
| 601 | + Group_Control_Box_Shadow::get_type(), | |
| 602 | + [ | |
| 603 | + 'name' => 'nx_digits_box_shadow', | |
| 553 | 604 | 'selector' => '{{WRAPPER}} .nx-countdown-digits', |
| 554 | 605 | ] |
| 555 | 606 | ); |
| 556 | 607 | |
