GitHub - rafzan/rafzan-sass-compass-framework: Based on 1kb-grid, susy and PeepCode I made this useful debug-driven sass framework with a lot of interesting features.

rafzan / rafzan-sass-compass-framework Public

Notifications You must be signed in to change notification settings
Fork 0
Star 2

Based on 1kb-grid, susy and PeepCode I made this useful debug-driven sass framework with a lot of interesting features.

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
.sass-cache		.sass-cache
img/grid		img/grid
js		js
src		src
stylesheets		stylesheets
README		README
config.rb		config.rb
demo.html		demo.html
demo_grid.html		demo_grid.html

Repository files navigation

Requirements:

- Haml
- Compass


This folder is configured to act as an default ASSETS dir.

To view the debug grid:

- Wrap your HTML on a <div class="top">;
- Just press SHIFT+G or SHIFT+H. 
- To make it go away, just press the shortcuts again.


Available mixins:

  +sans  - Pre-selected sans-serif font-family for any html element.
  +serif - Pre-selected serif font-family for any html element.
  +mono  - Pre-selected monospace font-family for any html element.


More usage tips are described inside the _.sass files.
Some other are the same for:

- 1kbGrid by Tyler Tate (http://www.1kbgrid.com/)
- Sass (http://compass-style.org/)
- Compass (http://sass-lang.com/)



Have fun!