146 lines
3.9 KiB
PHP
146 lines
3.9 KiB
PHP
<?php
|
|
|
|
if (! function_exists('blocksy_assemble_selector')) {
|
|
return;
|
|
}
|
|
|
|
// Items direction
|
|
$items_direction = blocksy_akg('menu_items_direction', $atts, 'horizontal');
|
|
|
|
if ($items_direction !== 'horizontal') {
|
|
$items_direction = blocksy_expand_responsive_value($items_direction);
|
|
|
|
blocksy_output_responsive([
|
|
'css' => $css,
|
|
'tablet_css' => $tablet_css,
|
|
'mobile_css' => $mobile_css,
|
|
'selector' => blocksy_assemble_selector($root_selector),
|
|
'variableName' => 'menu-item-width',
|
|
'unit' => '',
|
|
'value' => [
|
|
'desktop' => $items_direction['desktop'] === 'vertical' ? '100%' : 'initial',
|
|
'tablet' => $items_direction['tablet'] === 'vertical' ? '100%' : 'initial',
|
|
'mobile' => $items_direction['mobile'] === 'vertical' ? '100%' : 'initial',
|
|
]
|
|
]);
|
|
}
|
|
|
|
// Items spacing
|
|
$footerMenuItemsSpacing = blocksy_akg('footerMenuItemsSpacing', $atts, 25);
|
|
|
|
if ($footerMenuItemsSpacing !== 25) {
|
|
blocksy_output_responsive([
|
|
'css' => $css,
|
|
'tablet_css' => $tablet_css,
|
|
'mobile_css' => $mobile_css,
|
|
'selector' => blocksy_assemble_selector($root_selector),
|
|
'variableName' => 'menu-items-spacing',
|
|
'value' => $footerMenuItemsSpacing
|
|
]);
|
|
}
|
|
|
|
// Horizontal alignment
|
|
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="' . $item['id'] . '"]'
|
|
])),
|
|
'variableName' => 'horizontal-alignment',
|
|
'value' => blocksy_akg( 'footerMenuAlignment', $atts, 'CT_CSS_SKIP_RULE' ),
|
|
'unit' => '',
|
|
]);
|
|
|
|
// Vertical alignment
|
|
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="' . $item['id'] . '"]'
|
|
])),
|
|
'variableName' => 'vertical-alignment',
|
|
'value' => blocksy_akg( 'footerMenuVerticalAlignment', $atts, 'CT_CSS_SKIP_RULE' ),
|
|
'unit' => '',
|
|
]);
|
|
|
|
|
|
// Top level font
|
|
blocksy_output_font_css([
|
|
'font_value' => blocksy_akg( 'footerMenuFont', $atts,
|
|
blocksy_typography_default_values([
|
|
'size' => '12px',
|
|
'variation' => 'n7',
|
|
'line-height' => '1.3',
|
|
'text-transform' => 'uppercase',
|
|
])
|
|
),
|
|
'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'
|
|
])),
|
|
]);
|
|
|
|
|
|
// Font color
|
|
blocksy_output_colors([
|
|
'value' => blocksy_akg('footerMenuFontColor', $atts),
|
|
'default' => [
|
|
'default' => [ 'color' => 'var(--theme-text-color)' ],
|
|
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
|
|
'active' => [ '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 > li > a'
|
|
])),
|
|
'variable' => 'theme-link-initial-color'
|
|
],
|
|
|
|
'hover' => [
|
|
'selector' => blocksy_assemble_selector(blocksy_mutate_selector([
|
|
'selector' => $root_selector,
|
|
'operation' => 'suffix',
|
|
'to_add' => '> ul > li > a'
|
|
])),
|
|
'variable' => 'theme-link-hover-color'
|
|
],
|
|
|
|
'active' => [
|
|
'selector' => blocksy_assemble_selector(blocksy_mutate_selector([
|
|
'selector' => $root_selector,
|
|
'operation' => 'suffix',
|
|
'to_add' => '> ul > li > a'
|
|
])),
|
|
'variable' => 'theme-link-active-color'
|
|
],
|
|
],
|
|
]);
|
|
|
|
// Top level margin
|
|
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(
|
|
'footerMenuMargin',
|
|
$atts,
|
|
blocksy_spacing_value()
|
|
)
|
|
]);
|