Oxygen Sass
A companion plugin to WP-SCSS for working with Sass in Oxygen.
by Sridhar Katakam · github.com/srikat/oxygen-sass · website
★ 11stars
3forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/srikat/oxygen-sass/archive/refs/heads/master.zipFrom the readme
Oxygen Sass #
A companion plugin to WP-SCSS for working with Sass (.scss format) in Oxygen.
Info ##
WP-SCSS can be used to compile .scss files but it relies on the directories for the input and output to be present in the theme.
Since Oxygen disables the theme completely, we need to come up with a way to change these directories to point to a different location that we have access to and that is what this plugin does.
Oxygen Sass plugin sets the value of WPSCSSTHEMEDIR constant to point to its directory and comes with scss and css directories.
In WP-SCSS's settings, set Scss Location to /scss/ and CSS Location to /css/ and you are ready to use Sass features like Variables, Nesting, Partials, Import, Mixins and Operators working in your Oxygen site.
This plugin also loads the compiled CSS file in both the Oxygen editor and frontend.
Overview video: https://www.youtube.com/watch?v=Ia7WFY0ydlo
Prerequisites ##
WP-SCSS should be installed and activated.
Installation ##
1. Click on the Download ZIP button at the right to download the plugin.
2. Go to Plugins Add New in your WordPress admin. Click on Upload Plugin and browse for the zip file.
3. Activate the plugin.
Usage #