Docs

Documentation

Settings

Dashboard

Edit child theme info

Status & Tools

Debugger

Debugger options

How to debug

Maintenance mode

Designer

SCSS Compiler options

Global variables

Developer

Assets enqueue

Custom post types

Taxonomies

Custom fields

Customizer

Page preloader

Admin panel

Login page

Code editor

Code editor

Functions and variables

Help

Help center

Code snippets

Developers

Get on Gumroad

SCSS Compiler options

SCSS Compiler options

Set options for the SCSS compiler of child theme custom styles files.

  • SCSS Compiler minify: Minify CSS output when compiling SCSS files.
    Recommended in production.
  • SCSS Autocompile: Check for SCSS files updates and compile CSS output if required. Useful for editing custom files in an external editor and update them with FTP.
    Recommended only in development.
Related custom files:
SCSS style.scss/style.scss
Base SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 922 B
Modified: 2026/07/16 11:18:44
Open file in new tab
SCSS style-admin.scss/style-admin.scss
Base SCSS to be compiled as admin panel styles.
Editing this file is not recommended.
Type: SCSS
Size: 612 B
Modified: 2026/07/16 10:30:34
Open file in new tab
CSS style.css/style.css
Compiled CSS child theme for frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
CSS style-admin.css/style-admin.css
Compiled CSS child theme for admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 133 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
Related theme mods:
dct_scss_compiler
Set options for SCSS compiler of child theme custom files.
SCSS Compiler dct_scss_compiler 2
{
    "minify": false,
    "autocompile": true
}

SCSS Compiler settings

Set options for the SCSS compiler of child theme custom styles files.

  • SCSS Compiler minify: Minify CSS output when compiling SCSS files.
    Recommended in production.
  • SCSS Autocompile: Check for SCSS files updates and compile CSS output if required. Useful for editing custom files in an external editor and update them with FTP.
    Recommended only in development.
Related custom files:
SCSS style.scss/style.scss
Base SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 922 B
Modified: 2026/07/16 11:18:44
Open file in new tab
SCSS style-admin.scss/style-admin.scss
Base SCSS to be compiled as admin panel styles.
Editing this file is not recommended.
Type: SCSS
Size: 612 B
Modified: 2026/07/16 10:30:34
Open file in new tab
CSS style.css/style.css
Compiled CSS child theme for frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
CSS style-admin.css/style-admin.css
Compiled CSS child theme for admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 133 KB
Modified: 2026/07/28 12:07:26
Open file in new tab
Related theme mods:
dct_scss_compiler
Set options for SCSS compiler of child theme custom files.
SCSS Compiler dct_scss_compiler 2
{
    "minify": false,
    "autocompile": true
}

Recommended in production.

Recommended only in development.

SCSS Compiler status

Child theme and SCSS compiler current status, general information and tools.

Status: SCSS Compiler

Designer
dct_scss_compiler
Minify CSS output when compiling SCSS files.
Recommended in production.
SCSS Compiler minify: false
dct_scss_compiler
Check for SCSS files updates and compile CSS output if required. Useful for editing custom files in an external editor and update them with FTP.
Recommended only in development.
SCSS Autocompile: true

Global Variables

Colors6
primary #3fa6a5
primary-dark #2a6e6d
primary-darker #153736
primary-light #6bc6c5
primary-lighter #a2dbda
primary-comp #a63f40
Fonts0
No global variables found
Sizes0
No global variables found

Source SCSS and compiled CSS files

Base styles: SCSS

2
/style.scss
Base SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 922 B
Modified: 2026/07/16 11:18:44
Edit file with code editor
/style-admin.scss
Base SCSS to be compiled as admin panel styles.
Editing this file is not recommended.
Type: SCSS
Size: 612 B
Modified: 2026/07/16 10:30:34
Edit file with code editor

Partials styles: SCSS

8
/custom/scss/_custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 2 KB
Modified: 2026/07/24 10:25:41
Edit file with code editor
/custom/scss/_custom-admin.scss
Partial SCSS for custom admin panel styles.
Used to add custom CSS to child theme admin panel styles.
Type: SCSS
Size: 249 B
Modified: 2026/07/16 10:30:37
Edit file with code editor
/custom/scss/_colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 664 B
Modified: 2026/07/16 11:21:42
Edit file with code editor
/custom/scss/_fonts.scss
Partial SCSS for global variables.: Fonts.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_sizes.scss
Partial SCSS for global variables.: Sizes.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_preloader.scss
Partial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 1 KB
Modified: 2026/07/28 09:06:59
Edit file with code editor
/custom/scss/_admin-panel.scss
Partial SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 7 KB
Modified: 2026/07/16 11:27:47
Edit file with code editor
/custom/scss/login-page.scss
Partial SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/07/16 11:28:55
Edit file with code editor

Compiled styles: CSS

3
/style.css
Compiled CSS child theme for frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 5 KB
Modified: 2026/07/28 12:07:26
Edit file with code editor
/style-admin.css
Compiled CSS child theme for admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 133 KB
Modified: 2026/07/28 12:07:26
Edit file with code editor
/custom/css/login-page.css
Compiled CSS styles for customizer: Login page.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 2 KB
Modified: 2026/07/26 09:14:54
Edit file with code editor