SCSS in PORTO theme Custom CSS Theme option

[Sayed]

Can i write SCSS in PORTO theme Custom CSS Theme option?

Like
:root{
–gap
–space
–border-s:
}

[Aizaz Awan]

Hello, @sayed,

Porto WordPress Custom CSS section under Theme Options is based on the Redux Framework. You can certainly write and execute SCSS (Sassy CSS) within a Redux container that uses Ace Editor. However, there are a few things to consider:

Setup: Ensure you have the necessary dependencies installed to compile SCSS if you plan to use it in your project.

SCSS Execution: SCSS itself doesn’t execute like JavaScript; it needs to be compiled into regular CSS before the browser can understand it. You’ll need a build step (e.g., using webpack with appropriate loaders or a tool like Sass) to compile your SCSS into CSS.

Applying Styles: Once your SCSS is compiled into CSS, you can apply the styles to your components, including the Ace Editor container, using standard CSS techniques.

Best Regards,
PThemes Team.

[Author]

Posts