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.