This repository contains an example of how to use the alternative stylesheet language Sass for an HTML page with a Fluid Layout (which is one of the core techniques for Responsive Web-Design).

The HTML file in this repository can be viewed directly at this URL.

Install Sass using the Node Package Manager:

  npm install -g sass

The option -g installs the package globally, so the program sass can be called from different folders on the computer and is not included into the project folder (because it is not needed during runtime).

Invoke Sass to convert the scss file into a css file that can be included by the html file:

  sass --no-source-map --style=compressed MeinStylesheet.scss docs/MeinStylesheet.css

This command is defined in this repo's file package.json as script with the name bauen (German for "build"), so you also invoke it as follows:

  npm run bauen

There are also other Sass processors, e.g. node-sass.