Skip to content

Example that shows how to use the stylesheet language "Sass" to create an HTML page with fluid layout.

Notifications You must be signed in to change notification settings

MDecker-MobileComputing/CSS_mit_Sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fluid Layout with Sass

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).



Direct View

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



Generate the CSS file

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.

About

Example that shows how to use the stylesheet language "Sass" to create an HTML page with fluid layout.

Topics

Resources

Stars

Watchers

Forks

Languages