Merge branch 'docs'

* docs: (56 commits)
  Turn on support for -ms in experimental properties.
  document the hide-text mixin
  Allow box shadow to be turned off by @include box-shadow(none). Closes GH-102.
  Fix a broken link to the changelog
  I guess I relied on that silly import.
  Use the gemspec the way the ruby gods intended.
  Better handling of the Compass::VERSION scheme.
  RIP RUN_CODE_RUN
  remove a doc reference to an obsolete file and add some meta descriptions.
  document some small functional changes
  fixed typo in demo header styles
  allow overflow-x on code to scroll
  example code in css-slideshows
  mixin source uses :target for css interaction
  more sensible nav markup/structure
  Update the docs for lists.
  Don't need rcov usually
  Don't display a variable description for empty comments.
  add a scroll bar for long mixin defs
  More docs on the compass utilities.
  ...

Conflicts:
	REVISION

REVISION

@@ -1 +0,0 @@
-56b23533351ca4656a4edf5d953b300f38b3ff8e

Rakefile

@@ -1,23 +1,7 @@
-if ENV['RUN_CODE_RUN']
-  # We need to checkout edge haml for the run>code>run test environment.
-  if File.directory?("haml")
-    Dir.chdir("haml") do
-      sh "git", "fetch"
-    end
-  else
-    sh "git", "clone", "git://github.com/nex3/haml.git"
-  end
-  Dir.chdir("haml") do
-    sh "git", "reset", "--hard", "origin/stable"
-  end
-  $LOAD_PATH.unshift "haml/lib"
-end
-
 require 'rubygems'
 require 'rake'
 $:.unshift File.join(File.dirname(__FILE__), 'lib')
 require 'compass'
-require 'rcov/rcovtask'
 
 # ----- Default: Testing ------
 
@@ -29,7 +13,6 @@ require 'fileutils'
 Rake::TestTask.new :run_tests do |t|
   t.libs << 'lib'
   t.libs << 'test'
-  t.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
   test_files = FileList['test/**/*_test.rb']
   test_files.exclude('test/rails/*', 'test/haml/*')
   t.test_files = test_files
@@ -40,66 +23,6 @@ To run with an alternate version of Rails, make test/rails a symlink to that ver
 To run with an alternate version of Haml & Sass, make test/haml a symlink to that version.
 END
 
-begin
-  require 'jeweler'
-  Jeweler::Tasks.new do |gemspec|
-    gemspec.rubyforge_project = "compass"
-    gemspec.name = "compass"
-    gemspec.summary = "A Real Stylesheet Framework"
-    gemspec.email = "chris@eppsteins.net"
-    gemspec.homepage = "http://compass-style.org"
-    gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS."
-    gemspec.authors = ["Chris Eppstein"]
-    gemspec.has_rdoc = false
-    gemspec.add_dependency('haml', '>= 3.0.0.beta.2')
-    gemspec.files = []
-    gemspec.files << "CHANGELOG.markdown"
-    gemspec.files << "README.markdown"
-    gemspec.files << "LICENSE.markdown"
-    gemspec.files << "REVISION"
-    gemspec.files << "VERSION.yml"
-    gemspec.files << "Rakefile"
-    gemspec.files << "deps.rip"
-    gemspec.files += Dir.glob("bin/*")
-    gemspec.files += Dir.glob("examples/**/*.*")
-    gemspec.files -= Dir.glob("examples/**/*.css")
-    gemspec.files -= Dir.glob("examples/**/*.html")
-    gemspec.files -= Dir.glob("examples/*/extensions/**")
-    gemspec.files -= Dir.glob("examples/*/stylesheets/**/*.*")
-    gemspec.files += Dir.glob("frameworks/**/*")
-    gemspec.files += Dir.glob("lib/**/*")
-    gemspec.files += Dir.glob("test/**/*.*")
-    gemspec.files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
-    gemspec.test_files = Dir.glob("test/**/*.*")
-    gemspec.test_files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
-    gemspec.test_files += Dir.glob("features/**/*.*")
-  end
-rescue LoadError
-  puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
-end
-
-desc "Record the current git revision."
-task :REVISION do
-  require 'git'
-  
-  repo = Git.open('.')
-  open("REVISION", "w") do |f|
-    f.write(repo.object("HEAD").sha)
-  end
-end
-
-desc "Commit the revision file."
-task :commit_revision => :REVISION do
-  require 'git'
-  repo = Git.open('.')  
-  repo.add("REVISION")
-  repo.commit("Record current revision for release.")
-end
-
-task :release => :commit_revision
-
-task :gem => :build
-
 desc "Compile Examples into HTML and CSS"
 task :examples do
   linked_haml = "tests/haml"
@@ -150,33 +73,37 @@ namespace :git do
   end
 end
 
-require 'cucumber/rake/task'
 
-namespace :rcov do
+begin
-  Cucumber::Rake::Task.new(:cucumber) do |t|    
+  require 'cucumber/rake/task'
-    t.rcov = true
+  require 'rcov/rcovtask'
-    t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
+  namespace :rcov do
-    t.rcov_opts << %[-o "coverage"]
+    Cucumber::Rake::Task.new(:cucumber) do |t|    
-  end
+      t.rcov = true
-  
+      t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
-  Rcov::RcovTask.new(:units) do |rcov|
+      t.rcov_opts << %[-o "coverage"]
-    rcov.libs << 'lib'
+    end
-    rcov.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
+    
-    test_files = FileList['test/**/*_test.rb']
+    Rcov::RcovTask.new(:units) do |rcov|
-    test_files.exclude('test/rails/*', 'test/haml/*')
+      rcov.libs << 'lib'
-    rcov.pattern    = test_files
+      test_files = FileList['test/**/*_test.rb']
-    rcov.output_dir = 'coverage'
+      test_files.exclude('test/rails/*', 'test/haml/*')
-    rcov.verbose    = true
+      rcov.pattern    = test_files
-    rcov.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
+      rcov.output_dir = 'coverage'
-    rcov.rcov_opts << %[-o "coverage" --sort coverage]
+      rcov.verbose    = true
-  end
+      rcov.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
-  
+      rcov.rcov_opts << %[-o "coverage" --sort coverage]
-  
+    end
-  desc "Run both specs and features to generate aggregated coverage"
+    
-  task :all do |t|
+    
-    rm "coverage.data" if File.exist?("coverage.data")
+    desc "Run both specs and features to generate aggregated coverage"
-    Rake::Task["rcov:units"].invoke
+    task :all do |t|
-    Rake::Task["rcov:cucumber"].invoke
+      rm "coverage.data" if File.exist?("coverage.data")
+      Rake::Task["rcov:units"].invoke
+      Rake::Task["rcov:cucumber"].invoke
+    end
   end
+rescue LoadError => e
+  puts "WARNING: #{e}"
 end
 

VERSION.yml

@@ -2,4 +2,4 @@
 :patch: 0
 :major: 0
 :minor: 10
-:build: rc3
+:build: rc4

compass.gemspec

@@ -1,553 +1,39 @@
-# Generated by jeweler
+# I'd like to find a better way to do this, but it works for now.
-# DO NOT EDIT THIS FILE DIRECTLY
+Dir.glob("#{File.dirname(__FILE__)}/examples/*/clean.rb").each do |cleaner|
-# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+  Kernel.load cleaner
-# -*- encoding: utf-8 -*-
+end
-
+
-Gem::Specification.new do |s|
+$: << "#{File.dirname(__FILE__)}/lib"
-  s.name = %q{compass}
+require 'compass'
-  s.version = "0.10.0.rc3"
+
-
+Gem::Specification.new do |gemspec|
-  s.required_rubygems_version = Gem::Requirement.new("> 1.3.1") if s.respond_to? :required_rubygems_version=
+  gemspec.name = "compass"
-  s.authors = ["Chris Eppstein"]
+  gemspec.version = Compass::VERSION # Update the VERSION.yml file to set this.
-  s.date = %q{2010-04-13}
+  gemspec.date = "#{Time.now.year}-#{Time.now.month}-#{Time.now.day}" # Automatically update for each build
-  s.default_executable = %q{compass}
+  gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS."
-  s.description = %q{Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS.}
+  gemspec.homepage = "http://compass-style.org"
-  s.email = %q{chris@eppsteins.net}
+  gemspec.authors = ["Chris Eppstein", "Eric A. Meyer", "Brandon Mathis"]
-  s.executables = ["compass"]
+  gemspec.email = "chris@eppsteins.net"
-  s.extra_rdoc_files = [
+  gemspec.default_executable = "compass"
-    "LICENSE.markdown",
+  gemspec.executables = %w(compass)
-     "README.markdown"
+  gemspec.has_rdoc = false
-  ]
+  gemspec.require_paths = %w(lib)
-  s.files = [
+  gemspec.rubygems_version = "1.3.6"
-    "CHANGELOG.markdown",
+  gemspec.summary = %q{A Real Stylesheet Framework}
-     "LICENSE.markdown",
+  gemspec.add_dependency('haml', '>= 3.0.0.rc.1')
-     "README.markdown",
+  gemspec.files = %w(README.markdown LICENSE.markdown VERSION.yml Rakefile)
-     "REVISION",
+  gemspec.files += Dir.glob("bin/*")
-     "Rakefile",
+  gemspec.files += Dir.glob("examples/**/*.*")
-     "VERSION.yml",
+  gemspec.files -= Dir.glob("examples/**/*.css")
-     "bin/compass",
+  gemspec.files -= Dir.glob("examples/**/*.html")
-     "examples/README.markdown",
+  gemspec.files -= Dir.glob("examples/*/extensions/**")
-     "examples/blueprint_default/config.rb",
+  gemspec.files -= Dir.glob("examples/*/stylesheets/**/*.*")
-     "examples/blueprint_default/images/grid.png",
+  gemspec.files += Dir.glob("frameworks/**/*")
-     "examples/blueprint_default/index.html.haml",
+  gemspec.files += Dir.glob("lib/**/*")
-     "examples/blueprint_default/parts/elements.html.haml",
+  gemspec.files += Dir.glob("test/**/*.*")
-     "examples/blueprint_default/parts/forms.html.haml",
+  gemspec.files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
-     "examples/blueprint_default/parts/grid.html.haml",
+  gemspec.test_files = Dir.glob("test/**/*.*")
-     "examples/blueprint_default/parts/test-small.jpg",
+  gemspec.test_files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
-     "examples/blueprint_default/parts/test.jpg",
+  gemspec.test_files += Dir.glob("features/**/*.*")
-     "examples/blueprint_default/parts/valid.png",
-     "examples/blueprint_default/src/ie.scss",
-     "examples/blueprint_default/src/images/grid.png",
-     "examples/blueprint_default/src/print.scss",
-     "examples/blueprint_default/src/screen.scss",
-     "examples/blueprint_plugins/config.rb",
-     "examples/blueprint_plugins/images/buttons/cross.png",
-     "examples/blueprint_plugins/images/buttons/key.png",
-     "examples/blueprint_plugins/images/buttons/tick.png",
-     "examples/blueprint_plugins/images/grid.png",
-     "examples/blueprint_plugins/images/link_icons/doc.png",
-     "examples/blueprint_plugins/images/link_icons/email.png",
-     "examples/blueprint_plugins/images/link_icons/external.png",
-     "examples/blueprint_plugins/images/link_icons/feed.png",
-     "examples/blueprint_plugins/images/link_icons/im.png",
-     "examples/blueprint_plugins/images/link_icons/pdf.png",
-     "examples/blueprint_plugins/images/link_icons/visited.png",
-     "examples/blueprint_plugins/images/link_icons/xls.png",
-     "examples/blueprint_plugins/images/test-small.jpg",
-     "examples/blueprint_plugins/images/test.jpg",
-     "examples/blueprint_plugins/images/valid.png",
-     "examples/blueprint_plugins/index.html.haml",
-     "examples/blueprint_plugins/plugins/buttons.html.haml",
-     "examples/blueprint_plugins/plugins/fancy_type.html.haml",
-     "examples/blueprint_plugins/plugins/link_icons.html.haml",
-     "examples/blueprint_plugins/plugins/rtl.html.haml",
-     "examples/blueprint_plugins/src/buttons.scss",
-     "examples/blueprint_plugins/src/ie.scss",
-     "examples/blueprint_plugins/src/images/grid.png",
-     "examples/blueprint_plugins/src/link_icons.scss",
-     "examples/blueprint_plugins/src/print.scss",
-     "examples/blueprint_plugins/src/rtl_screen.scss",
-     "examples/blueprint_plugins/src/screen.scss",
-     "examples/blueprint_scoped/images/grid.png",
-     "examples/blueprint_scoped/src/ie.scss",
-     "examples/blueprint_scoped/src/print.scss",
-     "examples/blueprint_scoped/src/screen.scss",
-     "examples/blueprint_scoped_form/images/grid.png",
-     "examples/blueprint_scoped_form/src/ie.scss",
-     "examples/blueprint_scoped_form/src/print.scss",
-     "examples/blueprint_scoped_form/src/screen.scss",
-     "examples/blueprint_semantic/config.rb",
-     "examples/blueprint_semantic/images/grid.png",
-     "examples/blueprint_semantic/index.html.haml",
-     "examples/blueprint_semantic/parts/fancy_type.html.haml",
-     "examples/blueprint_semantic/parts/liquid.html.haml",
-     "examples/blueprint_semantic/parts/test-small.jpg",
-     "examples/blueprint_semantic/parts/test.jpg",
-     "examples/blueprint_semantic/parts/valid.png",
-     "examples/blueprint_semantic/src/ie.scss",
-     "examples/blueprint_semantic/src/images/grid.png",
-     "examples/blueprint_semantic/src/liquid.scss",
-     "examples/blueprint_semantic/src/print.scss",
-     "examples/blueprint_semantic/src/screen.scss",
-     "examples/compass/bootstrap.rb",
-     "examples/compass/clean.rb",
-     "examples/compass/compass.html.haml",
-     "examples/compass/config.rb",
-     "examples/compass/images/blue_arrow.gif",
-     "examples/compass/src/compass.scss",
-     "examples/compass/src/images/blue_arrow.gif",
-     "examples/compass/src/sticky_footer.scss",
-     "examples/compass/src/utilities.scss",
-     "examples/compass/sticky_footer.html.haml",
-     "examples/compass/utilities.html.haml",
-     "examples/css3/bootstrap.rb",
-     "examples/css3/clean.rb",
-     "examples/css3/config.rb",
-     "examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf",
-     "examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf",
-     "examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass",
-     "examples/css3/extensions/fancy-fonts/templates/project/manifest.rb",
-     "examples/css3/gradients.html.haml",
-     "examples/css3/images/fresh-peas.jpg",
-     "examples/css3/index.html.haml",
-     "examples/css3/src/_base.scss",
-     "examples/css3/src/fancy-fonts.scss",
-     "examples/css3/src/gradients.scss",
-     "examples/css3/src/main.scss",
-     "examples/downloader.rb",
-     "examples/logo/logo.html.haml",
-     "examples/logo/src/ie.scss",
-     "examples/logo/src/print.scss",
-     "examples/logo/src/screen.scss",
-     "examples/ninesixty/bootstrap.rb",
-     "examples/ninesixty/clean.rb",
-     "examples/ninesixty/config.rb",
-     "examples/ninesixty/src/grid.scss",
-     "examples/ninesixty/src/text.scss",
-     "examples/susy/bootstrap.rb",
-     "examples/susy/clean.rb",
-     "examples/susy/config.rb",
-     "examples/susy/src/_base.scss",
-     "examples/susy/src/_defaults.scss",
-     "examples/susy/src/screen.scss",
-     "examples/yui/bootstrap.rb",
-     "examples/yui/clean.rb",
-     "examples/yui/config.rb",
-     "examples/yui/divisions.html.haml",
-     "examples/yui/index.html.haml",
-     "examples/yui/src/screen.scss",
-     "examples/yui/sub_divisions.html.haml",
-     "examples/yui/templates.html.haml",
-     "examples/yui/test.jpg",
-     "examples/yui/typography.html.haml",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/_blueprint.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_buttons.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_colors.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_debug.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_fancy_type.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_form.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_grid.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_ie.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_interaction.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_link_icons.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_liquid.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_print.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_reset.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_rtl.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_scaffolding.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_screen.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_typography.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_utilities.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_buttons.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_colors.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_debug.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_fancy_type.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_form.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_grid.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_interaction.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_link_icons.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_liquid.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_reset.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_rtl.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_scaffolding.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_typography.sass",
-     "frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/modules/_utilities.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/_compass.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/_css3.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/_layout.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/_reset.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/_utilities.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_background_clip.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_background_origin.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_background_size.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_border_radius.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_box_shadow.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_box_sizing.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_columns.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_font_face.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_gradient.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_inline_block.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_opacity.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_text_shadow.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_transform.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/css3/_transition.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/layout/_sticky_footer.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_general.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_links.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_lists.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_print.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_sprites.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_tables.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/_text.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_clearfix.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_float.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_hacks.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_min.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_reset.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_tabs.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/general/_tag_cloud.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/links/_hover_link.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/links/_link_colors.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/links/_unstyled_link.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/lists/_bullets.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/lists/_horizontal_list.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/lists/_inline_list.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/sprites/_sprite_img.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/tables/_borders.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/tables/_scaffolding.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/text/_ellipsis.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/text/_nowrap.sass",
-     "frameworks/_compass_deprecated_imports/stylesheets/compass/utilities/text/_replacement.sass",
-     "frameworks/blueprint/stylesheets/_blueprint.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_buttons.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_colors.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_debug.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_form.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_grid.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_ie.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_interaction.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_link-icons.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_liquid.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_print.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_reset.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_rtl.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_typography.scss",
-     "frameworks/blueprint/stylesheets/blueprint/_utilities.scss",
-     "frameworks/blueprint/templates/basic/grid.png",
-     "frameworks/blueprint/templates/basic/ie.sass",
-     "frameworks/blueprint/templates/basic/manifest.rb",
-     "frameworks/blueprint/templates/basic/partials/_base.sass",
-     "frameworks/blueprint/templates/basic/print.sass",
-     "frameworks/blueprint/templates/basic/screen.sass",
-     "frameworks/blueprint/templates/buttons/buttons.sass",
-     "frameworks/blueprint/templates/buttons/buttons/cross.png",
-     "frameworks/blueprint/templates/buttons/buttons/key.png",
-     "frameworks/blueprint/templates/buttons/buttons/tick.png",
-     "frameworks/blueprint/templates/buttons/manifest.rb",
-     "frameworks/blueprint/templates/link_icons/link_icons.sass",
-     "frameworks/blueprint/templates/link_icons/link_icons/doc.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/email.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/external.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/feed.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/im.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/pdf.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/visited.png",
-     "frameworks/blueprint/templates/link_icons/link_icons/xls.png",
-     "frameworks/blueprint/templates/link_icons/manifest.rb",
-     "frameworks/blueprint/templates/project/grid.png",
-     "frameworks/blueprint/templates/project/ie.sass",
-     "frameworks/blueprint/templates/project/manifest.rb",
-     "frameworks/blueprint/templates/project/partials/_base.sass",
-     "frameworks/blueprint/templates/project/print.sass",
-     "frameworks/blueprint/templates/project/screen.sass",
-     "frameworks/blueprint/templates/semantic/grid.png",
-     "frameworks/blueprint/templates/semantic/ie.sass",
-     "frameworks/blueprint/templates/semantic/manifest.rb",
-     "frameworks/blueprint/templates/semantic/partials/_base.sass",
-     "frameworks/blueprint/templates/semantic/partials/_form.sass",
-     "frameworks/blueprint/templates/semantic/partials/_page.sass",
-     "frameworks/blueprint/templates/semantic/partials/_two_col.sass",
-     "frameworks/blueprint/templates/semantic/print.sass",
-     "frameworks/blueprint/templates/semantic/screen.sass",
-     "frameworks/compass/stylesheets/_compass.scss",
-     "frameworks/compass/stylesheets/compass/_css3.scss",
-     "frameworks/compass/stylesheets/compass/_layout.scss",
-     "frameworks/compass/stylesheets/compass/_misc.scss",
-     "frameworks/compass/stylesheets/compass/_reset.scss",
-     "frameworks/compass/stylesheets/compass/_utilities.scss",
-     "frameworks/compass/stylesheets/compass/css3/_background-clip.scss",
-     "frameworks/compass/stylesheets/compass/css3/_background-origin.scss",
-     "frameworks/compass/stylesheets/compass/css3/_background-size.scss",
-     "frameworks/compass/stylesheets/compass/css3/_border-radius.scss",
-     "frameworks/compass/stylesheets/compass/css3/_box-shadow.scss",
-     "frameworks/compass/stylesheets/compass/css3/_box-sizing.scss",
-     "frameworks/compass/stylesheets/compass/css3/_columns.scss",
-     "frameworks/compass/stylesheets/compass/css3/_font-face.scss",
-     "frameworks/compass/stylesheets/compass/css3/_gradient.scss",
-     "frameworks/compass/stylesheets/compass/css3/_inline-block.scss",
-     "frameworks/compass/stylesheets/compass/css3/_opacity.scss",
-     "frameworks/compass/stylesheets/compass/css3/_text-shadow.scss",
-     "frameworks/compass/stylesheets/compass/css3/_transform.scss",
-     "frameworks/compass/stylesheets/compass/css3/_transition.scss",
-     "frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_general.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_links.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_lists.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_print.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_sprites.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_tables.scss",
-     "frameworks/compass/stylesheets/compass/utilities/_text.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_float.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_min.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_reset.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_tabs.scss",
-     "frameworks/compass/stylesheets/compass/utilities/general/_tag-cloud.scss",
-     "frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss",
-     "frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss",
-     "frameworks/compass/stylesheets/compass/utilities/links/_unstyled-link.scss",
-     "frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss",
-     "frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss",
-     "frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss",
-     "frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss",
-     "frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss",
-     "frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss",
-     "frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.scss",
-     "frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.scss",
-     "frameworks/compass/stylesheets/compass/utilities/text/_nowrap.scss",
-     "frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss",
-     "frameworks/compass/templates/ellipsis/ellipsis.sass",
-     "frameworks/compass/templates/ellipsis/manifest.rb",
-     "frameworks/compass/templates/ellipsis/xml/ellipsis.xml",
-     "frameworks/compass/templates/extension/manifest.rb",
-     "frameworks/compass/templates/extension/stylesheets/main.sass",
-     "frameworks/compass/templates/extension/templates/project/manifest.rb",
-     "frameworks/compass/templates/extension/templates/project/screen.sass",
-     "frameworks/compass/templates/project/USAGE.markdown",
-     "frameworks/compass/templates/project/ie.sass",
-     "frameworks/compass/templates/project/manifest.rb",
-     "frameworks/compass/templates/project/print.sass",
-     "frameworks/compass/templates/project/screen.sass",
-     "lib/compass.rb",
-     "lib/compass/actions.rb",
-     "lib/compass/app_integration.rb",
-     "lib/compass/app_integration/merb.rb",
-     "lib/compass/app_integration/merb/runtime.rb",
-     "lib/compass/app_integration/rails.rb",
-     "lib/compass/app_integration/rails/actionpack2/action_controller.rb",
-     "lib/compass/app_integration/rails/actionpack2/sass_plugin.rb",
-     "lib/compass/app_integration/rails/actionpack2/urls.rb",
-     "lib/compass/app_integration/rails/configuration_defaults.rb",
-     "lib/compass/app_integration/rails/installer.rb",
-     "lib/compass/app_integration/rails/runtime.rb",
-     "lib/compass/app_integration/rails/templates/compass-install-rails.rb",
-     "lib/compass/app_integration/stand_alone.rb",
-     "lib/compass/app_integration/stand_alone/configuration_defaults.rb",
-     "lib/compass/app_integration/stand_alone/installer.rb",
-     "lib/compass/commands.rb",
-     "lib/compass/commands/base.rb",
-     "lib/compass/commands/create_project.rb",
-     "lib/compass/commands/generate_grid_background.rb",
-     "lib/compass/commands/help.rb",
-     "lib/compass/commands/installer_command.rb",
-     "lib/compass/commands/interactive.rb",
-     "lib/compass/commands/list_frameworks.rb",
-     "lib/compass/commands/print_version.rb",
-     "lib/compass/commands/project_base.rb",
-     "lib/compass/commands/project_stats.rb",
-     "lib/compass/commands/registry.rb",
-     "lib/compass/commands/stamp_pattern.rb",
-     "lib/compass/commands/update_project.rb",
-     "lib/compass/commands/validate_project.rb",
-     "lib/compass/commands/watch_project.rb",
-     "lib/compass/commands/write_configuration.rb",
-     "lib/compass/compiler.rb",
-     "lib/compass/configuration.rb",
-     "lib/compass/configuration/adapters.rb",
-     "lib/compass/configuration/comments.rb",
-     "lib/compass/configuration/data.rb",
-     "lib/compass/configuration/defaults.rb",
-     "lib/compass/configuration/helpers.rb",
-     "lib/compass/configuration/inheritance.rb",
-     "lib/compass/configuration/paths.rb",
-     "lib/compass/configuration/serialization.rb",
-     "lib/compass/core_ext.rb",
-     "lib/compass/dependencies.rb",
-     "lib/compass/errors.rb",
-     "lib/compass/exec.rb",
-     "lib/compass/exec/command_option_parser.rb",
-     "lib/compass/exec/global_options_parser.rb",
-     "lib/compass/exec/helpers.rb",
-     "lib/compass/exec/project_options_parser.rb",
-     "lib/compass/exec/sub_command_ui.rb",
-     "lib/compass/exec/switch_ui.rb",
-     "lib/compass/frameworks.rb",
-     "lib/compass/grid_builder.rb",
-     "lib/compass/installers.rb",
-     "lib/compass/installers/bare_installer.rb",
-     "lib/compass/installers/base.rb",
-     "lib/compass/installers/manifest.rb",
-     "lib/compass/installers/manifest_installer.rb",
-     "lib/compass/installers/template_context.rb",
-     "lib/compass/logger.rb",
-     "lib/compass/sass_extensions.rb",
-     "lib/compass/sass_extensions/functions.rb",
-     "lib/compass/sass_extensions/functions/display.rb",
-     "lib/compass/sass_extensions/functions/enumerate.rb",
-     "lib/compass/sass_extensions/functions/font_files.rb",
-     "lib/compass/sass_extensions/functions/gradient_support.rb",
-     "lib/compass/sass_extensions/functions/image_size.rb",
-     "lib/compass/sass_extensions/functions/inline_image.rb",
-     "lib/compass/sass_extensions/functions/selectors.rb",
-     "lib/compass/sass_extensions/functions/urls.rb",
-     "lib/compass/sass_extensions/monkey_patches.rb",
-     "lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb",
-     "lib/compass/sass_extensions/monkey_patches/traversal.rb",
-     "lib/compass/stats.rb",
-     "lib/compass/test_case.rb",
-     "lib/compass/validator.rb",
-     "lib/compass/version.rb",
-     "lib/vendor/fssm/fssm.rb",
-     "lib/vendor/fssm/fssm/backends/fsevents.rb",
-     "lib/vendor/fssm/fssm/backends/inotify.rb",
-     "lib/vendor/fssm/fssm/backends/polling.rb",
-     "lib/vendor/fssm/fssm/backends/rubycocoa/fsevents.rb",
-     "lib/vendor/fssm/fssm/monitor.rb",
-     "lib/vendor/fssm/fssm/path.rb",
-     "lib/vendor/fssm/fssm/pathname.rb",
-     "lib/vendor/fssm/fssm/state/directory.rb",
-     "lib/vendor/fssm/fssm/state/file.rb",
-     "lib/vendor/fssm/fssm/support.rb",
-     "lib/vendor/fssm/fssm/tree.rb",
-     "test/command_line_helper.rb",
-     "test/command_line_test.rb",
-     "test/compass_png_test.rb",
-     "test/compass_test.rb",
-     "test/configuration_test.rb",
-     "test/fixtures/stylesheets/blueprint/config.rb",
-     "test/fixtures/stylesheets/blueprint/css/typography.css",
-     "test/fixtures/stylesheets/blueprint/images/grid.png",
-     "test/fixtures/stylesheets/blueprint/sass/ie.sass",
-     "test/fixtures/stylesheets/blueprint/sass/print.sass",
-     "test/fixtures/stylesheets/blueprint/sass/screen.sass",
-     "test/fixtures/stylesheets/blueprint/sass/typography.sass",
-     "test/fixtures/stylesheets/compass/100x150.jpg",
-     "test/fixtures/stylesheets/compass/config.rb",
-     "test/fixtures/stylesheets/compass/css/gradients.css",
-     "test/fixtures/stylesheets/compass/css/image_size.css",
-     "test/fixtures/stylesheets/compass/css/layout.css",
-     "test/fixtures/stylesheets/compass/css/print.css",
-     "test/fixtures/stylesheets/compass/css/reset.css",
-     "test/fixtures/stylesheets/compass/css/utilities.css",
-     "test/fixtures/stylesheets/compass/images/100x150.gif",
-     "test/fixtures/stylesheets/compass/images/100x150.jpeg",
-     "test/fixtures/stylesheets/compass/images/100x150.jpg",
-     "test/fixtures/stylesheets/compass/images/100x150.png",
-     "test/fixtures/stylesheets/compass/sass/gradients.sass",
-     "test/fixtures/stylesheets/compass/sass/image_size.sass",
-     "test/fixtures/stylesheets/compass/sass/layout.sass",
-     "test/fixtures/stylesheets/compass/sass/print.sass",
-     "test/fixtures/stylesheets/compass/sass/reset.sass",
-     "test/fixtures/stylesheets/compass/sass/utilities.sass",
-     "test/fixtures/stylesheets/image_urls/config.rb",
-     "test/fixtures/stylesheets/image_urls/css/screen.css",
-     "test/fixtures/stylesheets/image_urls/images/grid.png",
-     "test/fixtures/stylesheets/image_urls/sass/screen.sass",
-     "test/fixtures/stylesheets/relative/assets/images/testing.png",
-     "test/fixtures/stylesheets/relative/config.rb",
-     "test/fixtures/stylesheets/relative/css/ie.css",
-     "test/fixtures/stylesheets/relative/css/print.css",
-     "test/fixtures/stylesheets/relative/css/screen.css",
-     "test/fixtures/stylesheets/relative/sass/ie.sass",
-     "test/fixtures/stylesheets/relative/sass/print.sass",
-     "test/fixtures/stylesheets/relative/sass/screen.sass",
-     "test/io_helper.rb",
-     "test/rails_helper.rb",
-     "test/rails_integration_test.rb",
-     "test/sass_extensions_test.rb",
-     "test/test_case_helper.rb",
-     "test/test_helper.rb",
-     "test/test_rails_helper.rb"
-  ]
-  s.has_rdoc = false
-  s.homepage = %q{http://compass-style.org}
-  s.rdoc_options = ["--charset=UTF-8"]
-  s.require_paths = ["lib"]
-  s.rubyforge_project = %q{compass}
-  s.rubygems_version = %q{1.3.6}
-  s.summary = %q{A Real Stylesheet Framework}
-  s.test_files = [
-    "test/command_line_helper.rb",
-     "test/command_line_test.rb",
-     "test/compass_png_test.rb",
-     "test/compass_test.rb",
-     "test/configuration_test.rb",
-     "test/fixtures/stylesheets/blueprint/config.rb",
-     "test/fixtures/stylesheets/blueprint/css/typography.css",
-     "test/fixtures/stylesheets/blueprint/images/grid.png",
-     "test/fixtures/stylesheets/blueprint/sass/ie.sass",
-     "test/fixtures/stylesheets/blueprint/sass/print.sass",
-     "test/fixtures/stylesheets/blueprint/sass/screen.sass",
-     "test/fixtures/stylesheets/blueprint/sass/typography.sass",
-     "test/fixtures/stylesheets/compass/100x150.jpg",
-     "test/fixtures/stylesheets/compass/config.rb",
-     "test/fixtures/stylesheets/compass/css/gradients.css",
-     "test/fixtures/stylesheets/compass/css/image_size.css",
-     "test/fixtures/stylesheets/compass/css/layout.css",
-     "test/fixtures/stylesheets/compass/css/print.css",
-     "test/fixtures/stylesheets/compass/css/reset.css",
-     "test/fixtures/stylesheets/compass/css/utilities.css",
-     "test/fixtures/stylesheets/compass/images/100x150.gif",
-     "test/fixtures/stylesheets/compass/images/100x150.jpeg",
-     "test/fixtures/stylesheets/compass/images/100x150.jpg",
-     "test/fixtures/stylesheets/compass/images/100x150.png",
-     "test/fixtures/stylesheets/compass/sass/gradients.sass",
-     "test/fixtures/stylesheets/compass/sass/image_size.sass",
-     "test/fixtures/stylesheets/compass/sass/layout.sass",
-     "test/fixtures/stylesheets/compass/sass/print.sass",
-     "test/fixtures/stylesheets/compass/sass/reset.sass",
-     "test/fixtures/stylesheets/compass/sass/utilities.sass",
-     "test/fixtures/stylesheets/image_urls/config.rb",
-     "test/fixtures/stylesheets/image_urls/css/screen.css",
-     "test/fixtures/stylesheets/image_urls/images/grid.png",
-     "test/fixtures/stylesheets/image_urls/sass/screen.sass",
-     "test/fixtures/stylesheets/relative/assets/images/testing.png",
-     "test/fixtures/stylesheets/relative/config.rb",
-     "test/fixtures/stylesheets/relative/css/ie.css",
-     "test/fixtures/stylesheets/relative/css/print.css",
-     "test/fixtures/stylesheets/relative/css/screen.css",
-     "test/fixtures/stylesheets/relative/sass/ie.sass",
-     "test/fixtures/stylesheets/relative/sass/print.sass",
-     "test/fixtures/stylesheets/relative/sass/screen.sass",
-     "test/io_helper.rb",
-     "test/rails_helper.rb",
-     "test/rails_integration_test.rb",
-     "test/sass_extensions_test.rb",
-     "test/test_case_helper.rb",
-     "test/test_helper.rb",
-     "test/test_rails_helper.rb",
-     "features/command_line.feature",
-     "features/extensions.feature",
-     "features/step_definitions/command_line_steps.rb",
-     "features/step_definitions/extension_steps.rb"
-  ]
-
-  if s.respond_to? :specification_version then
-    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
-    s.specification_version = 3
-
-    if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
-      s.add_runtime_dependency(%q<haml>, [">= 3.0.0.beta.2"])
-    else
-      s.add_dependency(%q<haml>, [">= 3.0.0.beta.2"])
-    end
-  else
-    s.add_dependency(%q<haml>, [">= 3.0.0.beta.2"])
-  end
 end
 

doc-src/.compass/config.rb

@@ -1,5 +1,6 @@
 # Require any additional compass plugins here.
-# require 'susy'
+require 'susy'
+require 'css-slideshow'
 
 # Set this to the root of your project when deployed:
 http_path = "/docs"

doc-src/Gemfile

@@ -1,13 +1,18 @@
 source :gemcutter
 
-gem 'nanoc3', :require => false
+# We can switch nanoc to a normal gem when 3.1.3 is released.
+gem 'nanoc3', :require => false, :git => "git@github.com:chriseppstein/nanoc.git", :branch => "3.1.x"
 gem 'rdiscount'
 gem 'thor'
 gem 'rack'
 gem 'mime-types'
 gem 'fssm'
 gem 'serve'
-gem 'nokogiri', :version => "0.4.1"
+gem 'nokogiri'
 gem 'coderay'
-gem 'haml', ">=3.0.0.beta.2", :require => 'sass'
+gem 'haml', ">=3.0.0.beta.3", :require => 'sass'
 gem 'rake'
+gem 'compass', :path => File.dirname(__FILE__) + "/../.."
+gem 'compass-susy-plugin', "0.7.0.pre8"
+gem 'css-slideshow', "0.2.0"
+

doc-src/Gemfile.lock

@@ -1,24 +1,24 @@
 --- 
 dependencies: 
-  fssm: 
+  compass: 
     group: 
     - :default
     version: ">= 0"
-  rake: 
+  fssm: 
     group: 
     - :default
     version: ">= 0"
   haml: 
     group: 
     - :default
-    version: ">= 3.0.0.beta.2"
+    version: ">= 3.0.0.beta.3"
     require: 
     - sass
-  thor: 
+  rake: 
     group: 
     - :default
     version: ">= 0"
-  serve: 
+  thor: 
     group: 
     - :default
     version: ">= 0"
@@ -26,16 +26,28 @@ dependencies:
     group: 
     - :default
     version: ">= 0"
+  serve: 
+    group: 
+    - :default
+    version: ">= 0"
   rack: 
     group: 
     - :default
     version: ">= 0"
+  css-slideshow: 
+    group: 
+    - :default
+    version: = 0.2.0
   nanoc3: 
     group: 
     - :default
     version: ">= 0"
     require: []
 
+  compass-susy-plugin: 
+    group: 
+    - :default
+    version: = 0.7.0.pre8
   rdiscount: 
     group: 
     - :default
@@ -54,19 +66,29 @@ specs:
 - activesupport: 
     version: 2.3.5
 - coderay: 
-    version: 0.9.2
+    version: 0.9.3
+- haml: 
+    version: 3.0.0.beta.3
+    source: 0
+- compass: 
+    version: 0.10.0.rc3
+    source: 0
+- compass-susy-plugin: 
+    version: 0.7.0.pre8
 - cri: 
     version: 1.0.1
+- css-slideshow: 
+    version: 0.2.0
+    source: 0
 - fssm: 
     version: 0.1.4
-- haml: 
-    version: 3.0.0.beta.2
 - mime-types: 
     version: "1.16"
 - nanoc3: 
     version: 3.1.2
+    source: 1
 - nokogiri: 
-    version: 1.4.1.1
+    version: 1.4.1
 - rack: 
     version: 1.1.0
 - rdiscount: 
@@ -75,7 +97,16 @@ specs:
     version: 0.10.0
 - thor: 
     version: 0.13.4
-hash: 16187d5f06a4d78ed1b88c12fd0643838d0115ec
+hash: c67f2ebb37154944e05b728b70c2e3322d370d59
 sources: 
+- Path: 
+    path: !ruby/object:Pathname 
+      path: /Users/chris/Projects/compass/doc-src/../..
+- Git: 
+    uri: git@github.com:chriseppstein/nanoc.git
+    branch: 3.1.x
+    git: git@github.com:chriseppstein/nanoc.git
+    require: false
+    ref: 398294262623dac9bb15dcbbfc0ba33c04f8125e
 - Rubygems: 
     uri: http://gemcutter.org

doc-src/Rules

@@ -12,36 +12,50 @@ compile '/assets/*/' do
   nil
 end
 
-['/examples/*/markup/', '/examples/*/stylesheet/', '/examples/*/background/'].each do |ex_file|
+['markup', 'stylesheet', 'background'].each do |ex_file|
-  compile ex_file do
+  compile "/examples/*/#{ex_file}/" do
     nil
   end
 end
 
+compile '/' do
+  filter :haml, :ugly => true
+  layout 'main'
+end
+
 compile '/examples/*/' do
   filter :haml, :ugly => true
   filter :highlight if ENV['SYNTAX']
   layout 'example'
 end
 
-compile '/stylesheets/*/' do
+sass_options = Compass.sass_engine_options
-  filter :sass, Compass.sass_engine_options
+
+(0..5).each do |i|
+  compile("/stylesheets/#{'*/' * i}_*/") {nil}
+end
+
+compile '/stylesheets/*' do
+  filter :sass, sass_options.merge(:syntax => item[:extension].to_sym)
 end
 
 compile '/reference/*/' do
   filter :haml, :ugly => true
   filter :highlight if ENV['SYNTAX']
-  layout 'default'
+  layout item[:layout] || 'main'
 end
 
 compile '*' do
-  filter :haml, :ugly => true
+  if item[:extension] == "markdown"
-  layout 'default'
+    filter :rdiscount
+  elsif item[:extension] == "haml"
+    filter :haml, :ugly => true
+  end
+  layout item[:layout] || 'main'
 end
 
-route '/stylesheets/*/_*/' do
+(0..5).each do |i|
-  # don't output partials, so return nil
+  route("/stylesheets/#{'*/' * i}_*/") {nil}
-  nil
 end
 
 route '/assets/css/*/' do
@@ -65,8 +79,8 @@ route '/stylesheets/*/' do
   SITE_ROOT+item.identifier.chop + '.css'
 end
 
-['/examples/*/markup/', '/examples/*/stylesheet/', '/examples/*/background/'].each do |ex_file|
+%w(markup stylesheet background).each do |ex_file|
-  route ex_file do
+  route "/examples/*/#{ex_file}/" do
     nil
   end
 end

doc-src/assets/css/ui-lightness/jquery-ui-1.7.2.custom.css

@@ -1,406 +0,0 @@
-/*
-* jQuery UI CSS Framework
-* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-*/
-
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-.ui-helper-clearfix { display: inline-block; }
-/* required comment for clearfix to work in Opera \*/
-* html .ui-helper-clearfix { height:1%; }
-.ui-helper-clearfix { display:block; }
-/* end clearfix */
-.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled { cursor: default !important; }
-
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
-
-
-/*
-* jQuery UI CSS Framework
-* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
-* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
-* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
-*/
-
-
-/* Component containers
-----------------------------------*/
-.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
-.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
-.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
-.ui-widget-content a { color: #333333; }
-.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
-.ui-widget-header a { color: #ffffff; }
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
-.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
-.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
-.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
-.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
-.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
-.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
-.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
-.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
-.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
-.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
-.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
-.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
-.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
-
-/* positioning */
-.ui-icon-carat-1-n { background-position: 0 0; }
-.ui-icon-carat-1-ne { background-position: -16px 0; }
-.ui-icon-carat-1-e { background-position: -32px 0; }
-.ui-icon-carat-1-se { background-position: -48px 0; }
-.ui-icon-carat-1-s { background-position: -64px 0; }
-.ui-icon-carat-1-sw { background-position: -80px 0; }
-.ui-icon-carat-1-w { background-position: -96px 0; }
-.ui-icon-carat-1-nw { background-position: -112px 0; }
-.ui-icon-carat-2-n-s { background-position: -128px 0; }
-.ui-icon-carat-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -64px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -64px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-off { background-position: -96px -144px; }
-.ui-icon-radio-on { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
-.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
-.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
-.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
-.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
-.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
-.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
-.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
-.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
-
-/* Overlays */
-.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
-.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
-----------------------------------*/
-.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
-.ui-accordion .ui-accordion-li-fix { display: inline; }
-.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
-.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
-.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
-.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
-.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
-----------------------------------*/
-.ui-datepicker { width: 17em; padding: .2em .2em 0; }
-.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
-.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
-.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
-.ui-datepicker .ui-datepicker-prev { left:2px; }
-.ui-datepicker .ui-datepicker-next { right:2px; }
-.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
-.ui-datepicker .ui-datepicker-next-hover { right:1px; }
-.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
-.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
-.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
-.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
-.ui-datepicker select.ui-datepicker-month, 
-.ui-datepicker select.ui-datepicker-year { width: 49%;}
-.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
-.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
-.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
-.ui-datepicker td { border: 0; padding: 1px; }
-.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
-.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
-.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
-.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
-
-/* with multiple calendars */
-.ui-datepicker.ui-datepicker-multi { width:auto; }
-.ui-datepicker-multi .ui-datepicker-group { float:left; }
-.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
-.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
-.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
-.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
-.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
-.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
-.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
-.ui-datepicker-row-break { clear:both; width:100%; }
-
-/* RTL support */
-.ui-datepicker-rtl { direction: rtl; }
-.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
-.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
-.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
-.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
-.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
-.ui-datepicker-rtl .ui-datepicker-group { float:right; }
-.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
-.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
-
-/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
-.ui-datepicker-cover {
-    display: none; /*sorry for IE5*/
-    display/**/: block; /*sorry for IE5*/
-    position: absolute; /*must have*/
-    z-index: -1; /*must have*/
-    filter: mask(); /*must have*/
-    top: -4px; /*must have*/
-    left: -4px; /*must have*/
-    width: 200px; /*must have*/
-    height: 200px; /*must have*/
-}/* Dialog
-----------------------------------*/
-.ui-dialog { position: relative; padding: .2em; width: 300px; }
-.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
-.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
-.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
-.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
-.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
-.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
-.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
-.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
-.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
-.ui-draggable .ui-dialog-titlebar { cursor: move; }
-/* Progressbar
-----------------------------------*/
-.ui-progressbar { height:2em; text-align: left; }
-.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
-----------------------------------*/
-.ui-resizable { position: relative;}
-.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
-.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
-.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
-.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
-.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
-.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
-.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
-.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
-.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
-.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
-----------------------------------*/
-.ui-slider { position: relative; text-align: left; }
-.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
-.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
-
-.ui-slider-horizontal { height: .8em; }
-.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
-.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
-.ui-slider-horizontal .ui-slider-range-min { left: 0; }
-.ui-slider-horizontal .ui-slider-range-max { right: 0; }
-
-.ui-slider-vertical { width: .8em; height: 100px; }
-.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
-.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
-.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
-.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
-----------------------------------*/
-.ui-tabs { padding: .2em; zoom: 1; }
-.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
-.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
-.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
-.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
-.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
-.ui-tabs .ui-tabs-hide { display: none !important; }

doc-src/assets/javascripts/fixups.js

@@ -0,0 +1,10 @@
+$(function(){
+  $('span.color').each(function(i,e){
+   e = $(e);
+   e.after('<span class="swatch" style="background-color:'+e.text()+';"></span>');
+  });
+  $('span.arg[data-default-value]').each(function(i,e){
+    e = $(e);
+    e.attr("title", "Defaults to: " + e.attr("data-default-value"))
+  })
+});

doc-src/config.yaml

@@ -6,4 +6,5 @@ data_sources:
 - items_root: /assets
   layouts_root: /assets
   type: filesystem_assets
+text_extensions: [ 'css', 'erb', 'haml', 'htm', 'html', 'js', 'less', 'markdown', 'md', 'php', 'rb', 'sass', 'scss', 'txt' ]
 output_dir: ..

doc-src/content/CHANGELOG.markdown

@@ -1,5 +1,29 @@
+---
+title: Compass History
+crumb: CHANGELOG
+body_id: changelog
+layout: article
+---
 COMPASS CHANGELOG
 =================
+
+0.10.0.rc4 (Unreleased)
+-----------------------
+* The `unobtrusive-logo` mixin is deprecated and will be removed.
+  If you use this, please move the source to your project.
+* The CSS3 modules were refactored to share a common implementation that
+  abstracts the browser prefixes that are supported and gives
+  greater control to the user over which prefixes are generated.
+  Depending on what mixins you were using you might see some changes to
+  what prefixes get generated by default and the order that they are
+  emitted. The goal of this change is to provide a more future-proof
+  implementation.
+* The unnecessary import of the `float` module from the `hacks` module
+  was removed. If you were relying on this, you'll need to
+  import the float module explicitly now.
+* The `pretty-bullets` mixin will now infer the image dimensions by
+  reading the image file if the image dimensions are not provided.
+
 0.10.0.rc3 (April 13, 2010)
 ---------------------------
 * This release addresses several bugs in rc2.

doc-src/content/examples/compass/css3/border_radius/markup.haml

@@ -1,49 +1,39 @@
-%p
-  Box with all corners rounded
-
 #border-radius.border-radius-example
-
+  %p
-%p
+    Box with all corners rounded
-  Box with only top left corner rounded
 
 #border-radius-top-left.border-radius-example
-
+  %p
-%p
+    Box with only top left corner rounded
-  Box with only top right corner rounded
 
 #border-radius-top-right.border-radius-example
-
+  %p
-%p
+    Box with only top right corner rounded
-  Box with only bottom left corner rounded
 
 #border-radius-bottom-left.border-radius-example
-
+  %p
-%p
+    Box with only bottom left corner rounded
-  Box with only bottom right corner rounded
 
 #border-radius-bottom-right.border-radius-example
-
+  %p
-%p
+    Box with only bottom right corner rounded
-  Box with top corners rounded
 
 #border-radiusTop.border-radius-example
-
+  %p
-%p
+    Box with top corners rounded
-  Box with bottom corners rounded
 
 #border-radius-bottom.border-radius-example
-
+  %p
-%p
+    Box with bottom corners rounded
-  Box with left corners rounded
 
 #border-radius-left.border-radius-example
-
+  %p
-%p
+    Box with left corners rounded
-  Box with right corners rounded
 
 #border-radius-right.border-radius-example
-
+  %p
-%p
+    Box with right corners rounded
-  Box with different roundings for top/bottom and left/right
 
 #border-radius-combo.border-radius-example
+  %p
+    Box with different roundings for top/bottom and left/right

doc-src/content/examples/compass/css3/border_radius/stylesheet.sass

@@ -1,40 +1,45 @@
-@import compass/css3
+@import compass/css3, compass/utilities
+
+#demo
+  +clearfix
 
 .border-radius-example
-  width: 40px
+  width: 125px
-  height: 40px
+  height: 125px
   background: red
   margin: 20px
+  float: left
+  padding: 5px
 
 #border-radius
-  +border-radius("10px")
+  +border-radius(25px)
 
 #border-radius-top-left
-  +border-top-left-radius("10px")
+  +border-top-left-radius(25px)
 
 #border-radius-top-right
-  +border-top-right-radius("10px")
+  +border-top-right-radius(25px)
 
 #border-radius-bottom-left
-  +border-bottom-left-radius("10px")
+  +border-bottom-left-radius(25px)
 
 #border-radius-bottom-right
-  +border-bottom-right-radius("10px")
+  +border-bottom-right-radius(25px)
 
 #border-radius-top
-  +border-top-radius("10px")
+  +border-top-radius(25px)
 
 #border-radius-bottom
-  +border-bottom-radius("10px")
+  +border-bottom-radius(25px)
 
 #border-radius-left
-  +border-left-radius("10px")
+  +border-left-radius(25px)
 
 #border-radius-right
-  +border-right-radius("10px")
+  +border-right-radius(25px)
 
 #border-radius-combo
-  +border-corner-radius("top", "left", "20px")
+  +border-corner-radius(top, left, 40px)
-  +border-corner-radius("top", "right", "5px")
+  +border-corner-radius(top, right, 5px)
-  +border-corner-radius("bottom", "left", "12px")
+  +border-corner-radius(bottom, left, 15px)
-  +border-corner-radius("bottom", "right", "28px")
+  +border-corner-radius(bottom, right, 30px)

doc-src/content/examples/compass/css3/gradient/markup.haml

@@ -9,7 +9,7 @@
 #radial-gradient.gradient-example
 
 %p
-  This yields a linear gradient spanning from !start to !end coordinates  
+  This yields a linear gradient spanning from $start to $end coordinates  
 
 #linear-gradient.gradient-example
 

doc-src/content/index.haml

@@ -3,26 +3,27 @@ title: Compass Documentation
 crumb: Docs
 body_id: home
 ---
-%h1#logo Compass
+%article
+  %h1#logo Compass
 
-%p
+  %p
-  Compass is a stylesheet authoring tool that uses the Sass stylesheet
+    Compass is a stylesheet authoring tool that uses the Sass stylesheet
-  language to make your stylesheets smaller and your web site easier to
+    language to make your stylesheets smaller and your web site easier to
-  maintain. Compass provides ports of the best of breed css frameworks
+    maintain. Compass provides ports of the best of breed css frameworks
-  that you can use without forcing you to use their presentational class
+    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
+    names. It’s a new way of thinking about stylesheets that must be seen
-  in action!
+    in action!
 
-%h2 Screencast Tutorial
+  %h2 Screencast Tutorial
 
-%p
+  %p
-  This screencast will walk you through getting set up,
+    This screencast will walk you through getting set up,
-  learning Sass, and then how to use Compass to style a webpage.
+    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"></embed></object>
+  <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
+  %h2 Bugs Reports, Discussions, Support
 
-:markdown
+  :markdown
-  Send a note to the [mailing list](http://groups.google.com/group/compass-users)
+    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).
+    and/or [File a bug](http://github.com/chriseppstein/compass/issues).

doc-src/content/reference/blueprint.haml

@@ -3,8 +3,10 @@ title: Blueprint Module
 crumb: Blueprint
 framework: blueprint
 stylesheet: _blueprint.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 meta_description: The Blueprint Framework -- ported to Sass.
 ---
 

doc-src/content/reference/blueprint/buttons.haml

@@ -3,8 +3,10 @@ title: Blueprint Buttons
 crumb: Buttons
 framework: blueprint
 stylesheet: blueprint/_buttons.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/colors.haml

@@ -3,8 +3,10 @@ title: Blueprint Colors
 crumb: Colors
 framework: blueprint
 stylesheet: blueprint/_colors.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/debug.haml

@@ -3,8 +3,10 @@ title: Blueprint Debug
 crumb: Debug
 framework: blueprint
 stylesheet: blueprint/_debug.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/fancy_type.haml

@@ -3,8 +3,10 @@ title: Blueprint Fancy Type
 crumb: Fancy Type
 framework: blueprint
 stylesheet: blueprint/_fancy-type.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/form.haml

@@ -3,8 +3,10 @@ title: Blueprint Form
 crumb: Form
 framework: blueprint
 stylesheet: blueprint/_form.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/grid.haml

@@ -3,8 +3,10 @@ title: Blueprint Grid
 crumb: Grid
 framework: blueprint
 stylesheet: blueprint/_grid.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/ie.haml

@@ -3,8 +3,10 @@ title: Blueprint IE Compatibility
 crumb: Internet Explorer
 framework: blueprint
 stylesheet: blueprint/_ie.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   :markdown

doc-src/content/reference/blueprint/interaction.haml

@@ -3,8 +3,10 @@ title: Blueprint Interaction
 crumb: Interaction
 framework: blueprint
 stylesheet: blueprint/_interaction.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/link_icons.haml

@@ -3,8 +3,10 @@ title: Blueprint Link Icons
 crumb: Link Icons
 framework: blueprint
 stylesheet: blueprint/_link-icons.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/liquid.haml

@@ -3,8 +3,10 @@ title: Blueprint Liquid
 crumb: Liquid
 framework: blueprint
 stylesheet: blueprint/_liquid.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/print.haml

@@ -3,8 +3,10 @@ title: Blueprint Print
 crumb: Print
 framework: blueprint
 stylesheet: blueprint/_print.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/reset.haml

@@ -3,8 +3,10 @@ title: Blueprint Reset
 crumb: Reset
 framework: blueprint
 stylesheet: blueprint/_reset.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/rtl.haml

@@ -3,8 +3,10 @@ title: Blueprint Rtl
 crumb: Rtl
 framework: blueprint
 stylesheet: blueprint/_rtl.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/scaffolding.haml

@@ -3,8 +3,10 @@ title: Blueprint Scaffolding
 crumb: Scaffolding
 framework: blueprint
 stylesheet: blueprint/_scaffolding.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/typography.haml

@@ -3,8 +3,10 @@ title: Blueprint Typography
 crumb: Typography
 framework: blueprint
 stylesheet: blueprint/_typography.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/blueprint/utilities.haml

@@ -3,8 +3,10 @@ title: Blueprint Utilities
 crumb: Utilities
 framework: blueprint
 stylesheet: blueprint/_utilities.scss
+layout: blueprint
 classnames:
   - reference
+  - blueprint
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass.haml

@@ -5,7 +5,9 @@ framework: compass
 stylesheet: _compass.scss
 classnames:
   - reference
+  - core
 meta_description: The Compass Core Framework.
+layout: core
 ---
 - render 'reference' do
   %p
@@ -20,5 +22,4 @@ meta_description: The Compass Core Framework.
 %ul
   = render "partials/reference/import", :import => "compass/_layout.scss"
   = render "partials/reference/import", :import => "compass/_reset.scss"
-  = render "partials/reference/import", :import => "compass/_misc.scss"
 

doc-src/content/reference/compass/css3.haml

@@ -3,10 +3,19 @@ title: Compass CSS3
 crumb: CSS3
 framework: compass
 stylesheet: compass/_css3.scss
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 meta_description: Provides cross browser CSS3 mixins that take advantage of available pre-spec vendor prefixes. 
+layout: core
 ---
 - render 'reference' do
   %p
-    The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example <code id="border-radius">border-radius</code> and <code id="text-shadow">text-shadow</code>.
+    The CSS3 module provides cross-browser mixins for CSS properties
+    introduced in CSS3, for example <code id="border-radius">border-radius</code>
+    and <code id="text-shadow">text-shadow</code>.
+  %p
+    What rendering engines you support for the experimental css properties is governed by
+    the configurable variables defined in <a href="/docs/reference/compass/css3/shared/">the css3 shared module</a>.

doc-src/content/reference/compass/css3/background_clip.haml

@@ -4,8 +4,11 @@ crumb: Background Clip
 framework: compass
 stylesheet: compass/css3/_background-clip.scss
 meta_description: Specify the background clip for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/background_origin.haml

@@ -4,8 +4,11 @@ crumb: Background Origin
 framework: compass
 stylesheet: compass/css3/_background-origin.scss
 meta_description: Specify the background origin for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/background_size.haml

@@ -4,8 +4,11 @@ crumb: Background Size
 framework: compass
 stylesheet: compass/css3/_background-size.scss
 meta_description: Specify the background size for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/border_radius.haml

@@ -4,8 +4,11 @@ crumb: Border Radius
 framework: compass
 stylesheet: compass/css3/_border-radius.scss
 meta_description: Specify the border radius for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/box_shadow.haml

@@ -4,8 +4,11 @@ crumb: Box Shadow
 framework: compass
 stylesheet: compass/css3/_box-shadow.scss
 meta_description: Specify the box shadow for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/box_sizing.haml

@@ -4,8 +4,11 @@ crumb: Box Sizing
 framework: compass
 stylesheet: compass/css3/_box-sizing.scss
 meta_description: Specify the box sizing for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/columns.haml

@@ -4,8 +4,11 @@ crumb: Columns
 framework: compass
 stylesheet: compass/css3/_columns.scss
 meta_description: Specify a columnar layout for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/font_face.haml

@@ -4,8 +4,11 @@ crumb: Font Face
 framework: compass
 stylesheet: compass/css3/_font-face.scss
 meta_description: Specify a downloadable font face for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/gradient.haml

@@ -4,8 +4,11 @@ crumb: Gradient
 framework: compass
 stylesheet: compass/css3/_gradient.scss
 meta_description: Specify linear gradients and radial gradients for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/inline_block.haml

@@ -4,8 +4,11 @@ crumb: Inline Block
 framework: compass
 stylesheet: compass/css3/_inline-block.scss
 meta_description: Declare an element inline block for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/opacity.haml

@@ -4,8 +4,11 @@ crumb: Opacity
 framework: compass
 stylesheet: compass/css3/_opacity.scss
 meta_description: Specify the opacity for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/shared.haml

@@ -0,0 +1,17 @@
+--- 
+title: Shared CSS3 Utilities
+crumb: CSS3 Utilities
+framework: compass
+stylesheet: compass/css3/_shared.scss
+layout: core
+classnames:
+  - reference
+  - core
+  - css3
+---
+- render 'reference' do
+  %p
+    This module provides support to the other CSS3 modules.
+    You may want to use it to provide your own support for other
+    CSS3 proposals as they are being worked on and before support
+    is added to compass.

doc-src/content/reference/compass/css3/text_shadow.haml

@@ -4,8 +4,11 @@ crumb: Text Shadow
 framework: compass
 stylesheet: compass/css3/_text-shadow.scss
 meta_description: Specify the text shadow for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/transform.haml

@@ -4,8 +4,11 @@ crumb: Transform
 framework: compass
 stylesheet: compass/css3/_transform.scss
 meta_description: Specify the 2D transformation for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/css3/transition.haml

@@ -4,8 +4,11 @@ crumb: Transition
 framework: compass
 stylesheet: compass/css3/_transition.scss
 meta_description: Specify a style transition for all browsers.
+layout: core
 classnames:
   - reference
+  - core
+  - css3
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/layout.haml

@@ -4,10 +4,13 @@ crumb: Layout
 framework: compass
 stylesheet: compass/_layout.scss
 meta_description: Page layout module. So far, this is just the sticky-footer mixin.
+layout: core
 classnames:
   - reference
+  - core
+  - layout
 ---
 - render 'reference' do
   %p
     This module provides tools to help you with page layout.
-    So far, it's just the stick-footer mixin.
+    So far, it's just the <code><a href="/docs/reference/compass/layout/sticky_footer/#mixin-sticky-footer">sticky-footer</a></code> mixin.

doc-src/content/reference/compass/layout/sticky_footer.haml

@@ -3,10 +3,35 @@ title: Compass Sticky Footer
 crumb: Sticky Footer
 framework: compass
 stylesheet: compass/layout/_sticky-footer.scss
+layout: core
 classnames:
   - reference
+  - core
+  - layout
 ---
 - render 'reference' do
-  %p
+  :markdown
     This module provides tools needed to lay out your footer such
     that it sticks to the bottom of the page.
+
+    Mix in to the top level of your stylesheet, so the footer stays
+    at the bottom of the screen. This mixin relies on the following
+    HTML structure, and a fixed-height `#footer` element:
+
+        <body>
+          <div id="root">
+            <div id="root_footer"></div>
+          </div>
+          <div id="footer">
+            Footer content goes here.
+          </div>
+        </body>
+
+    If you use the default selectors, this mixin is simple to use.
+    Just mix it into the top level of your stylesheet:
+    
+        @include sticky-footer(54px)
+
+    You can also define the selectors yourself:
+
+        @include sticky-footer(54px, "#my-root", "#my-root-footer", "#my-footer")

doc-src/content/reference/compass/misc.haml

@@ -1,12 +0,0 @@
---- 
-title: Compass Misc
-crumb: Misc
-framework: compass
-stylesheet: compass/_misc.scss
-meta_description: Cute stuff you probably don't need.
-classnames:
-  - reference
----
-- render 'reference' do
-  %p
-    This mixin lets you style an Unobtrusive CSS logo obtrusively.

doc-src/content/reference/compass/reset.haml

@@ -3,10 +3,12 @@ title: Compass Reset
 crumb: Reset
 framework: compass
 stylesheet: compass/_reset.scss
+layout: core
 classnames:
   - reference
+  - core
+  - reset
 meta_description: Adds a CSS Reset into your stylesheet.
 ---
 - render 'reference' do
-  %p
+  This module applies the <a href="/docs/reference/compass/utilities/general/reset/#mixin-global-reset">global reset</a> to your stylesheet by simply importing it.
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities.haml

@@ -5,7 +5,11 @@ framework: compass
 stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 meta_description: Provides basic mixins for common styling patterns.
+layout: core
+nav_stylesheet: compass/_utilities.scss
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/general.haml

@@ -1,11 +1,16 @@
 --- 
-title: Compass General
+title: Compass General Utilities
 crumb: General
 framework: compass
 stylesheet: compass/utilities/_general.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Generally useful utilities that don't fit elsewhere.
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Generally useful utilities.

doc-src/content/reference/compass/utilities/general/clearfix.haml

@@ -3,9 +3,15 @@ title: Compass Clearfix
 crumb: Clearfix
 framework: compass
 stylesheet: compass/utilities/general/_clearfix.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Mixins for clearfixing.
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    A clearfix will extend the bottom of the element to enclose any
+    floated elements it contains.

doc-src/content/reference/compass/utilities/general/float.haml

@@ -3,9 +3,16 @@ title: Compass Float
 crumb: Float
 framework: compass
 stylesheet: compass/utilities/general/_float.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Mixins for cross-browser floats.
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Lorem ipsum dolor sit amet.
+    This module provides mixins that help you work around the
+    [double-margin bug in IE5/6][dmb].
+    [dmb]: http://www.positioniseverything.net/explorer/doubled-margin.html

doc-src/content/reference/compass/utilities/general/hacks.haml

@@ -3,9 +3,14 @@ title: Compass Hacks
 crumb: Hacks
 framework: compass
 stylesheet: compass/utilities/general/_hacks.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Mixins for hacking specific browsers.
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    A collection of mixins for hacking specific browsers.

doc-src/content/reference/compass/utilities/general/min.haml

@@ -1,11 +1,16 @@
 --- 
-title: Compass Min
+title: Minimum Dimensions
-crumb: Min
+crumb: Minimums
 framework: compass
 stylesheet: compass/utilities/general/_min.scss
+layout: core
+meta_description: Mixins for cross-browser min-height and min-width.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Cross browser implementation of min-height and min-width.

doc-src/content/reference/compass/utilities/general/reset.haml

@@ -3,8 +3,13 @@ title: Compass Reset
 crumb: Reset
 framework: compass
 stylesheet: compass/utilities/general/_reset.scss
+layout: core
+meta_description: Mixins for resetting elements.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/general/tabs.haml

@@ -1,11 +0,0 @@
---- 
-title: Compass Tabs
-crumb: Tabs
-framework: compass
-stylesheet: compass/utilities/general/_tabs.scss
-classnames:
-  - reference
----
-- render 'reference' do
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/general/tag_cloud.haml

@@ -1,11 +1,14 @@
 --- 
-title: Compass Tag_cloud
+title: Compass Tag Cloud
 crumb: Tag Cloud
 framework: compass
 stylesheet: compass/utilities/general/_tag-cloud.scss
+layout: core
+meta_description: Mixin for styling tag clouds.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/links.haml

@@ -3,9 +3,14 @@ title: Compass Links
 crumb: Links
 framework: compass
 stylesheet: compass/utilities/_links.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Tools for styling anchor links.
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Tools for styling anchor links.

doc-src/content/reference/compass/utilities/links/hover_link.haml

@@ -3,9 +3,12 @@ title: Compass Hover Link
 crumb: Hover Link
 framework: compass
 stylesheet: compass/utilities/links/_hover-link.scss
+layout: core
+meta_description: Underline a link when you hover over it.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/links/link_colors.haml

@@ -3,9 +3,12 @@ title: Compass Link Colors
 crumb: Link Colors
 framework: compass
 stylesheet: compass/utilities/links/_link-colors.scss
+layout: core
+meta_description: Easy assignment of colors to link states.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/links/unstyled_link.haml

@@ -3,9 +3,14 @@ title: Compass Unstyled Link
 crumb: Unstyled Link
 framework: compass
 stylesheet: compass/utilities/links/_unstyled-link.scss
+layout: core
+meta_description: Make a link appear like regular text.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Makes a link appear like regular text.

doc-src/content/reference/compass/utilities/lists.haml

@@ -3,9 +3,12 @@ title: Compass Lists
 crumb: Lists
 framework: compass
 stylesheet: compass/utilities/_lists.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
+meta_description: Tools for styling lists.
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/lists/bullets.haml

@@ -3,9 +3,12 @@ title: Compass Bullets
 crumb: Bullets
 framework: compass
 stylesheet: compass/utilities/lists/_bullets.scss
+layout: core
+meta_description: Mixins for managing list bullets.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/lists/horizontal_list.haml

@@ -3,9 +3,27 @@ title: Compass Horizontal List
 crumb: Horizontal List
 framework: compass
 stylesheet: compass/utilities/lists/_horizontal-list.scss
+layout: core
+meta_description: Float a list so it appears horizontally.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Lorem ipsum dolor sit amet.
+    Easy mode using simple descendant li selectors:
+    
+        ul.nav
+          +horizontal-list
+    
+    Advanced mode:
+    If you need to target the list items using a different selector then use
+    +horizontal-list-container on your ul/ol and +horizontal-list-item on your li.
+    This may help when working on layouts involving nested lists. For example:
+    
+        ul.nav
+          +horizontal-list-container
+          > li
+            +horizontal-list-item

doc-src/content/reference/compass/utilities/lists/inline_list.haml

@@ -3,9 +3,12 @@ title: Compass Inline List
 crumb: Inline List
 framework: compass
 stylesheet: compass/utilities/lists/_inline-list.scss
+layout: core
+meta_description: Style a list as inline text.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/print.haml

@@ -3,9 +3,22 @@ title: Compass Print
 crumb: Print
 framework: compass
 stylesheet: compass/utilities/_print.scss
+layout: core
+meta_description: Control what elements gets printed.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Lorem ipsum dolor sit amet.
+    Control what gets printed. Apply the `no-print` (or `noprint`) class to any
+    elements that should be hidden when printing. Apply the `print-only` class
+    to those elements which should only appear in your printed pages.
+    
+    The tricky part about `print-only` is getting the display right when you turn
+    an element back on in the case where both styles are applied. This mixin
+    uses the `elements-of-type` function to make sure that elements have the correct
+    display value according to the element type.
+

doc-src/content/reference/compass/utilities/sprites.haml

@@ -3,9 +3,13 @@ title: Compass Sprites
 crumb: Sprites
 framework: compass
 stylesheet: compass/utilities/_sprites.scss
+layout: core
+meta_description: Sprite mixins.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
+    
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/sprites/sprite_img.haml

@@ -3,9 +3,28 @@ title: Compass Sprite Image
 crumb: Sprite Image
 framework: compass
 stylesheet: compass/utilities/sprites/_sprite-img.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Lorem ipsum dolor sit amet.
+    **Example 1** Simple mixins:
+    
+        a.twitter
+          +sprite-img("icons-32.png", 1)
+        a.facebook
+          +sprite-img("icons-32png", 2)
+    
+    **Example 2** Sharing a common base:
+    
+        a
+          +sprite-background("icons-32.png")
+          a.twitter
+            +sprite-column(1)
+          a.facebook
+            +sprite-row(2)
+  

doc-src/content/reference/compass/utilities/tables.haml

@@ -3,8 +3,13 @@ title: Compass Tables
 crumb: Tables
 framework: compass
 stylesheet: compass/utilities/_tables.scss
+layout: core
+meta_description: Style helpers for your tables.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml

@@ -3,8 +3,12 @@ title: Compass Alternating Rows and Columns
 crumb: Alternating Rows And Columns
 framework: compass
 stylesheet: compass/utilities/tables/_alternating-rows-and-columns.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/tables/borders.haml

@@ -3,8 +3,12 @@ title: Compass Borders
 crumb: Borders
 framework: compass
 stylesheet: compass/utilities/tables/_borders.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/tables/scaffolding.haml

@@ -3,8 +3,12 @@ title: Compass Scaffolding
 crumb: Scaffolding
 framework: compass
 stylesheet: compass/utilities/tables/_scaffolding.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/text.haml

@@ -3,8 +3,13 @@ title: Compass Text
 crumb: Text
 framework: compass
 stylesheet: compass/utilities/_text.scss
+layout: core
+meta_description: Style helpers for your text.
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/text/ellipsis.haml

@@ -3,8 +3,12 @@ title: Compass Ellipsis
 crumb: Ellipsis
 framework: compass
 stylesheet: compass/utilities/text/_ellipsis.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/text/nowrap.haml

@@ -3,8 +3,12 @@ title: Compass Nowrap
 crumb: Nowrap
 framework: compass
 stylesheet: compass/utilities/text/_nowrap.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/reference/compass/utilities/text/replacement.haml

@@ -3,8 +3,12 @@ title: Compass Replacement
 crumb: Replacement
 framework: compass
 stylesheet: compass/utilities/text/_replacement.scss
+layout: core
+nav_stylesheet: compass/_utilities.scss
 classnames:
   - reference
+  - core
+  - utilities
 ---
 - render 'reference' do
   %p

doc-src/content/stylesheets/_base.sass

@@ -0,0 +1,64 @@
+//**
+//  Susy: Fixed-Elastic-Fluid grids without all the math
+//  By: Eric A. Meyer and OddBird Collective
+//  Site: www.oddbird.net/susy/
+//**
+
+// FONT-SIZE
+// Override these values as needed (defaults are 12/18)
+$base-font-size: 16px
+
+$base-line-height: 24px
+
+// GRID
+// Set these values as needed for your grid layout.
+//  - defaults are shown.
+$total-cols: 12
+
+$col-width: 3.5em
+
+$gutter-width: 2em
+
+$side-gutter-width: 1em
+
+// OMEGA_FLOAT
+// By default, +omega elements are floated right.
+// You can override that globally here:
+// $omega_float = "right"
+
+// HACKS
+// Are you using hacks or conditional comments? Susy makes both possible.
+// Leave this as 'true' to use hacks, set it as false for conditional comments.
+// Conditional comments will require overrides for +omega, +inline-block and
+// several other mixins.
+// $hacks = true
+
+// SUSY
+// Don't move this @import above the GRID and FONT-SIZE overrides.
+@import susy/susy
+
+// COLORS
+// Set any colors you will need later.
+$base: black
+
+$alt: #005498
+
+// FONTS
+// Give yourself some font stacks to work with.
+=sans-family
+  font-family: Helvetica, Arial, sans-serif
+
+=serif-family
+  font-family: Baskerville, Palatino, serif
+
+// OTHER MIXINS
+// Mixins set here will be available in defaults, screen, print and IE
+// Or anywhere you import either base.sass or defaults.sass
+=skip-links
+  a
+    +skip-link
+    width: 100%
+
+#skip-links
+  position: relative
+  +skip-links

doc-src/content/stylesheets/_defaults.sass

@@ -0,0 +1,136 @@
+//** DEFAULT STYLES **//
+// Don't forget to set your default styles.
+
+// Get all the details and mixins from base.sass
+@import base
+
+// Reset browser defaults, and prepare block-level HTML5 elements
+@import susy/reset
+
+/* @group defaults
+
+body
+  +sans-family
+  color: $base
+
+/* @group links
+
+\:focus
+  outline: 1px dotted $alt
+
+a
+  &:link, &:visited
+    color: $alt
+    text-decoration: none
+  &:focus, &:hover, &:active
+    color: $alt - #222222
+
+/* @end
+
+/* @group inline tags
+
+cite
+  font-style: italic
+
+em
+  font-style: italic
+
+strong
+  font-weight: bold
+
+ins
+  text-decoration: underline
+
+del
+  text-decoration: line-through
+
+q
+  font-style: italic
+  em
+    font-style: normal
+
+/* @end
+
+/* @group replaced tags
+
+img
+  vertical-align: bottom
+
+/* @end
+
+/* @group headers
+
+h1, h2, h3, h4, h5, h6
+  font-weight: bold
+
+/* @end
+
+/* @group block tags
+
+p
+  +leader
+  +trailer
+
+=list-default($ol: false)
+  +leader
+  +trailer
+  margin-left: 3em
+  @if $ol
+    list-style: decimal
+  @else
+    list-style: disc
+
+=no-style-list
+  +no-bullets
+  margin: 0
+  padding: 0
+
+ol
+  +list-default(ol)
+
+ul
+  +list-default
+
+blockquote
+  margin: $base-rhythm-unit
+  +serif-family
+
+/* @end
+
+/* @group tables
+
+/* tables still need 'cellspacing="0"' in the markup
+
+table
+  width: 100%
+
+th
+  font-weight: bold
+
+/* @end
+
+/* @group forms
+
+fieldset
+  +trailer
+
+legend
+  font-weight: bold
+  font-variant: small-caps
+
+label
+  display: block
+
+legend + label
+  margin-top: 0
+
+textarea, input:not([type="radio"])
+  +box-sizing(border-box)
+  width: 100%
+
+button
+  vertical-align: top
+
+/* @end
+
+/* @end

doc-src/content/stylesheets/_examples.sass

@@ -0,0 +1,30 @@
+.demo
+  article
+    text-align: left
+    h1
+      text-align: center
+
+  #how
+    +full(12)
+    +pie-clearfix
+    +adjust-font-size-to(12px)
+    +h-borders(1px,1,12px)
+    border-color: #ccc
+    font-family: monospace
+    nav
+      background: #eee
+      +trailer(1,12px)
+      ul
+        +inline-block-list(.4em)
+        text-align: right
+    section
+      position: relative
+      +columns(6,12)
+      +slideshow
+      &#markup
+        +alpha(12)
+      &#styles
+        +omega(12)
+    .code
+      li
+        overflow-x: auto