reduxframework / redux-framework

sample/barebones-config.php

Indentation +186 added lines, -186 removed lines

@@ -8,7 +8,7 @@ 
 
 // phpcs:disabled
 if ( ! class_exists( 'Redux' ) ) {
-	return null;
+    return null;
 }
 
 // This is your option name where all the Redux data is stored.
@@ -27,184 +27,184 @@ 
 $theme = wp_get_theme(); // For use with some settings. Not necessary.
 
 $args = array(
-	// REQUIRED!!  Change these values as you need/desire.
-	'opt_name'                  => $opt_name,
+    // REQUIRED!!  Change these values as you need/desire.
+    'opt_name'                  => $opt_name,
 
-	// Name that appears at the top of your panel.
-	'display_name'              => $theme->get( 'Name' ),
+    // Name that appears at the top of your panel.
+    'display_name'              => $theme->get( 'Name' ),
 
-	// Version that appears at the top of your panel.
-	'display_version'           => $theme->get( 'Version' ),
+    // Version that appears at the top of your panel.
+    'display_version'           => $theme->get( 'Version' ),
 
-	// Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
-	'menu_type'                 => 'menu',
+    // Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
+    'menu_type'                 => 'menu',
 
-	// Show the sections below the admin menu item or not.
-	'allow_sub_menu'            => true,
+    // Show the sections below the admin menu item or not.
+    'allow_sub_menu'            => true,
 
-	'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
-	'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
 
-	// Disable this in case you want to create your own Google fonts loader.
-	'disable_google_fonts_link' => false,
+    // Disable this in case you want to create your own Google fonts loader.
+    'disable_google_fonts_link' => false,
 
-	// Show the panel pages on the admin bar.
-	'admin_bar'                 => true,
+    // Show the panel pages on the admin bar.
+    'admin_bar'                 => true,
 
-	// Choose an icon for the admin bar menu.
-	'admin_bar_icon'            => 'dashicons-portfolio',
+    // Choose an icon for the admin bar menu.
+    'admin_bar_icon'            => 'dashicons-portfolio',
 
-	// Choose a priority for the admin bar menu.
-	'admin_bar_priority'        => 50,
+    // Choose a priority for the admin bar menu.
+    'admin_bar_priority'        => 50,
 
-	// Set a different name for your global variable other than the opt_name.
-	'global_variable'           => '',
+    // Set a different name for your global variable other than the opt_name.
+    'global_variable'           => '',
 
-	// Show the time the page took to load, etc.
-	'dev_mode'                  => true,
+    // Show the time the page took to load, etc.
+    'dev_mode'                  => true,
 
-	// Enable basic customizer support.
-	'customizer'                => true,
+    // Enable basic customizer support.
+    'customizer'                => true,
 
-	// Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
-	'page_priority'             => null,
+    // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
+    'page_priority'             => null,
 
-	// For a full list of options, visit: @link https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
-	'page_parent'               => 'themes.php',
+    // For a full list of options, visit: @link https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
+    'page_parent'               => 'themes.php',
 
-	// Permissions needed to access the options panel.
-	'page_permissions'          => 'manage_options',
+    // Permissions needed to access the options panel.
+    'page_permissions'          => 'manage_options',
 
-	// Specify a custom URL to an icon.
-	'menu_icon'                 => '',
+    // Specify a custom URL to an icon.
+    'menu_icon'                 => '',
 
-	// Force your panel to always open to a specific tab (by id).
-	'last_tab'                  => '',
+    // Force your panel to always open to a specific tab (by id).
+    'last_tab'                  => '',
 
-	// Icon displayed in the admin panel next to your menu_title.
-	'page_icon'                 => 'icon-themes',
+    // Icon displayed in the admin panel next to your menu_title.
+    'page_icon'                 => 'icon-themes',
 
-	// Page slug used to denote the panel.
-	'page_slug'                 => '_options',
+    // Page slug used to denote the panel.
+    'page_slug'                 => '_options',
 
-	// On load save the defaults to DB before user clicks save or not.
-	'save_defaults'             => true,
+    // On load save the defaults to DB before user clicks save or not.
+    'save_defaults'             => true,
 
-	// If true, shows the default value next to each field that is not the default value.
-	'default_show'              => false,
+    // If true, shows the default value next to each field that is not the default value.
+    'default_show'              => false,
 
-	// What to print by the field's title if the value shown is default. Suggested: *.
-	'default_mark'              => '',
+    // What to print by the field's title if the value shown is default. Suggested: *.
+    'default_mark'              => '',
 
-	// Shows the Import/Export panel when not used as a field.
-	'show_import_export'        => true,
+    // Shows the Import/Export panel when not used as a field.
+    'show_import_export'        => true,
 
-	// CAREFUL: These options are for advanced use only.
-	'transient_time'            => 60 * MINUTE_IN_SECONDS,
+    // CAREFUL: These options are for advanced use only.
+    'transient_time'            => 60 * MINUTE_IN_SECONDS,
 
-	// Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
-	'output'                    => true,
+    // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
+    'output'                    => true,
 
-	// Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head.
-	'output_tag'                => true,
+    // Allows dynamic CSS to be generated for customizer and google fonts, but stops the dynamic CSS from going to the head.
+    'output_tag'                => true,
 
-	// FUTURE → Not in use yet, but reserved or partially implemented.
-	// Use at your own risk.
-	// Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
-	'database'                  => '',
+    // FUTURE → Not in use yet, but reserved or partially implemented.
+    // Use at your own risk.
+    // Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
+    'database'                  => '',
 
-	'compiler'                  => true,
+    'compiler'                  => true,
 
-	// Enable or disable flyout menus when hovering over a menu with submenus.
-	'flyout_submenus'           => true,
+    // Enable or disable flyout menus when hovering over a menu with submenus.
+    'flyout_submenus'           => true,
 
-	// Mode to display fonts (auto|block|swap|fallback|optional)
-	// See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display .
-	'font_display'              => 'swap',
+    // Mode to display fonts (auto|block|swap|fallback|optional)
+    // See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display .
+    'font_display'              => 'swap',
 
-	// HINTS.
-	'hints'                     => array(
-		'icon'          => 'el el-question-sign',
-		'icon_position' => 'right',
-		'icon_color'    => 'lightgray',
-		'icon_size'     => 'normal',
-		'tip_style'     => array(
-			'color'   => 'light',
-			'shadow'  => true,
-			'rounded' => false,
-			'style'   => '',
-		),
-		'tip_position'  => array(
-			'my' => 'top left',
-			'at' => 'bottom right',
-		),
-		'tip_effect'    => array(
-			'show' => array(
-				'effect'   => 'slide',
-				'duration' => '500',
-				'event'    => 'mouseover',
-			),
-			'hide' => array(
-				'effect'   => 'slide',
-				'duration' => '500',
-				'event'    => 'click mouseleave',
-			),
-		),
-	),
+    // HINTS.
+    'hints'                     => array(
+        'icon'          => 'el el-question-sign',
+        'icon_position' => 'right',
+        'icon_color'    => 'lightgray',
+        'icon_size'     => 'normal',
+        'tip_style'     => array(
+            'color'   => 'light',
+            'shadow'  => true,
+            'rounded' => false,
+            'style'   => '',
+        ),
+        'tip_position'  => array(
+            'my' => 'top left',
+            'at' => 'bottom right',
+        ),
+        'tip_effect'    => array(
+            'show' => array(
+                'effect'   => 'slide',
+                'duration' => '500',
+                'event'    => 'mouseover',
+            ),
+            'hide' => array(
+                'effect'   => 'slide',
+                'duration' => '500',
+                'event'    => 'click mouseleave',
+            ),
+        ),
+    ),
 );
 
 // ADMIN BAR LINKS → Set up custom links in the admin bar menu as external items.
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-docs',
-	'href'  => '//devs.redux.io/',
-	'title' => esc_html__( 'Documentation', 'your-textdomain-here' ),
+    'id'    => 'redux-docs',
+    'href'  => '//devs.redux.io/',
+    'title' => esc_html__( 'Documentation', 'your-textdomain-here' ),
 );
 
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-support',
-	'href'  => '//github.com/ReduxFramework/redux-framework/issues',
-	'title' => esc_html__( 'Support', 'your-textdomain-here' ),
+    'id'    => 'redux-support',
+    'href'  => '//github.com/ReduxFramework/redux-framework/issues',
+    'title' => esc_html__( 'Support', 'your-textdomain-here' ),
 );
 
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-extensions',
-	'href'  => 'redux.io/extensions',
-	'title' => esc_html__( 'Extensions', 'your-textdomain-here' ),
+    'id'    => 'redux-extensions',
+    'href'  => 'redux.io/extensions',
+    'title' => esc_html__( 'Extensions', 'your-textdomain-here' ),
 );
 
 // SOCIAL ICONS → Set up custom links in the footer for quick links in your panel footer icons.
 $args['share_icons'][] = array(
-	'url'   => '//github.com/ReduxFramework/ReduxFramework',
-	'title' => esc_html__( 'Visit us on GitHub', 'your-textdomain-here' ),
-	'icon'  => 'el el-github',
+    'url'   => '//github.com/ReduxFramework/ReduxFramework',
+    'title' => esc_html__( 'Visit us on GitHub', 'your-textdomain-here' ),
+    'icon'  => 'el el-github',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
-	'title' => esc_html__( 'Like us on Facebook', 'your-textdomain-here' ),
-	'icon'  => 'el el-facebook',
+    'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
+    'title' => esc_html__( 'Like us on Facebook', 'your-textdomain-here' ),
+    'icon'  => 'el el-facebook',
 );
 $args['share_icons'][] = array(
-	'url'   => '//twitter.com/reduxframework',
-	'title' => esc_html__( 'Follow us on Twitter', 'your-textdomain-here' ),
-	'icon'  => 'el el-twitter',
+    'url'   => '//twitter.com/reduxframework',
+    'title' => esc_html__( 'Follow us on Twitter', 'your-textdomain-here' ),
+    'icon'  => 'el el-twitter',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.linkedin.com/company/redux-framework',
-	'title' => esc_html__( 'Find us on LinkedIn', 'your-textdomain-here' ),
-	'icon'  => 'el el-linkedin',
+    'url'   => '//www.linkedin.com/company/redux-framework',
+    'title' => esc_html__( 'Find us on LinkedIn', 'your-textdomain-here' ),
+    'icon'  => 'el el-linkedin',
 );
 
 // Panel Intro text → before the form.
 if ( false !== $args['global_variable'] ) {
-	if ( ! empty( $args['global_variable'] ) ) {
-		$v = $args['global_variable'];
-	} else {
-		$v = str_replace( '-', '_', $args['opt_name'] );
-	}
+    if ( ! empty( $args['global_variable'] ) ) {
+        $v = $args['global_variable'];
+    } else {
+        $v = str_replace( '-', '_', $args['opt_name'] );
+    }
 
-	$args['intro_text'] = '<p>' . sprintf( __( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $s', 'your-textdomain-here' ) . '</p>', '<strong>' . $v . '</strong>' );
+    $args['intro_text'] = '<p>' . sprintf( __( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $s', 'your-textdomain-here' ) . '</p>', '<strong>' . $v . '</strong>' );
 } else {
-	$args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
+    $args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
 }
 
 // Add content after the form.
@@ -221,17 +221,17 @@ 
  */
 
 $help_tabs = array(
-	array(
-		'id'      => 'redux-help-tab-1',
-		'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
-
-	array(
-		'id'      => 'redux-help-tab-2',
-		'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
+    array(
+        'id'      => 'redux-help-tab-1',
+        'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
+
+    array(
+        'id'      => 'redux-help-tab-2',
+        'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
 );
 
 Redux::set_help_tab( $opt_name, $help_tabs );
@@ -255,77 +255,77 @@ 
 /* -> START Basic Fields. */
 
 $kses_exceptions = array(
-	'a'      => array(
-		'href' => array(),
-	),
-	'strong' => array(),
-	'br'     => array(),
+    'a'      => array(
+        'href' => array(),
+    ),
+    'strong' => array(),
+    'br'     => array(),
 );
 
 $section = array(
-	'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
-	'id'     => 'basic',
-	'desc'   => esc_html__( 'Basic field with no subsections.', 'your-textdomain-here' ),
-	'icon'   => 'el el-home',
-	'fields' => array(
-		array(
-			'id'       => 'opt-text',
-			'type'     => 'text',
-			'title'    => esc_html__( 'Example Text', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Example description.', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Example subtitle.', 'your-textdomain-here' ),
-			'hint'     => array(
-				'content' => wp_kses( __( 'This is a <strong>hint</strong> tool-tip for the text field.<br/><br/>Add any HTML-based text you like here.', 'your-textdomain-here' ), $kses_exceptions ),
-			),
-		),
-	),
+    'title'  => esc_html__( 'Basic Field', 'your-textdomain-here' ),
+    'id'     => 'basic',
+    'desc'   => esc_html__( 'Basic field with no subsections.', 'your-textdomain-here' ),
+    'icon'   => 'el el-home',
+    'fields' => array(
+        array(
+            'id'       => 'opt-text',
+            'type'     => 'text',
+            'title'    => esc_html__( 'Example Text', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Example description.', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Example subtitle.', 'your-textdomain-here' ),
+            'hint'     => array(
+                'content' => wp_kses( __( 'This is a <strong>hint</strong> tool-tip for the text field.<br/><br/>Add any HTML-based text you like here.', 'your-textdomain-here' ), $kses_exceptions ),
+            ),
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title' => __( 'Basic Fields', 'your-textdomain-here' ),
-	'id'    => 'basic',
-	'desc'  => __( 'Basic fields as subsections.', 'your-textdomain-here' ),
-	'icon'  => 'el el-home',
+    'title' => __( 'Basic Fields', 'your-textdomain-here' ),
+    'id'    => 'basic',
+    'desc'  => __( 'Basic fields as subsections.', 'your-textdomain-here' ),
+    'icon'  => 'el el-home',
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title'      => esc_html__( 'Text', 'your-textdomain-here' ),
-	'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/text.html" target="_blank">https://devs.redux.io/core-fields/text.html</a>',
-	'id'         => 'opt-text-subsection',
-	'subsection' => true,
-	'fields'     => array(
-		array(
-			'id'       => 'text-example',
-			'type'     => 'text',
-			'title'    => esc_html__( 'Text Field', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
-			'default'  => 'Default Text',
-		),
-	),
+    'title'      => esc_html__( 'Text', 'your-textdomain-here' ),
+    'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/text.html" target="_blank">https://devs.redux.io/core-fields/text.html</a>',
+    'id'         => 'opt-text-subsection',
+    'subsection' => true,
+    'fields'     => array(
+        array(
+            'id'       => 'text-example',
+            'type'     => 'text',
+            'title'    => esc_html__( 'Text Field', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
+            'default'  => 'Default Text',
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );
 
 $section = array(
-	'title'      => esc_html__( 'Text Area', 'your-textdomain-here' ),
-	'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/textarea.html" target="_blank">https://devs.redux.io/core-fields/textarea.html</a>',
-	'id'         => 'opt-textarea-subsection',
-	'subsection' => true,
-	'fields'     => array(
-		array(
-			'id'       => 'textarea-example',
-			'type'     => 'textarea',
-			'title'    => esc_html__( 'Text Area Field', 'your-textdomain-here' ),
-			'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
-			'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
-			'default'  => 'Default Text',
-		),
-	),
+    'title'      => esc_html__( 'Text Area', 'your-textdomain-here' ),
+    'desc'       => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/textarea.html" target="_blank">https://devs.redux.io/core-fields/textarea.html</a>',
+    'id'         => 'opt-textarea-subsection',
+    'subsection' => true,
+    'fields'     => array(
+        array(
+            'id'       => 'textarea-example',
+            'type'     => 'textarea',
+            'title'    => esc_html__( 'Text Area Field', 'your-textdomain-here' ),
+            'subtitle' => esc_html__( 'Subtitle', 'your-textdomain-here' ),
+            'desc'     => esc_html__( 'Field Description', 'your-textdomain-here' ),
+            'default'  => 'Default Text',
+        ),
+    ),
 );
 
 Redux::set_section( $opt_name, $section );

sample/sample-config.php

Indentation +425 added lines, -425 removed lines

@@ -10,7 +10,7 @@ 
 defined( 'ABSPATH' ) || exit;
 
 if ( ! class_exists( 'Redux' ) ) {
-	return;
+    return;
 }
 
 // This is your option name where all the Redux data is stored.
@@ -31,32 +31,32 @@ 
 $sample_patterns      = array();
 
 if ( is_dir( $sample_patterns_path ) ) {
-	$sample_patterns_dir = opendir( $sample_patterns_path );
-
-	if ( $sample_patterns_dir ) {
-
-		// phpcs:ignore Generic.CodeAnalysis.AssignmentInCondition.FoundInWhileCondition
-		while ( false !== ( $sample_patterns_file = readdir( $sample_patterns_dir ) ) ) {
-			if ( stristr( $sample_patterns_file, '.png' ) !== false || stristr( $sample_patterns_file, '.jpg' ) !== false ) {
-				$name              = explode( '.', $sample_patterns_file );
-				$name              = str_replace( '.' . end( $name ), '', $sample_patterns_file );
-				$sample_patterns[] = array(
-					'alt' => $name,
-					'img' => $sample_patterns_url . $sample_patterns_file,
-				);
-			}
-		}
-	}
+    $sample_patterns_dir = opendir( $sample_patterns_path );
+
+    if ( $sample_patterns_dir ) {
+
+        // phpcs:ignore Generic.CodeAnalysis.AssignmentInCondition.FoundInWhileCondition
+        while ( false !== ( $sample_patterns_file = readdir( $sample_patterns_dir ) ) ) {
+            if ( stristr( $sample_patterns_file, '.png' ) !== false || stristr( $sample_patterns_file, '.jpg' ) !== false ) {
+                $name              = explode( '.', $sample_patterns_file );
+                $name              = str_replace( '.' . end( $name ), '', $sample_patterns_file );
+                $sample_patterns[] = array(
+                    'alt' => $name,
+                    'img' => $sample_patterns_url . $sample_patterns_file,
+                );
+            }
+        }
+    }
 }
 
 // Used to except HTML tags in description arguments where esc_html would remove.
 $kses_exceptions = array(
-	'a'      => array(
-		'href' => array(),
-	),
-	'strong' => array(),
-	'br'     => array(),
-	'code'   => array(),
+    'a'      => array(
+        'href' => array(),
+    ),
+    'strong' => array(),
+    'br'     => array(),
+    'code'   => array(),
 );
 
 /*
@@ -71,155 +71,155 @@ 
 
 // TYPICAL → Change these values as you need/desire.
 $args = array(
-	// This is where your data is stored in the database and also becomes your global variable name.
-	'opt_name'                  => $opt_name,
+    // This is where your data is stored in the database and also becomes your global variable name.
+    'opt_name'                  => $opt_name,
 
-	// Name that appears at the top of your panel.
-	'display_name'              => $theme->get( 'Name' ),
+    // Name that appears at the top of your panel.
+    'display_name'              => $theme->get( 'Name' ),
 
-	// Version that appears at the top of your panel.
-	'display_version'           => $theme->get( 'Version' ),
+    // Version that appears at the top of your panel.
+    'display_version'           => $theme->get( 'Version' ),
 
-	// Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
-	'menu_type'                 => 'menu',
+    // Specify if the admin menu should appear or not. Options: menu or submenu (Under appearance only).
+    'menu_type'                 => 'menu',
 
-	// Show the sections below the admin menu item or not.
-	'allow_sub_menu'            => true,
+    // Show the sections below the admin menu item or not.
+    'allow_sub_menu'            => true,
 
-	// The text to appear in the admin menu.
-	'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    // The text to appear in the admin menu.
+    'menu_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
 
-	// The text to appear on the page title.
-	'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
+    // The text to appear on the page title.
+    'page_title'                => esc_html__( 'Sample Options', 'your-textdomain-here' ),
 
-	// Disable to create your own Google fonts loader.
-	'disable_google_fonts_link' => false,
+    // Disable to create your own Google fonts loader.
+    'disable_google_fonts_link' => false,
 
-	// Show the panel pages on the admin bar.
-	'admin_bar'                 => true,
+    // Show the panel pages on the admin bar.
+    'admin_bar'                 => true,
 
-	// Icon for the admin bar menu.
-	'admin_bar_icon'            => 'dashicons-portfolio',
+    // Icon for the admin bar menu.
+    'admin_bar_icon'            => 'dashicons-portfolio',
 
-	// Priority for the admin bar menu.
-	'admin_bar_priority'        => 50,
+    // Priority for the admin bar menu.
+    'admin_bar_priority'        => 50,
 
-	// Sets a different name for your global variable other than the opt_name.
-	'global_variable'           => $opt_name,
+    // Sets a different name for your global variable other than the opt_name.
+    'global_variable'           => $opt_name,
 
-	// Show the time the page took to load, etc. (forced on while on localhost or when WP_DEBUG is enabled).
-	'dev_mode'                  => true,
+    // Show the time the page took to load, etc. (forced on while on localhost or when WP_DEBUG is enabled).
+    'dev_mode'                  => true,
 
-	// Enable basic customizer support.
-	'customizer'                => true,
+    // Enable basic customizer support.
+    'customizer'                => true,
 
-	// Allow the panel to open expanded.
-	'open_expanded'             => false,
+    // Allow the panel to open expanded.
+    'open_expanded'             => false,
 
-	// Disable the save warning when a user changes a field.
-	'disable_save_warn'         => false,
+    // Disable the save warning when a user changes a field.
+    'disable_save_warn'         => false,
 
-	// Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
-	'page_priority'             => 90,
+    // Order where the menu appears in the admin area. If there is any conflict, something will not show. Warning.
+    'page_priority'             => 90,
 
-	// For a full list of options, visit: https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
-	'page_parent'               => 'themes.php',
+    // For a full list of options, visit: https://codex.wordpress.org/Function_Reference/add_submenu_page#Parameters.
+    'page_parent'               => 'themes.php',
 
-	// Permissions needed to access the options panel.
-	'page_permissions'          => 'manage_options',
+    // Permissions needed to access the options panel.
+    'page_permissions'          => 'manage_options',
 
-	// Specify a custom URL to an icon.
-	'menu_icon'                 => '',
+    // Specify a custom URL to an icon.
+    'menu_icon'                 => '',
 
-	// Force your panel to always open to a specific tab (by id).
-	'last_tab'                  => '',
+    // Force your panel to always open to a specific tab (by id).
+    'last_tab'                  => '',
 
-	// Icon displayed in the admin panel next to your menu_title.
-	'page_icon'                 => 'icon-themes',
+    // Icon displayed in the admin panel next to your menu_title.
+    'page_icon'                 => 'icon-themes',
 
-	// Page slug used to denote the panel, will be based off page title, then menu title, then opt_name if not provided.
-	'page_slug'                 => $opt_name,
+    // Page slug used to denote the panel, will be based off page title, then menu title, then opt_name if not provided.
+    'page_slug'                 => $opt_name,
 
-	// On load save the defaults to DB before user clicks save.
-	'save_defaults'             => true,
+    // On load save the defaults to DB before user clicks save.
+    'save_defaults'             => true,
 
-	// Display the default value next to each field when not set to the default value.
-	'default_show'              => false,
+    // Display the default value next to each field when not set to the default value.
+    'default_show'              => false,
 
-	// What to print by the field's title if the value shown is default.
-	'default_mark'              => '*',
+    // What to print by the field's title if the value shown is default.
+    'default_mark'              => '*',
 
-	// Shows the Import/Export panel when not used as a field.
-	'show_import_export'        => true,
+    // Shows the Import/Export panel when not used as a field.
+    'show_import_export'        => true,
 
-	// Shows the Options Object for debugging purposes. Show be set to false before deploying.
-	'show_options_object'       => true,
+    // Shows the Options Object for debugging purposes. Show be set to false before deploying.
+    'show_options_object'       => true,
 
-	// The time transients will expire when the 'database' arg is set.
-	'transient_time'            => 60 * MINUTE_IN_SECONDS,
+    // The time transients will expire when the 'database' arg is set.
+    'transient_time'            => 60 * MINUTE_IN_SECONDS,
 
-	// Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
-	'output'                    => true,
+    // Global shut-off for dynamic CSS output by the framework. Will also disable google fonts output.
+    'output'                    => true,
 
-	// Allows dynamic CSS to be generated for customizer and google fonts,
-	// but stops the dynamic CSS from going to the page head.
-	'output_tag'                => true,
+    // Allows dynamic CSS to be generated for customizer and google fonts,
+    // but stops the dynamic CSS from going to the page head.
+    'output_tag'                => true,
 
-	// Disable the footer credit of Redux. Please leave if you can help it.
-	'footer_credit'             => '',
+    // Disable the footer credit of Redux. Please leave if you can help it.
+    'footer_credit'             => '',
 
-	// If you prefer not to use the CDN for ACE Editor.
-	// You may download the Redux Vendor Support plugin to run locally or embed it in your code.
-	'use_cdn'                   => true,
+    // If you prefer not to use the CDN for ACE Editor.
+    // You may download the Redux Vendor Support plugin to run locally or embed it in your code.
+    'use_cdn'                   => true,
 
-	// Set the theme of the option panel.  Use 'wp' to use a more modern style, default is classic.
-	'admin_theme'               => 'wp',
+    // Set the theme of the option panel.  Use 'wp' to use a more modern style, default is classic.
+    'admin_theme'               => 'wp',
 
-	// Enable or disable flyout menus when hovering over a menu with submenus.
-	'flyout_submenus'           => true,
+    // Enable or disable flyout menus when hovering over a menu with submenus.
+    'flyout_submenus'           => true,
 
-	// Mode to display fonts (auto|block|swap|fallback|optional)
-	// See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display.
-	'font_display'              => 'swap',
+    // Mode to display fonts (auto|block|swap|fallback|optional)
+    // See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display.
+    'font_display'              => 'swap',
 
-	// HINTS.
-	'hints'                     => array(
-		'icon'          => 'el el-question-sign',
-		'icon_position' => 'right',
-		'icon_color'    => 'lightgray',
-		'icon_size'     => 'normal',
-		'tip_style'     => array(
-			'color'   => 'red',
-			'shadow'  => true,
-			'rounded' => false,
-			'style'   => '',
-		),
-		'tip_position'  => array(
-			'my' => 'top left',
-			'at' => 'bottom right',
-		),
-		'tip_effect'    => array(
-			'show' => array(
-				'effect'   => 'slide',
-				'duration' => '500',
-				'event'    => 'mouseover',
-			),
-			'hide' => array(
-				'effect'   => 'slide',
-				'duration' => '500',
-				'event'    => 'click mouseleave',
-			),
-		),
-	),
-
-	// FUTURE → Not in use yet, but reserved or partially implemented.
-	// Use at your own risk.
-	// Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
-	'database'                  => '',
-	'network_admin'             => true,
-	'search'                    => true,
-	'widget_area'               => true,
-	'custom_fonts'              => true,
+    // HINTS.
+    'hints'                     => array(
+        'icon'          => 'el el-question-sign',
+        'icon_position' => 'right',
+        'icon_color'    => 'lightgray',
+        'icon_size'     => 'normal',
+        'tip_style'     => array(
+            'color'   => 'red',
+            'shadow'  => true,
+            'rounded' => false,
+            'style'   => '',
+        ),
+        'tip_position'  => array(
+            'my' => 'top left',
+            'at' => 'bottom right',
+        ),
+        'tip_effect'    => array(
+            'show' => array(
+                'effect'   => 'slide',
+                'duration' => '500',
+                'event'    => 'mouseover',
+            ),
+            'hide' => array(
+                'effect'   => 'slide',
+                'duration' => '500',
+                'event'    => 'click mouseleave',
+            ),
+        ),
+    ),
+
+    // FUTURE → Not in use yet, but reserved or partially implemented.
+    // Use at your own risk.
+    // Possible: options, theme_mods, theme_mods_expanded, transient. Not fully functional, warning!
+    'database'                  => '',
+    'network_admin'             => true,
+    'search'                    => true,
+    'widget_area'               => true,
+    'custom_fonts'              => true,
 );
 
 
@@ -227,53 +227,53 @@ 
 // PLEASE CHANGE THESE SETTINGS IN YOUR THEME BEFORE RELEASING YOUR PRODUCT!!
 // If these are left unchanged, they will not display in your panel!
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-docs',
-	'href'  => '//devs.redux.io/',
-	'title' => __( 'Documentation', 'your-textdomain-here' ),
+    'id'    => 'redux-docs',
+    'href'  => '//devs.redux.io/',
+    'title' => __( 'Documentation', 'your-textdomain-here' ),
 );
 
 $args['admin_bar_links'][] = array(
-	'id'    => 'redux-support',
-	'href'  => '//github.com/ReduxFramework/redux-framework/issues',
-	'title' => __( 'Support', 'your-textdomain-here' ),
+    'id'    => 'redux-support',
+    'href'  => '//github.com/ReduxFramework/redux-framework/issues',
+    'title' => __( 'Support', 'your-textdomain-here' ),
 );
 
 // SOCIAL ICONS → Set up custom links in the footer for quick links in your panel footer icons.
 // PLEASE CHANGE THESE SETTINGS IN YOUR THEME BEFORE RELEASING YOUR PRODUCT!!
 // If these are left unchanged, they will not display in your panel!
 $args['share_icons'][] = array(
-	'url'   => '//github.com/ReduxFramework/ReduxFramework',
-	'title' => __( 'Visit us on GitHub', 'your-textdomain-here' ),
-	'icon'  => 'el el-github',
+    'url'   => '//github.com/ReduxFramework/ReduxFramework',
+    'title' => __( 'Visit us on GitHub', 'your-textdomain-here' ),
+    'icon'  => 'el el-github',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
-	'title' => __( 'Like us on Facebook', 'your-textdomain-here' ),
-	'icon'  => 'el el-facebook',
+    'url'   => '//www.facebook.com/pages/Redux-Framework/243141545850368',
+    'title' => __( 'Like us on Facebook', 'your-textdomain-here' ),
+    'icon'  => 'el el-facebook',
 );
 $args['share_icons'][] = array(
-	'url'   => '//twitter.com/reduxframework',
-	'title' => __( 'Follow us on Twitter', 'your-textdomain-here' ),
-	'icon'  => 'el el-twitter',
+    'url'   => '//twitter.com/reduxframework',
+    'title' => __( 'Follow us on Twitter', 'your-textdomain-here' ),
+    'icon'  => 'el el-twitter',
 );
 $args['share_icons'][] = array(
-	'url'   => '//www.linkedin.com/company/redux-framework',
-	'title' => __( 'Find us on LinkedIn', 'your-textdomain-here' ),
-	'icon'  => 'el el-linkedin',
+    'url'   => '//www.linkedin.com/company/redux-framework',
+    'title' => __( 'Find us on LinkedIn', 'your-textdomain-here' ),
+    'icon'  => 'el el-linkedin',
 );
 
 // Panel Intro text → before the form.
 if ( ! isset( $args['global_variable'] ) || false !== $args['global_variable'] ) {
-	if ( ! empty( $args['global_variable'] ) ) {
-		$v = $args['global_variable'];
-	} else {
-		$v = str_replace( '-', '_', $args['opt_name'] );
-	}
-
-	// translators:  Panel opt_name.
-	$args['intro_text'] = '<p>' . sprintf( esc_html__( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $%1$s', 'your-textdomain-here' ), '<strong>' . $v . '</strong>' ) . '<p>';
+    if ( ! empty( $args['global_variable'] ) ) {
+        $v = $args['global_variable'];
+    } else {
+        $v = str_replace( '-', '_', $args['opt_name'] );
+    }
+
+    // translators:  Panel opt_name.
+    $args['intro_text'] = '<p>' . sprintf( esc_html__( 'Did you know that Redux sets a global variable for you? To access any of your saved options from within your code you can use your global variable: $%1$s', 'your-textdomain-here' ), '<strong>' . $v . '</strong>' ) . '<p>';
 } else {
-	$args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
+    $args['intro_text'] = '<p>' . esc_html__( 'This text is displayed above the options panel. It isn\'t required, but more info is always better! The intro_text field accepts all HTML.', 'your-textdomain-here' ) . '</p>';
 }
 
 // Add content after the form.
@@ -289,16 +289,16 @@ 
  * ---> START HELP TABS
  */
 $help_tabs = array(
-	array(
-		'id'      => 'redux-help-tab-1',
-		'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
-	array(
-		'id'      => 'redux-help-tab-2',
-		'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
-		'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
-	),
+    array(
+        'id'      => 'redux-help-tab-1',
+        'title'   => esc_html__( 'Theme Information 1', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
+    array(
+        'id'      => 'redux-help-tab-2',
+        'title'   => esc_html__( 'Theme Information 2', 'your-textdomain-here' ),
+        'content' => '<p>' . esc_html__( 'This is the tab content, HTML is allowed.', 'your-textdomain-here' ) . '</p>',
+    ),
 );
 Redux::set_help_tab( $opt_name, $help_tabs );
 
@@ -317,14 +317,14 @@ 
 
 // -> START Basic Fields
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'            => esc_html__( 'Basic Fields', 'your-textdomain-here' ),
-		'id'               => 'basic',
-		'desc'             => esc_html__( 'These are really basic fields!', 'your-textdomain-here' ),
-		'customizer_width' => '400px',
-		'icon'             => 'el el-home',
-	)
+    $opt_name,
+    array(
+        'title'            => esc_html__( 'Basic Fields', 'your-textdomain-here' ),
+        'id'               => 'basic',
+        'desc'             => esc_html__( 'These are really basic fields!', 'your-textdomain-here' ),
+        'customizer_width' => '400px',
+        'icon'             => 'el el-home',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/basic-fields/checkbox.php';
@@ -337,13 +337,13 @@ 
 
 // -> START Editors.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title'            => esc_html__( 'Editors', 'your-textdomain-here' ),
-		'id'               => 'editor',
-		'customizer_width' => '500px',
-		'icon'             => 'el el-edit',
-	)
+    $opt_name,
+    array(
+        'title'            => esc_html__( 'Editors', 'your-textdomain-here' ),
+        'id'               => 'editor',
+        'customizer_width' => '500px',
+        'icon'             => 'el el-edit',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/editors/wordpress-editor.php';
@@ -351,12 +351,12 @@ 
 
 // -> START Color Selection.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Color Selection', 'your-textdomain-here' ),
-		'id'    => 'color',
-		'icon'  => 'el el-brush',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Color Selection', 'your-textdomain-here' ),
+        'id'    => 'color',
+        'icon'  => 'el el-brush',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/color-selection/color.php';
@@ -368,12 +368,12 @@ 
 
 // -> START Design Fields.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Design Fields', 'your-textdomain-here' ),
-		'id'    => 'design',
-		'icon'  => 'el el-wrench',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Design Fields', 'your-textdomain-here' ),
+        'id'    => 'design',
+        'icon'  => 'el el-wrench',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/design-fields/background.php';
@@ -384,12 +384,12 @@ 
 
 // -> START Media Uploads.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Media Uploads', 'your-textdomain-here' ),
-		'id'    => 'media',
-		'icon'  => 'el el-picture',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Media Uploads', 'your-textdomain-here' ),
+        'id'    => 'media',
+        'icon'  => 'el el-picture',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/media-uploads/gallery.php';
@@ -399,12 +399,12 @@ 
 
 // -> START Presentation Fields.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Presentation Fields', 'your-textdomain-here' ),
-		'id'    => 'presentation',
-		'icon'  => 'el el-screen',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Presentation Fields', 'your-textdomain-here' ),
+        'id'    => 'presentation',
+        'icon'  => 'el el-screen',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/presentation-fields/divide.php';
@@ -413,21 +413,21 @@ 
 require_once Redux_Core::$dir . '../sample/sections/presentation-fields/section.php';
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'id'   => 'presentation-divide-sample',
-		'type' => 'divide',
-	)
+    $opt_name,
+    array(
+        'id'   => 'presentation-divide-sample',
+        'type' => 'divide',
+    )
 );
 
 // → START Switch & Button Set.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Switch / Button Set', 'your-textdomain-here' ),
-		'id'    => 'switch_buttonset',
-		'icon'  => 'el el-cogs',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Switch / Button Set', 'your-textdomain-here' ),
+        'id'    => 'switch_buttonset',
+        'icon'  => 'el el-cogs',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/switch-button/button-set.php';
@@ -435,12 +435,12 @@ 
 
 // -> START Select Fields.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Select Fields', 'your-textdomain-here' ),
-		'id'    => 'select',
-		'icon'  => 'el el-list-alt',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Select Fields', 'your-textdomain-here' ),
+        'id'    => 'select',
+        'icon'  => 'el el-list-alt',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/select-fields/select.php';
@@ -449,12 +449,12 @@ 
 
 // -> START Slider / Spinner.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Slider / Spinner', 'your-textdomain-here' ),
-		'id'    => 'slider_spinner',
-		'icon'  => 'el el-adjust-alt',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Slider / Spinner', 'your-textdomain-here' ),
+        'id'    => 'slider_spinner',
+        'icon'  => 'el el-adjust-alt',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/slider-spinner/slider.php';
@@ -465,12 +465,12 @@ 
 
 // -> START Additional Types.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Additional Types', 'your-textdomain-here' ),
-		'id'    => 'additional',
-		'icon'  => 'el el-magic',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Additional Types', 'your-textdomain-here' ),
+        'id'    => 'additional',
+        'icon'  => 'el el-magic',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/additional-types/date.php';
@@ -479,11 +479,11 @@ 
 require_once Redux_Core::$dir . '../sample/sections/additional-types/raw.php';
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Advanced Features', 'your-textdomain-here' ),
-		'icon'  => 'el el-thumbs-up',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Advanced Features', 'your-textdomain-here' ),
+        'icon'  => 'el el-thumbs-up',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/advanced-features/callback.php';
@@ -501,11 +501,11 @@ 
 
 // -> START Disabling.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Disabling', 'your-textdomain-here' ),
-		'icon'  => 'el el-lock',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Disabling', 'your-textdomain-here' ),
+        'icon'  => 'el el-lock',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/disabling/disable-field.php';
@@ -513,14 +513,14 @@ 
 
 // -> START Extensions.
 Redux::set_section(
-	$opt_name,
-	array(
-		'title' => esc_html__( 'Redux Extensions', 'your-textdomain-here' ),
-		'id'    => 'redux-extensions',
-		'icon'  => 'el el-redux',
-		'class' => 'pro_highlight',
-		'desc'  => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/" target="_blank">https://devs.redux.io/core-extensions/</a>',
-	)
+    $opt_name,
+    array(
+        'title' => esc_html__( 'Redux Extensions', 'your-textdomain-here' ),
+        'id'    => 'redux-extensions',
+        'icon'  => 'el el-redux',
+        'class' => 'pro_highlight',
+        'desc'  => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-extensions/" target="_blank">https://devs.redux.io/core-extensions/</a>',
+    )
 );
 
 require_once Redux_Core::$dir . '../sample/sections/extensions/accordion.php';
@@ -546,46 +546,46 @@ 
  * Raw README
  */
 if ( file_exists( $dir . '/../README.md' ) ) {
-	$section = array(
-		'icon'   => 'el el-list-alt',
-		'title'  => esc_html__( 'Documentation', 'your-textdomain-here' ),
-		'fields' => array(
-			array(
-				'id'           => 'opt-raw-documentation',
-				'type'         => 'raw',
-				'markdown'     => true,
-				'content_path' => __DIR__ . '/../README.md', // FULL PATH, not relative, please.
-			),
-		),
-	);
-
-	Redux::set_section( $opt_name, $section );
+    $section = array(
+        'icon'   => 'el el-list-alt',
+        'title'  => esc_html__( 'Documentation', 'your-textdomain-here' ),
+        'fields' => array(
+            array(
+                'id'           => 'opt-raw-documentation',
+                'type'         => 'raw',
+                'markdown'     => true,
+                'content_path' => __DIR__ . '/../README.md', // FULL PATH, not relative, please.
+            ),
+        ),
+    );
+
+    Redux::set_section( $opt_name, $section );
 }
 
 Redux::set_section(
-	$opt_name,
-	array(
-		'icon'            => 'el el-list-alt',
-		'title'           => esc_html__( 'Customizer Only', 'your-textdomain-here' ),
-		'desc'            => '<p class="description">' . esc_html__( 'This Section should be visible only in Customizer', 'your-textdomain-here' ) . '</p>',
-		'customizer_only' => true,
-		'fields'          => array(
-			array(
-				'id'              => 'opt-customizer-only',
-				'type'            => 'select',
-				'title'           => esc_html__( 'Customizer Only Option', 'your-textdomain-here' ),
-				'subtitle'        => esc_html__( 'The subtitle is NOT visible in customizer', 'your-textdomain-here' ),
-				'desc'            => esc_html__( 'The field desc is NOT visible in customizer.', 'your-textdomain-here' ),
-				'customizer_only' => true,
-				'options'         => array(
-					'1' => esc_html__( 'Opt 1', 'your-textdomain-here' ),
-					'2' => esc_html__( 'Opt 2', 'your-textdomain-here' ),
-					'3' => esc_html__( 'Opt 3', 'your-textdomain-here' ),
-				),
-				'default'         => '2',
-			),
-		),
-	)
+    $opt_name,
+    array(
+        'icon'            => 'el el-list-alt',
+        'title'           => esc_html__( 'Customizer Only', 'your-textdomain-here' ),
+        'desc'            => '<p class="description">' . esc_html__( 'This Section should be visible only in Customizer', 'your-textdomain-here' ) . '</p>',
+        'customizer_only' => true,
+        'fields'          => array(
+            array(
+                'id'              => 'opt-customizer-only',
+                'type'            => 'select',
+                'title'           => esc_html__( 'Customizer Only Option', 'your-textdomain-here' ),
+                'subtitle'        => esc_html__( 'The subtitle is NOT visible in customizer', 'your-textdomain-here' ),
+                'desc'            => esc_html__( 'The field desc is NOT visible in customizer.', 'your-textdomain-here' ),
+                'customizer_only' => true,
+                'options'         => array(
+                    '1' => esc_html__( 'Opt 1', 'your-textdomain-here' ),
+                    '2' => esc_html__( 'Opt 2', 'your-textdomain-here' ),
+                    '3' => esc_html__( 'Opt 3', 'your-textdomain-here' ),
+                ),
+                'default'         => '2',
+            ),
+        ),
+    )
 );
 
 /*
@@ -615,150 +615,150 @@ 
 // add_filter('redux/options/' . $opt_name . '/sections', 'dynamic_section');
 // .
 if ( ! function_exists( 'compiler_action' ) ) {
-	/**
-	 * This is a test function that will let you see when the compiler hook occurs.
-	 * It only runs if a field's value has changed and compiler => true is set.
-	 *
-	 * @param array  $options        Options values.
-	 * @param string $css            Compiler selector CSS values  compiler => array( CSS SELECTORS ).
-	 * @param array  $changed_values Any values that have changed since last save.
-	 */
-	function compiler_action( array $options, string $css, array $changed_values ) {
-		echo '<h1>The compiler hook has run!</h1>';
-		echo '<pre>';
-		// phpcs:ignore WordPress.PHP.DevelopmentFunctions
-		print_r( $changed_values ); // Values that have changed since the last save.
-		// echo '<br/>';
-		// print_r($options); //Option values.
-		// echo '<br/>';
-		// print_r($css); // Compiler selector CSS values compiler => array( CSS SELECTORS ).
-		echo '</pre>';
-	}
+    /**
+     * This is a test function that will let you see when the compiler hook occurs.
+     * It only runs if a field's value has changed and compiler => true is set.
+     *
+     * @param array  $options        Options values.
+     * @param string $css            Compiler selector CSS values  compiler => array( CSS SELECTORS ).
+     * @param array  $changed_values Any values that have changed since last save.
+     */
+    function compiler_action( array $options, string $css, array $changed_values ) {
+        echo '<h1>The compiler hook has run!</h1>';
+        echo '<pre>';
+        // phpcs:ignore WordPress.PHP.DevelopmentFunctions
+        print_r( $changed_values ); // Values that have changed since the last save.
+        // echo '<br/>';
+        // print_r($options); //Option values.
+        // echo '<br/>';
+        // print_r($css); // Compiler selector CSS values compiler => array( CSS SELECTORS ).
+        echo '</pre>';
+    }
 }
 
 if ( ! function_exists( 'redux_validate_callback_function' ) ) {
-	/**
-	 * Custom function for the callback validation referenced above
-	 *
-	 * @param array $field          Field array.
-	 * @param mixed $value          New value.
-	 * @param mixed $existing_value Existing value.
-	 *
-	 * @return array
-	 */
-	function redux_validate_callback_function( array $field, $value, $existing_value ): array {
-		$error   = false;
-		$warning = false;
-
-		// Do your validation.
-		if ( 1 === (int) $value ) {
-			$error = true;
-			$value = $existing_value;
-		} elseif ( 2 === (int) $value ) {
-			$warning = true;
-			$value   = $existing_value;
-		}
-
-		$return['value'] = $value;
-
-		if ( true === $error ) {
-			$field['msg']    = 'your custom error message';
-			$return['error'] = $field;
-		}
-
-		if ( true === $warning ) {
-			$field['msg']      = 'your custom warning message';
-			$return['warning'] = $field;
-		}
-
-		return $return;
-	}
+    /**
+     * Custom function for the callback validation referenced above
+     *
+     * @param array $field          Field array.
+     * @param mixed $value          New value.
+     * @param mixed $existing_value Existing value.
+     *
+     * @return array
+     */
+    function redux_validate_callback_function( array $field, $value, $existing_value ): array {
+        $error   = false;
+        $warning = false;
+
+        // Do your validation.
+        if ( 1 === (int) $value ) {
+            $error = true;
+            $value = $existing_value;
+        } elseif ( 2 === (int) $value ) {
+            $warning = true;
+            $value   = $existing_value;
+        }
+
+        $return['value'] = $value;
+
+        if ( true === $error ) {
+            $field['msg']    = 'your custom error message';
+            $return['error'] = $field;
+        }
+
+        if ( true === $warning ) {
+            $field['msg']      = 'your custom warning message';
+            $return['warning'] = $field;
+        }
+
+        return $return;
+    }
 }
 
 
 if ( ! function_exists( 'dynamic_section' ) ) {
-	/**
-	 * Custom function for filtering the section array.
-	 * Good for child themes to override or add to the sections.
-	 * Simply include this function in the child themes functions.php file.
-	 * NOTE: the defined constants for URLs and directories will NOT be available at this point in a child theme,
-	 * so you must use get_template_directory_uri() if you want to use any of the built-in icons.
-	 *
-	 * @param array $sections Section array.
-	 *
-	 * @return array
-	 */
-	function dynamic_section( array $sections ): array {
-		$sections[] = array(
-			'title'  => esc_html__( 'Section via hook', 'your-textdomain-here' ),
-			'desc'   => '<p class="description">' . esc_html__( 'This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.', 'your-textdomain-here' ) . '</p>',
-			'icon'   => 'el el-paper-clip',
-
-			// Leave this as a blank section, no options just some intro text set above.
-			'fields' => array(),
-		);
-
-		return $sections;
-	}
+    /**
+     * Custom function for filtering the section array.
+     * Good for child themes to override or add to the sections.
+     * Simply include this function in the child themes functions.php file.
+     * NOTE: the defined constants for URLs and directories will NOT be available at this point in a child theme,
+     * so you must use get_template_directory_uri() if you want to use any of the built-in icons.
+     *
+     * @param array $sections Section array.
+     *
+     * @return array
+     */
+    function dynamic_section( array $sections ): array {
+        $sections[] = array(
+            'title'  => esc_html__( 'Section via hook', 'your-textdomain-here' ),
+            'desc'   => '<p class="description">' . esc_html__( 'This is a section created by adding a filter to the sections array. Can be used by child themes to add/remove sections from the options.', 'your-textdomain-here' ) . '</p>',
+            'icon'   => 'el el-paper-clip',
+
+            // Leave this as a blank section, no options just some intro text set above.
+            'fields' => array(),
+        );
+
+        return $sections;
+    }
 }
 
 if ( ! function_exists( 'change_arguments' ) ) {
-	/**
-	 * Filter hook for filtering the args.
-	 * Good for child themes to override or add to the args array.
-	 * It can also be used in other functions.
-	 *
-	 * @param array $args Global arguments array.
-	 *
-	 * @return array
-	 */
-	function change_arguments( array $args ): array {
-		$args['dev_mode'] = true;
-
-		return $args;
-	}
+    /**
+     * Filter hook for filtering the args.
+     * Good for child themes to override or add to the args array.
+     * It can also be used in other functions.
+     *
+     * @param array $args Global arguments array.
+     *
+     * @return array
+     */
+    function change_arguments( array $args ): array {
+        $args['dev_mode'] = true;
+
+        return $args;
+    }
 }
 
 if ( ! function_exists( 'change_defaults' ) ) {
-	/**
-	 * Filter hook for filtering the default value of any given field. Very useful in development mode.
-	 *
-	 * @param array $defaults Default value array.
-	 *
-	 * @return array
-	 */
-	function change_defaults( array $defaults ): array {
-		$defaults['str_replace'] = esc_html__( 'Testing filter hook!', 'your-textdomain-here' );
-
-		return $defaults;
-	}
+    /**
+     * Filter hook for filtering the default value of any given field. Very useful in development mode.
+     *
+     * @param array $defaults Default value array.
+     *
+     * @return array
+     */
+    function change_defaults( array $defaults ): array {
+        $defaults['str_replace'] = esc_html__( 'Testing filter hook!', 'your-textdomain-here' );
+
+        return $defaults;
+    }
 }
 
 if ( ! function_exists( 'redux_custom_sanitize' ) ) {
-	/**
-	 * Function to be used if the field sanitizes argument.
-	 * Return value MUST be formatted or cleaned text to display.
-	 *
-	 * @param string $value Value to evaluate or clean.  Required.
-	 *
-	 * @return string
-	 */
-	function redux_custom_sanitize( string $value ): string {
-		$return = '';
-
-		foreach ( explode( ' ', $value ) as $w ) {
-			foreach ( str_split( $w ) as $k => $v ) {
-				if ( ( $k + 1 ) % 2 !== 0 && ctype_alpha( $v ) ) {
-					$return .= mb_strtoupper( $v );
-				} else {
-					$return .= $v;
-				}
-			}
-
-			$return .= ' ';
-		}
-
-		return $return;
-	}
+    /**
+     * Function to be used if the field sanitizes argument.
+     * Return value MUST be formatted or cleaned text to display.
+     *
+     * @param string $value Value to evaluate or clean.  Required.
+     *
+     * @return string
+     */
+    function redux_custom_sanitize( string $value ): string {
+        $return = '';
+
+        foreach ( explode( ' ', $value ) as $w ) {
+            foreach ( str_split( $w ) as $k => $v ) {
+                if ( ( $k + 1 ) % 2 !== 0 && ctype_alpha( $v ) ) {
+                    $return .= mb_strtoupper( $v );
+                } else {
+                    $return .= $v;
+                }
+            }
+
+            $return .= ' ';
+        }
+
+        return $return;
+    }
 }
 // phpcs:enable