Integrating Sass CSS Preprocessor into Kentico

Nigel H asked on July 23, 2019 12:33

I'm trying to help our developer install the Sass preprocessor on one of our Kentico V12 installs. I was just wondering if anyone has any experience of doing this?

Did you use the Dart Sass Javascript API?

Are there any other guides out there other than what's mentioned in the Kentico instructions?

Recent Answers


Roman Hutnyk answered on July 24, 2019 09:11

Have you checked documentation on this one?

0 votesVote for this answer Mark as a Correct answer

Nigel H answered on July 24, 2019 13:26

Yeah, I've looked at that. Was looking at something more specific about Sass.

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on July 25, 2019 15:55

You can use something like Grunt or Gulp to do that work for you in your own environment without the need to have these custom integrations within Kentico. The only reason to have it in Kentico would be to make edits directly in Kentico. I'd stay away from that, honestly and simply use your front end devs work in their own tools, then set that up to copy the code into a Kentico directory like

/<sitename>/assets/css
/<sitename>/assets/js
/<sitename>/assets/img

1 votesVote for this answer Mark as a Correct answer

Nigel H answered on July 25, 2019 16:56

Thanks for the info Brenden.

We're currently just working with the portal version of Kentico. If we got access to the server would that way still work if people were still also using the portal side of kentico?

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on July 25, 2019 18:12

Using the way I suggest, would require a developer to make change(s) in the physical css file and push it to the Kentico file system.

Are your clients/people editing the CSS educated in SASS and making changes?

What we do for things like this are create a SASS file for the base site layout/setup/design, then create a file within the Kentico CSS Stylesheet app as an override to the base stylesheet. This will help you make modifications or overrides to base styles without the need to implement custom code for SASS preprocessors.

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.