Support Forum

So here’s my compiler that I wrote along with other edited files.

The files in sd-admin-options folder in the parent theme have been edited for a FEW Redux edits.
– sd-redux-styles.css : not changed
– sd-redux-settings.php : functions such as enqueuing the above redux styles, removing the demo and adding font-awesome. Used to be included with sd-admin-options.php but is now included through function.php and cannot be overridden by child theme.
– sd-admin-options.php : Slimmed down version of original, by removing the css compiler (below) and other redux settings. CAN be replaced through child theme or plugin by defining a new path with SD_REDUX_OPTIONS_PATH
– sd-redux-css-compiler.php : Original comiler function but separated into own file so it CAN be replaced through child theme or plugin by defining a new path with SD_REDUX_COMPILER_PATH
– custom-styles.css : Default css file that compiler will right to.

NOTE:
– The enqueue_Style function for custom-styles.css has be removed from parents inc/enqueue.php file and the default child theme functions.php file. The enqueue function is now included with the compiler script (New or original) so the css file is included on a compiler-by-compiler basis.
– The parent’s functions.php contains the functions necessary to handle all the replacing. The option name is set in functions.php

THE NEW COMPILER
– The redux/redux-admin-options.php is the child replacement. Included in child’s functions.php. Contains examples on how to use new compiler.
– The redux/redux-css-compiler.php is the new compiler replacement. Included in child’s functions.php with additional functions needed in its execution and the enqueue of the style. Look at the file for documentation. You can edit the configure the compiler with constants.
– ARC_COMPILER_CSS_MINIFY can be set to minify or pre-format the css styles, easy to read for dev.
– ARC_COMPILER_DEBUG will output a compiler_debug.log file to the stylesheet directory in addition to non-minification of the css output
– ARC_COMPILER_CSS_FILE sets the base name for the css file to be compiled. Default is redux-compiled-styles.
– ARC_COMPILER_SAVE_PATH sets the path on where to save the css file. I’ve set it to a css folder in the child theme. Default is stylesheet directory
• The Compile includes an enqueue function for the front-end include of the compiled file, dynamically changing with the ARC_COMPILER_SAVE_PATH and ARC_COMPILER_CSS_FILE.

EXAMPLES
See the Files for more info.

'compiler'    => array(
	'body',	// Will add ALL background attribute to body
	
	'background-color' => '.direct-match-with-a-value-from-the-field',
	
'border-color,background-color' => '.will-use-the-background-color-for-both', //Will use closest match

	'!border-color'	=> '.border-color-set-with-bg-color-value-and-important',

	'border-color,!background-color' => '.bg-is-important-but-border-is-not',
	
	'background-image'				=> '.adds-bg-image-with-url-wrap-to-this-class'
),

Let me know how you go 🙂