compass/doc-src/content/index.haml

---
title: Compass Documentation
crumb: Docs
body_id: home
---
%h1#logo Compass

%p
  Compass is a stylesheet authoring tool that uses the Sass stylesheet
  language to make your stylesheets smaller and your web site easier to
  maintain. Compass provides ports of the best of breed css frameworks
  that you can use without forcing you to use their presentational class
  names. It’s a new way of thinking about stylesheets that must be seen
  in action!

%h2 Screencast Tutorial

%p
  This screencast will walk you through getting set up,
  learning Sass, and then how to use Compass to style a webpage.

<object width="660" height="371"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="660" height="371" /></object>

%h2 Bugs Reports, Discussions, Support

:markdown
  Send a note to the [mailing list](http://groups.google.com/group/compass-users)
  and/or [File a bug](http://github.com/chriseppstein/compass/issues).
-												Use a better combined datasource: optional header, no crufty yaml files everywhere.

											
										
										
											2010-01-27 07:27:09 +00:00
+								---
-												Simple docs homepage

											
										
										
											2010-01-31 18:01:04 +00:00
+								title: Compass Documentation
 								crumb: Docs
 								body_id: home
-												Use a better combined datasource: optional header, no crufty yaml files everywhere.

											
										
										
											2010-01-27 07:27:09 +00:00
+								---
-												Ported following pages from the github wiki to the docs: Adding Frameworks to Compass, Supported Frameworks, Compass Plugins. Added some styles where necessary so the content was readable. Used html2haml with some manual adjustment so likely not super perfect.

											
										
										
											2010-02-04 23:13:57 +00:00
+								%h1#logo Compass
-												Initial doc site with nanoc.

											
										
										
											2010-01-21 06:25:44 +00:00
 								%p
-												Simple docs homepage

											
										
										
											2010-01-31 18:01:04 +00:00
+								  Compass is a stylesheet authoring tool that uses the Sass stylesheet
 								  language to make your stylesheets smaller and your web site easier to
 								  maintain. Compass provides ports of the best of breed css frameworks
 								  that you can use without forcing you to use their presentational class
 								  names. It’s a new way of thinking about stylesheets that must be seen
 								  in action!
-												Initial doc site with nanoc.

											
										
										
											2010-01-21 06:25:44 +00:00
-												Simple docs homepage

											
										
										
											2010-01-31 18:01:04 +00:00
+								%h2 Screencast Tutorial
 								%p
 								  This screencast will walk you through getting set up,
 								  learning Sass, and then how to use Compass to style a webpage.
-												Getting started with the new layout:
* Added susy and css-slideshow
* Converted legacy css to scss, moved it and updated reference.
* extracted some javascript to a file so it can be shared.

											
										
										
											2010-04-20 18:09:09 +00:00
+								<object width="660" height="371"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4335944&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="660" height="371" /></object>
-												Simple docs homepage

											
										
										
											2010-01-31 18:01:04 +00:00
 								%h2 Bugs Reports, Discussions, Support
 								:markdown
 								  Send a note to the [mailing list](http://groups.google.com/group/compass-users)
 								  and/or [File a bug](http://github.com/chriseppstein/compass/issues).