WP-SCSS

WP-SCSS

Compiles .scss files to .css and enqueues them.

  • Frequently updated
    Very good! This plugin is actively maintained and the last update was released 764 days ago.
  • This plugin is tested with the last major release of WordPress
    Content for list item
  • Compatible with the latest major PHP release
    This plugin requieres PHP 7.2 or higher. The latest stable PHP 8.4.3 was released on 16 January 2025
  • No information about vulnerabilities and unfixed security issues is available.
    Content for list item

Ratings

61

Active installs

40K

Total Downloads

417K

Support Threads

1

Last updated

15 December 2022

Added

25 November 2013

Versions

10.1%9.89%73.19%6.82%
  • Version 1.2
  • Version 2.4
  • Version 4.0
  • Version other
86

Rating

Based on 61 on WordPress.org

Download plugin Plugin website WordPress.org repository Support forum Plugin on WordPress.com

About WP-SCSS

+ Show more

FAQ

Yes, absolutely. Make sure you define your directories relative to your child theme and that your child theme is active. Otherwise you’ll see an error regarding missing directories.

PHP 7.2 is required to run WP-SCSS

You can import other scss files into parent files and compile them into a single css file. To do this, use @import as normal in your scss file. All imported file names must start with an underscore. Otherwise they will be compiled into their own css file.

When importing in your scss file, you can leave off the underscore.

@import 'subfile';

Currently there isn’t a way to fully support compass with a php compiler. If you want limited support, you can manually import the compass framework. You’ll need both the _compass.scss and compass directory.

compass / frameworks / compass / stylesheets /@import ‘compass’;`

Alternatively, you can include Bourbon in a similar fashion.

This plugin will only work with .scss format.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

PHP 7.2 is required to run WP-SCSS

You can import other scss files into parent files and compile them into a single css file. To do this, use @import as normal in your scss file. All imported file names must start with an underscore. Otherwise they will be compiled into their own css file.

When importing in your scss file, you can leave off the underscore.

@import 'subfile';

Currently there isn’t a way to fully support compass with a php compiler. If you want limited support, you can manually import the compass framework. You’ll need both the _compass.scss and compass directory.

compass / frameworks / compass / stylesheets /@import ‘compass’;`

Alternatively, you can include Bourbon in a similar fashion.

This plugin will only work with .scss format.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

You can import other scss files into parent files and compile them into a single css file. To do this, use @import as normal in your scss file. All imported file names must start with an underscore. Otherwise they will be compiled into their own css file.

When importing in your scss file, you can leave off the underscore.

@import 'subfile';

Currently there isn’t a way to fully support compass with a php compiler. If you want limited support, you can manually import the compass framework. You’ll need both the _compass.scss and compass directory.

compass / frameworks / compass / stylesheets /@import ‘compass’;`

Alternatively, you can include Bourbon in a similar fashion.

This plugin will only work with .scss format.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

Currently there isn’t a way to fully support compass with a php compiler. If you want limited support, you can manually import the compass framework. You’ll need both the _compass.scss and compass directory.

compass / frameworks / compass / stylesheets /@import ‘compass’;`

Alternatively, you can include Bourbon in a similar fashion.

This plugin will only work with .scss format.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

This plugin will only work with .scss format.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

Do you have errors printing to the front end? If not, check your log file in your scss directory. The css will not be updated if there are errors in your sass file(s).

Make sure your directories are properly defined in the settings. Paths are defined from the root of the theme.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

If you are having issues with the plugin, create an issue on github, and we’ll do our best to help.

Changelog

4.0.2

4.0.0

3.0.1

3.0.0

2.4.0

2.3.5

2.3.4

2.3.3

2.3.2

2.3.1

2.3.0

2.2.0

2.1.6

2.1.5

2.1.4

2.1.3

2.1.2

2.1.1

2.1.0

2.0.2

2.0.1

2.0.0

1.2.6

1.2.5

1.2.4

1.2.3

1.2.2

1.2.1

1.2.0

1.1.9

1.1.8

Various improvements from pull requests by @jbrains and @brainfork

1.1.7

1.1.6

1.1.5

1.1.4

1.1.3

1.1.2

1.1.1

1.0.0

How to install WP-SCSS

  1. Upload plugin to plugins directory
  2. Active plugin through the ‘Plugins’ menu in WordPress
  3. Configure plugin options through settings page settings -> WP-SCSS.