parent = $widget; $this->start_controls_section( 'section_style_calm', [ 'label' => __( 'Calm', 'bdthemes-element-pack' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'calm_overlay_color', [ 'label' => __( 'Overlay Color', 'bdthemes-element-pack' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .bdt-member .bdt-member-overlay' => 'background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,{{VALUE)}} 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,{{VALUE)}} 100%);', ], ] ); $this->end_controls_section(); } public function render() { $calm_id = 'calm' . $this->parent->get_id(); $settings = $this->parent->get_settings_for_display(); $image_mask = $settings['image_mask_popover'] == 'yes' ? ' bdt-image-mask' : ''; $this->parent->add_render_attribute( 'skin-calm', 'class', 'bdt-member skin-calm bdt-transition-toggle bdt-inline' . $image_mask ); if ( ( $settings['member_alternative_photo'] ) and ( ! empty ( $settings['alternative_photo']['url'] ) ) ) { $this->parent->add_render_attribute( 'skin-calm', 'class', [ 'bdt-position-relative', 'bdt-overflow-hidden', 'bdt-transition-toggle' ] ); $this->parent->add_render_attribute( 'skin-calm', 'bdt-toggle', 'target: > div > .bdt-member-photo-flip; mode: hover; animation: bdt-animation-fade; queued: true; duration: 300;' ); } if ( ! isset ( $settings['social_icon'] ) && ! Icons_Manager::is_migration_allowed() ) { // add old default $settings['social_icon'] = 'fab fa-facebook-f'; } ?>

parent->print_render_attribute_string( 'skin-calm' ); ?>>

parent->render_social_icons('bdt-transition-slide-bottom'); ?>