| Dir : /home/trave494/v1world.us/wp-content/themes/neve/inc/core/styles/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/v1world.us/wp-content/themes/neve/inc/core/styles/gutenberg.php |
<?php
/**
* Style generator based on settings.
*
* @package Neve\Core\Styles
*/
namespace Neve\Core\Styles;
use Neve\Core\Settings\Config;
use Neve\Core\Settings\Mods;
use PHPUnit\Util\Type;
/**
* Class Generator for Gutenberg editor.
*
* @package Neve\Core\Styles
*/
class Gutenberg extends Generator {
use Css_Vars;
/**
* Generator constructor.
*/
public function __construct() {
$this->context = Dynamic_Selector::CONTEXT_GUTENBERG;
$this->setup_buttons();
$this->setup_typography();
$this->add_editor_color_palette_styles();
}
/**
* Setup typography subscribers.
*/
public function setup_typography() {
if ( ! neve_is_new_skin() ) {
$this->setup_legacy_typography();
return;
}
$rules = $this->get_typography_rules();
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => ':root',
Dynamic_Selector::KEY_RULES => $rules,
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
}
/**
* Setup button subscribers.
*/
public function setup_buttons() {
if ( ! neve_is_new_skin() ) {
$this->setup_legacy_buttons();
return;
}
$rules = $this->get_button_rules();
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => ':root',
Dynamic_Selector::KEY_RULES => $rules,
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
}
/**
* Adds colors from the editor-color-palette theme support.
*/
private function add_editor_color_palette_styles() {
$is_new_user = get_option( 'neve_new_user' );
$imported_starter_site = get_option( 'neve_imported_demo' );
if ( $is_new_user === 'yes' && $imported_starter_site !== 'yes' ) {
return;
}
$this->_subscribers['.has-neve-button-color-color'] = [
Config::CSS_PROP_COLOR => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_PRIMARY_STYLE . '.background',
Dynamic_Selector::META_IMPORTANT => true,
Dynamic_Selector::META_DEFAULT => 'var(--nv-primary-accent)',
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
],
];
$this->_subscribers['.has-neve-button-color-background-color'] = [
Config::CSS_PROP_BACKGROUND_COLOR => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_PRIMARY_STYLE . '.background',
Dynamic_Selector::META_IMPORTANT => true,
Dynamic_Selector::META_DEFAULT => 'var(--nv-primary-accent)',
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
],
];
}
/**
* Setup legacy buttons selectors.
*/
private function setup_legacy_buttons() {
// Gutenberg
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-primary .wp-block-button__link, .wc-block-grid .wp-block-button .wp-block-button__link',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => Config::MODS_BUTTON_PRIMARY_STYLE . '.background',
Config::CSS_PROP_COLOR => Config::MODS_BUTTON_PRIMARY_STYLE . '.text',
Config::CSS_PROP_BORDER_RADIUS => Config::MODS_BUTTON_PRIMARY_STYLE . '.borderRadius',
Config::CSS_PROP_CUSTOM_BTN_TYPE => Config::MODS_BUTTON_PRIMARY_STYLE . '.type',
Config::CSS_PROP_BORDER_WIDTH => Config::MODS_BUTTON_PRIMARY_STYLE . '.borderWidth',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-primary .wp-block-button__link:hover, .wc-block-grid .wp-block-button .wp-block-button__link:hover',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => Config::MODS_BUTTON_PRIMARY_STYLE . '.backgroundHover',
Config::CSS_PROP_COLOR => Config::MODS_BUTTON_PRIMARY_STYLE . '.textHover',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers [] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-secondary .wp-block-button__link',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => Config::MODS_BUTTON_SECONDARY_STYLE . '.background',
Config::CSS_PROP_COLOR => Config::MODS_BUTTON_SECONDARY_STYLE . '.text',
Config::CSS_PROP_BORDER_RADIUS => Config::MODS_BUTTON_SECONDARY_STYLE . '.borderRadius',
Config::CSS_PROP_CUSTOM_BTN_TYPE => Config::MODS_BUTTON_SECONDARY_STYLE . '.type',
Config::CSS_PROP_BORDER_WIDTH => Config::MODS_BUTTON_SECONDARY_STYLE . '.borderWidth',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-secondary .wp-block-button__link:hover',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => Config::MODS_BUTTON_SECONDARY_STYLE . '.backgroundHover',
Config::CSS_PROP_COLOR => Config::MODS_BUTTON_SECONDARY_STYLE . '.textHover',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-primary .wp-block-button__link, .wc-block-grid .wp-block-button .wp-block-button__link',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_PADDING => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_PRIMARY_PADDING,
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_SIZE => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_TYPEFACE . '.fontSize',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => 'em',
],
Config::CSS_PROP_LINE_HEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_TYPEFACE . '.lineHeight',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => '',
],
Config::CSS_PROP_LETTER_SPACING => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_TYPEFACE . '.letterSpacing',
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_WEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_TYPEFACE . '.fontWeight',
'font' => 'mods_' . Config::MODS_FONT_GENERAL,
],
Config::CSS_PROP_TEXT_TRANSFORM => Config::MODS_BUTTON_TYPEFACE . '.textTransform',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.wp-block-button.is-style-secondary .wp-block-button__link',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_PADDING => [
Dynamic_Selector::META_KEY => Config::MODS_BUTTON_SECONDARY_PADDING,
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_SIZE => [
Dynamic_Selector::META_KEY => Config::MODS_SECONDARY_BUTTON_TYPEFACE . '.fontSize',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => 'em',
],
Config::CSS_PROP_LINE_HEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_SECONDARY_BUTTON_TYPEFACE . '.lineHeight',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => '',
],
Config::CSS_PROP_LETTER_SPACING => [
Dynamic_Selector::META_KEY => Config::MODS_SECONDARY_BUTTON_TYPEFACE . '.letterSpacing',
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_WEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_SECONDARY_BUTTON_TYPEFACE . '.fontWeight',
'font' => 'mods_' . Config::MODS_FONT_GENERAL,
],
Config::CSS_PROP_TEXT_TRANSFORM => Config::MODS_SECONDARY_BUTTON_TYPEFACE . '.textTransform',
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
}
/**
* Setup legacy typography.
*/
private function setup_legacy_typography() {
// Gutenberg Typography.
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.editor-post-title__block .editor-post-title__input,
.wp-block h1, h1.wp-block
.wp-block h2, h2.wp-block
.wp-block h3, h3.wp-block
.wp-block h4, h4.wp-block
.wp-block h5, h5.wp-block
.wp-block h6, h6.wp-block',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_FONT_FAMILY => Config::MODS_FONT_HEADINGS,
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => '.editor-styles-wrapper',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_FONT_FAMILY => [
Dynamic_Selector::META_KEY => Config::MODS_FONT_GENERAL,
Dynamic_Selector::META_DEFAULT => Mods::get_alternative_mod_default( Config::MODS_FONT_GENERAL ),
],
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
$this->_subscribers[] = [
Dynamic_Selector::KEY_SELECTOR => ' .wp-block,
[data-type="core/paragraph"] p',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_FONT_SIZE => [
Dynamic_Selector::META_KEY => Config::MODS_TYPEFACE_GENERAL . '.fontSize',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => 'px',
],
Config::CSS_PROP_LINE_HEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_TYPEFACE_GENERAL . '.lineHeight',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => '',
],
Config::CSS_PROP_LETTER_SPACING => [
Dynamic_Selector::META_KEY => Config::MODS_TYPEFACE_GENERAL . '.letterSpacing',
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_WEIGHT => [
Dynamic_Selector::META_KEY => Config::MODS_TYPEFACE_GENERAL . '.fontWeight',
'font' => 'mods_' . Config::MODS_FONT_GENERAL,
],
Config::CSS_PROP_TEXT_TRANSFORM => Config::MODS_TYPEFACE_GENERAL . '.textTransform',
Config::CSS_PROP_FONT_FAMILY => [
Dynamic_Selector::META_KEY => Config::MODS_FONT_GENERAL,
Dynamic_Selector::META_DEFAULT => Mods::get_alternative_mod_default( Config::MODS_FONT_GENERAL ),
],
],
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
foreach (
[
'neve_h1_typeface_general' => '
.wp-block h1, h1.wp-block,
.editor-post-title__block .editor-post-title__input',
'neve_h2_typeface_general' => ' .wp-block h2, h2.wp-block',
'neve_h3_typeface_general' => '.wp-block h3, h3.wp-block',
'neve_h4_typeface_general' => '.wp-block h4, h4.wp-block',
'neve_h5_typeface_general' => '.wp-block h5, h5.wp-block',
'neve_h6_typeface_general' => '.wp-block h6, h6.wp-block',
] as $heading_mod => $heading_selector
) {
$this->_subscribers[] = [
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_FONT_SIZE => [
Dynamic_Selector::META_KEY => $heading_mod . '.fontSize',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => 'em',
],
Config::CSS_PROP_LINE_HEIGHT => [
Dynamic_Selector::META_KEY => $heading_mod . '.lineHeight',
Dynamic_Selector::META_IS_RESPONSIVE => true,
Dynamic_Selector::META_SUFFIX => '',
],
Config::CSS_PROP_LETTER_SPACING => [
Dynamic_Selector::META_KEY => $heading_mod . '.letterSpacing',
Dynamic_Selector::META_IS_RESPONSIVE => true,
],
Config::CSS_PROP_FONT_WEIGHT => [
Dynamic_Selector::META_KEY => $heading_mod . '.fontWeight',
'font' => 'mods_' . Config::MODS_FONT_HEADINGS,
],
Config::CSS_PROP_TEXT_TRANSFORM => $heading_mod . '.textTransform',
Config::CSS_PROP_FONT_FAMILY => Config::MODS_FONT_HEADINGS,
],
Dynamic_Selector::KEY_SELECTOR => $heading_selector,
Dynamic_Selector::KEY_CONTEXT => [
Dynamic_Selector::CONTEXT_GUTENBERG => true,
],
];
}
}
}