Skip to content
This repository has been archived by the owner. It is now read-only.
Switch branches/tags

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Automated Sass Export

For WordPress Customizer Extended

This plugin adds automatic Sass export to WPC Extended. With both plugins installed, any customizer settings are compiled directly to Sass, and the live stylesheet is updated when the customizer settings are saved. Check out the child plugin repo for more information.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. Note that this plugin has not been tested thoroughly, and is not intended for production use at present.


By default, the plugin looks for a file located at theme_directory/sass/style.scss as its entry point, and stores the temporary compiled css into a file located at theme_directory/sass_output/style.css. The files are generated automatically, so for the basic setup you only need to carry out these steps:

  1. Install and activate WPC Extended.
  2. Install and activate WPC Extended Sass.
  3. Add the following subdirectories to your theme's directory:
  1. Create a style.scss file in the /sass/ folder.
  2. Add your theme's metadata to the top of the style.scss file (either directly or via an @import statement).
  3. Create your Scss as desired.
  4. Add customizer options in your theme's functions.php file.


Guide - Detailed, step-by-step instructions on how to configure the plugin using a simple example.

Options - A list of all available options specific to the Sass extension.

Using Settings - A list of methods which allow you to access the Customizer settings in php files.

Sass Vardump - An explanation of the Sass Vardump file, including an example.

Refer to the WPC Extended wiki for further information on the following topics:

Options - A list of all available Customizer-related options.

Controls - A list of all available Customizer controls.

Using Settings - A list of methods which allow you to access the Customizer settings in php files.

Comprehensive Example - Example code for a theme's functions.php file demonstrating all available controls.

Built With

  • SCSSPHP - SCSS compiler written in PHP.


A WordPress plugin which adds Sass export to WPC Extended.






No releases published


No packages published