Sass is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein have continued to extend Sass with Sass, a simple scripting language used in Sass files. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself. Sass consists of two syntaxes. The original syntax, called “the indented syntax,” uses a syntax similar to HAML. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, SCSS, uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate lines within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.

This extension compiles SCSS code into CSS code by looking for files with extension .scss added through the Asset::set() method, storing the compiled results as static files and then displays them as CSS files. The compiled file contents will be updated automatically on every file modification changes on the SCSS files.

.\path\to\file.scss → .\path\to\file.css
.\path\to\scss\file.scss → .\path\to\css\file.css

Usage

Asset::set('.\path\to\file.scss');

Note: The scssphp implements SCSS (3.2.12). It does not implement the Sass syntax, only the SCSS syntax.