Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
introduction on how to use haml, sass and stasis to build html and css
branch: master

This branch is even with filtercake:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
1140_CssGrid_2
haml-sass-1140
README.md

README.md

Coding for designers: haml, sass and stasis

First, this:

Necessary

Helpful

What's inside

The 1140 CSS Grid in its standard version as well as converted to haml and sass. I chose the 1140 because it is a great vehicle to learn what to avoid:

  • works in % :(
  • loads mobile styles extra instead of first :(
  • .last class instead of .first class or css-selector :(
  • has styles directly in the example html file :(

Just compare the original files in the 1140_CssGrid_2-folder with the files in haml-sass-1140 to learn the basic syntax.

The stasis page will tell you how to render your haml and sass files into html and css.

Fork

Mod

Share

Don't forget to push the changes you made to github so we can enjoy your site about cats!!11!

Links

Hooked?

Then maybe you are ready to leave Kansas and/or switch from JavaScript to CoffeScript.

Something went wrong with that request. Please try again.