Set up SASS

Describes how to set up SASS in Classic CMS.

🚧
Important
Classic CMS reached end-of-life in January 2025 and is no longer receiving feature updates or bug fixes. You should migrate to Spire CMS.

📘
Note
Command Prompt, PowerShell, and Visual Studio all need to be run as Administrator.

Run the command below in a Command Prompt as administrator to Install Chocolatey to assist in installing some of the dependencies.

@powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

Open PowerShell as administrator.
Install nodejs by running the following command in PowerShell as administrator, Node.js is a dependence of Grunt:
```
choco install nodejs.install --force
```
Enter 1 to run the script.
Install ruby by running the following command in PowerShell as administrator, Ruby is a dependency for SASS as it is a gem from Ruby:
```
choco install ruby --force
```
🚧
Important
Configured Commerce is not compatible with Ruby v2.5.0.1 (-released 12/26/2017). To avoid installation issues with SASS, use v2.4.3.1.
Restart PowerShell as administrator so that new Windows Environment variables get picked so we can continue the setup
Run the following commands in PowerShell:
Installs Grunt
```
npm install -g grunt-cli
```
Installs Compass
```
gem install compass
```

Updated 18 days ago

Page templates