Why Gemfury?
Push, build, and install
RubyGems
npm packages
Python packages
Maven artifacts
PHP packages
Go Modules
Bower components
Debian packages
RPM packages
NuGet packages
jsarnowski / jsarnowski/blocksy-companion-pro php
Repository URL to install this package:
Version:
1.8.76
Version:
1.8.76
/ premium / features / premium-header / items / language-switcher / dynamic-styles.php
<?php
$type = blocksy_akg('ls_type', $atts, 'inline');
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector($root_selector),
'variableName' => 'items-spacing',
'value' => blocksy_akg('ls_items_spacing', $atts, 20),
'unit' => 'px'
]);
blocksy_output_font_css([
'font_value' => blocksy_akg( 'ls_font', $atts,
blocksy_typography_default_values([
'size' => '12px',
'variation' => 'n5',
'text-transform' => 'uppercase',
])
),
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector($root_selector),
]);
// default state
blocksy_output_colors([
'value' => blocksy_akg('ls_label_color', $atts),
'default' => [
'default' => [ 'color' => 'var(--color)' ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'variables' => [
'default' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
])
),
'variable' => 'linkInitialColor'
],
'hover' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
])
),
'variable' => 'linkHoverColor'
],
],
'responsive' => true
]);
// transparent state
if (isset($has_transparent_header) && $has_transparent_header) {
blocksy_output_colors([
'value' => blocksy_akg('transparent_ls_label_color', $atts),
'default' => [
'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'variables' => [
'default' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
]),
'operation' => 'between',
'to_add' => '[data-transparent-row="yes"]'
])
),
'variable' => 'linkInitialColor'
],
'hover' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
]),
'operation' => 'between',
'to_add' => '[data-transparent-row="yes"]'
])
),
'variable' => 'linkHoverColor'
],
],
'responsive' => true
]);
}
// sticky state
if (isset($has_sticky_header) && $has_sticky_header) {
blocksy_output_colors([
'value' => blocksy_akg('sticky_ls_label_color', $atts),
'default' => [
'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'variables' => [
'default' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
]),
'operation' => 'between',
'to_add' => '[data-sticky*="yes"]'
])
),
'variable' => 'linkInitialColor'
],
'hover' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => '.ct-language'
]),
'operation' => 'between',
'to_add' => '[data-sticky*="yes"]'
])
),
'variable' => 'linkHoverColor'
],
],
'responsive' => true
]);
}
if ($type === 'dropdown') {
// Dropdown top offset
$ls_dropdown_offset = blocksy_akg( 'ls_dropdown_offset', $atts, 15 );
$css->put(
blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'--margin-top: ' . $ls_dropdown_offset . 'px'
);
// Dropdown items spacing
$ls_dropdown_items_spacing = blocksy_akg( 'ls_dropdown_items_spacing', $atts, 15 );
$css->put(
blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'--padding: ' . $ls_dropdown_items_spacing . 'px'
);
blocksy_output_font_css([
'font_value' => blocksy_akg( 'ls_dropdown_font', $atts,
blocksy_typography_default_values()
),
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul[data-placement]'
])
),
]);
// Dropdown font color
blocksy_output_colors([
'value' => blocksy_akg('ls_dropdown_font_color', $atts),
'default' => [
'default' => [ 'color' => '#ffffff' ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'variables' => [
'default' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'variable' => 'linkInitialColor'
],
'hover' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'variable' => 'linkHoverColor'
],
],
]);
// Dropdown divider
blocksy_output_border([
'css' => $css,
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'variableName' => 'border',
'value' => blocksy_akg('ls_dropdown_divider', $atts),
'default' => [
'width' => 1,
'style' => 'dashed',
'color' => [
'color' => 'rgba(255, 255, 255, 0.1)',
],
]
]);
// Dropdown background
blocksy_output_colors([
'value' => blocksy_akg('ls_dropdown_background', $atts),
'default' => [
'default' => [ 'color' => '#29333C' ],
],
'css' => $css,
'variables' => [
'default' => [
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'variable' => 'background-color'
],
],
]);
// Box shadow
blocksy_output_box_shadow([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'value' => blocksy_akg('ls_dropdown_shadow', $atts, blocksy_box_shadow_value([
'enable' => true,
'h_offset' => 0,
'v_offset' => 10,
'blur' => 20,
'spread' => 0,
'inset' => false,
'color' => [
'color' => 'rgba(41, 51, 61, 0.1)',
],
])),
'responsive' => true
]);
// Border radius
blocksy_output_spacing([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector(
blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'suffix',
'to_add' => 'ul'
])
),
'property' => 'border-radius',
'value' => blocksy_default_akg(
'ls_dropdown_radius', $atts,
blocksy_spacing_value([
'linked' => true,
'top' => '2px',
'left' => '2px',
'right' => '2px',
'bottom' => '2px',
])
)
]);
}
blocksy_output_spacing([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector($root_selector),
'important' => true,
'value' => blocksy_default_akg(
'ls_margin', $atts,
blocksy_spacing_value([
'linked' => true,
])
)
]);
// footer language switcher
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector(blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'replace-last',
'to_add' => '[data-column="language-switcher"]'
])),
'variableName' => 'horizontal-alignment',
'value' => blocksy_akg( 'footer_ls_horizontal_alignment', $atts, 'CT_CSS_SKIP_RULE' ),
'unit' => '',
]);
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_assemble_selector(blocksy_mutate_selector([
'selector' => $root_selector,
'operation' => 'replace-last',
'to_add' => '[data-column="language-switcher"]'
])),
'variableName' => 'vertical-alignment',
'value' => blocksy_akg( 'footer_ls_vertical_alignment', $atts, 'CT_CSS_SKIP_RULE' ),
'unit' => '',
]);