How can we help you today?

ShortPoint Does Not Support SCSS Code

ShortPoint does not support SCSS / SASS codes. Once an SCSS / SASS Code is pasted in the Code Design Element, you will see the notification below:

Notification error

This article will detail what an SCSS Code is, why it is not supported, and how you can compile an SCSS Code into a supported CSS code.


Before we begin

  • You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
  • You must be a ShortPoint Designer with an active license.

What is SCSS / SASS ?

SCSS (Sassy CSS) and SASS (Syntactically Awesome Style Sheets) are extensions of CSS that introduce additional features and improvements like variables, nesting, mixins, and functions to the traditional CSS syntax.

Why does ShortPoint not support SCSS/SASS?

SCSS and SASS are CSS preprocessor languages. They must first be compiled into regular CSS before they can be interpreted by web browsers. 

In other words, SCSS and SASS codes must first be compiled into CSS codes before the ShortPoint Code Design Element can interpret them.

How to compile SCSS / SASS Code into a supported CSS code?

To compile an SCSS / SASS code, go to and paste the SCSS / SASS code into the SCSS field:

SCSS field

Upon pasting, you will immediately see the compiled code in the CSS field:

CSS field

NOTE: You can also use and to compile your SCSS / SASS codes.

Then, copy the compiled code and paste it into the CSS field of the Code Design Element:

CSS field of Code Design Element

After pasting the code, scroll down until you see Sandbox Mode, disable it, and click Proceed:

Sandbox mode

Finally, click the green checkmark:

green checkmark

That’s it! You have successfully compiled an SCSS / SASS code into a CSS code.

Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 52 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more