@Bʈtx@XҊXt@뉨t(" @X0HT <#H$5Fr$tz@`tZ@T7hiTzJy~{EZ4k t4 @Qt@Q"t3t @7eUw 8t@ұiȝ)|T*!t@Utr@ tG@;Zet@GGt@eetI@\t@abi-^^0<T,@\+t`@OOO:mV}9t@t:n@ct@ @et@ŒtH@Ly|~tj9 @5Bt @NLtw@;3t@ht@aѰatG@t,@^;^*7D\ x t@Ét @30<:'VT|l>t=@[;t) @PH2Y (v t@~`FzditK @ t@JtZ @،ttk@Ttb@G{t @^^t>z @t;G@ OF XXۄ}hhimwmvhit@KKt@3*U>#H(fit@t @ox\\:{6U v.Vt@8t@wt@s`4t@t @U<tf[ @UtW @Dt@EWмlD켱{U/4/RXbUote9 @ bt@n#t4f @xo_tE@t@1t>U@&tI@YYt) @'t< @Rt @lt% @ t @Fati @$tA @õt@ @t:O@tu @{t@BYt @t @yetl @ a tB @wbwt#@Da%DtIL @ht @+t" @#t @Tͽt @t@`tF @<t  @ŘXt, @&6t@>t`e@KuitS@Gt@6tŎ @W8[tʏ@NRtG@EUti @/t @qt @MtZ! @mtS@1Xt@tF @66tCV@jwk4OOtӈ@B^t@tH@#qtf@r>t,&@5Qd5t@Lt @T›(t} @˭>t9 @[tyv@1Sto@mtZ@1Mtv:@btIy @vBtŮ@t@Wt @, g? 2?u@t^8@?t@ 47t`@ d tK@YGt @ t@Qkt@,-,t<@5"to, @yv_t@@﷥t@Ut @^tT@,9t&@z>t@'[t@zutT @zW$t @!tY @'tq7 @tE @@t]L@0tl @te @tL @~i~t@_QtC@ΦTt]@3Xtw@gtF @>i|XPPƮ`t @:tF_@Nvt@{l{t>`@<^tǴ @KkN`CYk<Ot@[#t @nltԡ @{տt @55t@b't"@[7B{t@tE@_bt@bt.@- wt@!t_ @464t@ t@@{6^t@ !Stk@T st8@yӁth @ހtWj@Vt{@eI=t@otHa@Q[kt @t: @ZiJt@$БtH@h,tH@awnatYS @K7tH @2 2t@9QP!Pa t @.$.t@mXtU* @allback' => 'wp_filter_nohtml_kses', 'default' => __( 'Button', 'neve' ), 'label' => __( 'Text', 'neve' ), 'type' => 'text', 'section' => $this->section, 'use_dynamic_fields' => array( 'string' ), 'conditional_header' => $this->get_builder_id() === 'header', ] ); SettingsManager::get_instance()->add( [ 'id' => self::OPEN_NEW_TAB, 'group' => $this->get_class_const( 'COMPONENT_ID' ), 'tab' => SettingsManager::TAB_GENERAL, 'section' => $this->section, 'label' => ucfirst( str_replace( [ '(', ')' ], '', __( '(opens in a new tab)', 'neve' ) ) ), 'type' => 'neve_toggle_control', 'transport' => 'postheader', 'sanitize_callback' => 'absint', 'default' => self::DEFAULT_OPEN_NEW_TAB, 'conditional_header' => true, ] ); SettingsManager::get_instance()->add( [ 'id' => self::STYLE_ID, 'group' => $this->get_class_const( 'COMPONENT_ID' ), 'tab' => SettingsManager::TAB_STYLE, 'transport' => 'post' . $this->get_class_const( 'COMPONENT_ID' ), 'sanitize_callback' => 'neve_sanitize_button_appearance', 'label' => __( 'Appearance', 'neve' ), 'type' => '\Neve\Customizer\Controls\React\Button_Appearance', 'section' => $this->section, 'conditional_header' => $this->get_builder_id() === 'header', 'live_refresh_selector' => true, 'live_refresh_css_prop' => [ 'cssVar' => [ 'vars' => [ '--primarybtnbg' => 'background', '--primarybtncolor' => 'text', '--primarybtnhoverbg' => 'backgroundHover', '--primarybtnhovercolor' => 'textHover', '--primarybtnborderradius' => [ 'key' => 'borderRadius', 'suffix' => 'px', ], '--primarybtnborderwidth' => [ 'key' => 'borderWidth', 'suffix' => 'px', ], '--primarybtnshadow' => [ 'key' => 'useShadow', ], '--primarybtnhovershadow' => [ 'key' => 'useShadowHover', ], ], 'selector' => '.builder-item--' . $this->get_id(), ], ], ] ); } /** * Method to add Component css styles. * * @param array $css_array An array containing css rules. * * @return array * @since 1.0.0 * @access public */ public function add_style( array $css_array = array() ) { $id = $this->get_id() . '_' . self::STYLE_ID; $value = get_theme_mod( $id ); $rules = [ '--primarybtnbg' => [ Dynamic_Selector::META_KEY => $id . '.background', Dynamic_Selector::META_DEFAULT => 'var(--nv-primary-accent)', ], '--primarybtncolor' => [ Dynamic_Selector::META_KEY => $id . '.text', Dynamic_Selector::META_DEFAULT => '#fff', ], '--primarybtnhoverbg' => [ Dynamic_Selector::META_KEY => $id . '.backgroundHover', Dynamic_Selector::META_DEFAULT => 'var(--nv-primary-accent)', ], '--primarybtnhovercolor' => [ Dynamic_Selector::META_KEY => $id . '.textHover', Dynamic_Selector::META_DEFAULT => '#fff', ], '--primarybtnborderradius' => [ Dynamic_Selector::META_KEY => $id . '.borderRadius', 'directional-prop' => Config::CSS_PROP_BORDER_RADIUS, ], ]; if ( isset( $value['type'] ) && $value['type'] === 'outline' ) { $rules['--primarybtnborderwidth'] = [ Dynamic_Selector::META_KEY => $id . '.borderWidth', 'directional-prop' => Config::CSS_PROP_BORDER_WIDTH, ]; } $button_values = $value; $rules['--primarybtnshadow'] = [ Dynamic_Selector::META_KEY => $id . '.shadowColor', Dynamic_Selector::META_DEFAULT => 'none', Dynamic_Selector::META_FILTER => function ( $css_prop, $value, $meta, $device ) use ( $button_values ) { if ( ! isset( $button_values['useShadow'] ) || empty( $button_values['useShadow'] ) ) { return sprintf( '%s:%s;', $css_prop, 'none' ); } $blur = intval( $button_values['shadowProperties']['blur'] ); $width = intval( $button_values['shadowProperties']['width'] ); $height = intval( $button_values['shadowProperties']['height'] ); return sprintf( '%s:%s;', $css_prop, sprintf( '%spx %spx %spx %s;', $width, $height, $blur, $value ) ); }, ]; $rules['--primarybtnhovershadow'] = [ Dynamic_Selector::META_KEY => $id . '.shadowColorHover', Dynamic_Selector::META_DEFAULT => 'none', Dynamic_Selector::META_FILTER => function ( $css_prop, $value, $meta, $device ) use ( $button_values ) { if ( ! isset( $button_values['useShadowHover'] ) || empty( $button_values['useShadowHover'] ) ) { return sprintf( '%s:%s;', $css_prop, 'none' ); } $blur = intval( $button_values['shadowPropertiesHover']['blur'] ); $width = intval( $button_values['shadowPropertiesHover']['width'] ); $height = intval( $button_values['shadowPropertiesHover']['height'] ); return sprintf( '%s:%s;', $css_prop, sprintf( '%spx %spx %spx %s;', $width, $height, $blur, $value ) ); }, ]; $css_array[] = [ Dynamic_Selector::KEY_SELECTOR => $this->default_selector, Dynamic_Selector::KEY_RULES => $rules, ]; return parent::add_style( $css_array ); } /** * The render method for the component. * * @since 1.0.0 * @access public */ public function render_component() { Main::get_instance()->load( 'components/component-button' ); } } barock Archive - nobilis | Das Lifestyle-Magazin für Hannover und Umgebung
Zum Inhalt springen
Startseite » barock

barock