Scss

Sass is a preprocessor. It transforms an arbitrary text file into CSS.

It lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and others.

Dashboard Hero values simplicity over everything else - our philosophy is that everything should be obvious.

We've completely decoupled building from tinkering with Scss. If you modify the Scss file in your /src folder, you will need to generate the CSS files yourself and overwrite what currently resides in /public folder. Here's how:

Install the sass processor.

npm i sass

The scss file resides in src/common/assets/styles/index.scss

So, run sass <scss-file-path>. Rename the resulting file to global.css and copy over the result to /public.

Last updated