diff --git a/REVISION b/REVISION deleted file mode 100644 index 14983b1d..00000000 --- a/REVISION +++ /dev/null @@ -1 +0,0 @@ -56b23533351ca4656a4edf5d953b300f38b3ff8e \ No newline at end of file diff --git a/Rakefile b/Rakefile index b069f7d3..e67e036f 100644 --- a/Rakefile +++ b/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 - Cucumber::Rake::Task.new(:cucumber) do |t| - t.rcov = true - t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data} - t.rcov_opts << %[-o "coverage"] - end - - Rcov::RcovTask.new(:units) do |rcov| - rcov.libs << 'lib' - rcov.libs << 'haml/lib' if ENV["RUN_CODE_RUN"] - test_files = FileList['test/**/*_test.rb'] - test_files.exclude('test/rails/*', 'test/haml/*') - rcov.pattern = test_files - rcov.output_dir = 'coverage' - rcov.verbose = true - 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") - Rake::Task["rcov:units"].invoke - Rake::Task["rcov:cucumber"].invoke +begin + require 'cucumber/rake/task' + require 'rcov/rcovtask' + namespace :rcov do + Cucumber::Rake::Task.new(:cucumber) do |t| + t.rcov = true + t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data} + t.rcov_opts << %[-o "coverage"] + end + + Rcov::RcovTask.new(:units) do |rcov| + rcov.libs << 'lib' + test_files = FileList['test/**/*_test.rb'] + test_files.exclude('test/rails/*', 'test/haml/*') + rcov.pattern = test_files + rcov.output_dir = 'coverage' + rcov.verbose = true + 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") + Rake::Task["rcov:units"].invoke + Rake::Task["rcov:cucumber"].invoke + end end +rescue LoadError => e + puts "WARNING: #{e}" end diff --git a/VERSION.yml b/VERSION.yml index 368ed950..b13b9eed 100644 --- a/VERSION.yml +++ b/VERSION.yml @@ -2,4 +2,4 @@ :patch: 0 :major: 0 :minor: 10 -:build: rc3 +:build: rc4 diff --git a/compass.gemspec b/compass.gemspec index 97ccbeef..1b63a269 100644 --- a/compass.gemspec +++ b/compass.gemspec @@ -1,553 +1,39 @@ -# Generated by jeweler -# DO NOT EDIT THIS FILE DIRECTLY -# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command -# -*- encoding: utf-8 -*- - -Gem::Specification.new do |s| - s.name = %q{compass} - s.version = "0.10.0.rc3" - - s.required_rubygems_version = Gem::Requirement.new("> 1.3.1") if s.respond_to? :required_rubygems_version= - s.authors = ["Chris Eppstein"] - s.date = %q{2010-04-13} - s.default_executable = %q{compass} - s.description = %q{Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS.} - s.email = %q{chris@eppsteins.net} - s.executables = ["compass"] - s.extra_rdoc_files = [ - "LICENSE.markdown", - "README.markdown" - ] - s.files = [ - "CHANGELOG.markdown", - "LICENSE.markdown", - "README.markdown", - "REVISION", - "Rakefile", - "VERSION.yml", - "bin/compass", - "examples/README.markdown", - "examples/blueprint_default/config.rb", - "examples/blueprint_default/images/grid.png", - "examples/blueprint_default/index.html.haml", - "examples/blueprint_default/parts/elements.html.haml", - "examples/blueprint_default/parts/forms.html.haml", - "examples/blueprint_default/parts/grid.html.haml", - "examples/blueprint_default/parts/test-small.jpg", - "examples/blueprint_default/parts/test.jpg", - "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, [">= 3.0.0.beta.2"]) - else - s.add_dependency(%q, [">= 3.0.0.beta.2"]) - end - else - s.add_dependency(%q, [">= 3.0.0.beta.2"]) - end +# I'd like to find a better way to do this, but it works for now. +Dir.glob("#{File.dirname(__FILE__)}/examples/*/clean.rb").each do |cleaner| + Kernel.load cleaner +end + +$: << "#{File.dirname(__FILE__)}/lib" +require 'compass' + +Gem::Specification.new do |gemspec| + gemspec.name = "compass" + gemspec.version = Compass::VERSION # Update the VERSION.yml file to set this. + gemspec.date = "#{Time.now.year}-#{Time.now.month}-#{Time.now.day}" # Automatically update for each build + gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS." + gemspec.homepage = "http://compass-style.org" + gemspec.authors = ["Chris Eppstein", "Eric A. Meyer", "Brandon Mathis"] + gemspec.email = "chris@eppsteins.net" + gemspec.default_executable = "compass" + gemspec.executables = %w(compass) + gemspec.has_rdoc = false + gemspec.require_paths = %w(lib) + gemspec.rubygems_version = "1.3.6" + gemspec.summary = %q{A Real Stylesheet Framework} + gemspec.add_dependency('haml', '>= 3.0.0.rc.1') + gemspec.files = %w(README.markdown LICENSE.markdown VERSION.yml Rakefile) + 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 diff --git a/doc-src/.compass/config.rb b/doc-src/.compass/config.rb index 676ed43f..f3f04ac1 100644 --- a/doc-src/.compass/config.rb +++ b/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" diff --git a/doc-src/Gemfile b/doc-src/Gemfile index 98b78de0..e492c282 100644 --- a/doc-src/Gemfile +++ b/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" + diff --git a/doc-src/Gemfile.lock b/doc-src/Gemfile.lock index 27fd5161..187b900b 100644 --- a/doc-src/Gemfile.lock +++ b/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 diff --git a/doc-src/Rules b/doc-src/Rules index d6b5c623..07e0549e 100644 --- a/doc-src/Rules +++ b/doc-src/Rules @@ -6,42 +6,56 @@ puts "Compass running from: #{Compass.lib_directory}" Compass.add_configuration "#{File.dirname(__FILE__)}/.compass/config.rb" -SITE_ROOT = "/docs" +SITE_ROOT = "/docs" compile '/assets/*/' do nil end -['/examples/*/markup/', '/examples/*/stylesheet/', '/examples/*/background/'].each do |ex_file| - compile ex_file do +['markup', 'stylesheet', 'background'].each do |ex_file| + 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 - filter :sass, Compass.sass_engine_options +sass_options = 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 - layout 'default' + if item[:extension] == "markdown" + filter :rdiscount + elsif item[:extension] == "haml" + filter :haml, :ugly => true + end + layout item[:layout] || 'main' end -route '/stylesheets/*/_*/' do - # don't output partials, so return nil - nil +(0..5).each do |i| + route("/stylesheets/#{'*/' * i}_*/") {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| - route ex_file do +%w(markup stylesheet background).each do |ex_file| + route "/examples/*/#{ex_file}/" do nil end end diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png deleted file mode 100755 index 954e22db..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png deleted file mode 100755 index 64ece570..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/doc-src/assets/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png deleted file mode 100755 index abdc0108..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png deleted file mode 100755 index 9b383f4d..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png deleted file mode 100755 index a23baad2..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/doc-src/assets/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png deleted file mode 100755 index 42ccba26..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/doc-src/assets/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png deleted file mode 100755 index 39d5824d..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png deleted file mode 100755 index f1273672..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png deleted file mode 100755 index 32f86222..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-icons_222222_256x240.png b/doc-src/assets/css/ui-lightness/images/ui-icons_222222_256x240.png deleted file mode 100755 index ee039dc0..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-icons_222222_256x240.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/doc-src/assets/css/ui-lightness/images/ui-icons_228ef1_256x240.png deleted file mode 100755 index 10e3631d..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-icons_228ef1_256x240.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/doc-src/assets/css/ui-lightness/images/ui-icons_ef8c08_256x240.png deleted file mode 100755 index 35bb8efa..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-icons_ef8c08_256x240.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/doc-src/assets/css/ui-lightness/images/ui-icons_ffd27a_256x240.png deleted file mode 100755 index baebb63e..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-icons_ffd27a_256x240.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/doc-src/assets/css/ui-lightness/images/ui-icons_ffffff_256x240.png deleted file mode 100755 index bef5178a..00000000 Binary files a/doc-src/assets/css/ui-lightness/images/ui-icons_ffffff_256x240.png and /dev/null differ diff --git a/doc-src/assets/css/ui-lightness/jquery-ui-1.7.2.custom.css b/doc-src/assets/css/ui-lightness/jquery-ui-1.7.2.custom.css deleted file mode 100755 index 9d7aa08b..00000000 --- a/doc-src/assets/css/ui-lightness/jquery-ui-1.7.2.custom.css +++ /dev/null @@ -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; } diff --git a/doc-src/assets/javascripts/fixups.js b/doc-src/assets/javascripts/fixups.js new file mode 100644 index 00000000..93916f58 --- /dev/null +++ b/doc-src/assets/javascripts/fixups.js @@ -0,0 +1,10 @@ +$(function(){ + $('span.color').each(function(i,e){ + e = $(e); + e.after(''); + }); + $('span.arg[data-default-value]').each(function(i,e){ + e = $(e); + e.attr("title", "Defaults to: " + e.attr("data-default-value")) + }) +}); diff --git a/doc-src/assets/javascripts/jquery-ui-1.7.2.custom.min.js b/doc-src/assets/javascripts/jquery-ui-1.7.2.custom.min.js deleted file mode 100755 index b12cc7d2..00000000 --- a/doc-src/assets/javascripts/jquery-ui-1.7.2.custom.min.js +++ /dev/null @@ -1,48 +0,0 @@ -/* - * jQuery UI 1.7.2 - * - * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT (MIT-LICENSE.txt) - * and GPL (GPL-LICENSE.txt) licenses. - * - * http://docs.jquery.com/UI - */ -jQuery.ui||(function(c){var i=c.fn.remove,d=c.browser.mozilla&&(parseFloat(c.browser.version)<1.9);c.ui={version:"1.7.2",plugin:{add:function(k,l,n){var m=c.ui[k].prototype;for(var j in n){m.plugins[j]=m.plugins[j]||[];m.plugins[j].push([l,n[j]])}},call:function(j,l,k){var n=j.plugins[l];if(!n||!j.element[0].parentNode){return}for(var m=0;m0){return true}m[j]=1;l=(m[j]>0);m[j]=0;return l},isOverAxis:function(k,j,l){return(k>j)&&(k<(j+l))},isOver:function(o,k,n,m,j,l){return c.ui.isOverAxis(o,n,j)&&c.ui.isOverAxis(k,m,l)},keyCode:{BACKSPACE:8,CAPS_LOCK:20,COMMA:188,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38}};if(d){var f=c.attr,e=c.fn.removeAttr,h="http://www.w3.org/2005/07/aaa",a=/^aria-/,b=/^wairole:/;c.attr=function(k,j,l){var m=l!==undefined;return(j=="role"?(m?f.call(this,k,j,"wairole:"+l):(f.apply(this,arguments)||"").replace(b,"")):(a.test(j)?(m?k.setAttributeNS(h,j.replace(a,"aaa:"),l):f.call(this,k,j.replace(a,"aaa:"))):f.apply(this,arguments)))};c.fn.removeAttr=function(j){return(a.test(j)?this.each(function(){this.removeAttributeNS(h,j.replace(a,""))}):e.call(this,j))}}c.fn.extend({remove:function(){c("*",this).add(this).each(function(){c(this).triggerHandler("remove")});return i.apply(this,arguments)},enableSelection:function(){return this.attr("unselectable","off").css("MozUserSelect","").unbind("selectstart.ui")},disableSelection:function(){return this.attr("unselectable","on").css("MozUserSelect","none").bind("selectstart.ui",function(){return false})},scrollParent:function(){var j;if((c.browser.msie&&(/(static|relative)/).test(this.css("position")))||(/absolute/).test(this.css("position"))){j=this.parents().filter(function(){return(/(relative|absolute|fixed)/).test(c.curCSS(this,"position",1))&&(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}else{j=this.parents().filter(function(){return(/(auto|scroll)/).test(c.curCSS(this,"overflow",1)+c.curCSS(this,"overflow-y",1)+c.curCSS(this,"overflow-x",1))}).eq(0)}return(/fixed/).test(this.css("position"))||!j.length?c(document):j}});c.extend(c.expr[":"],{data:function(l,k,j){return !!c.data(l,j[3])},focusable:function(k){var l=k.nodeName.toLowerCase(),j=c.attr(k,"tabindex");return(/input|select|textarea|button|object/.test(l)?!k.disabled:"a"==l||"area"==l?k.href||!isNaN(j):!isNaN(j))&&!c(k)["area"==l?"parents":"closest"](":hidden").length},tabbable:function(k){var j=c.attr(k,"tabindex");return(isNaN(j)||j>=0)&&c(k).is(":focusable")}});function g(m,n,o,l){function k(q){var p=c[m][n][q]||[];return(typeof p=="string"?p.split(/,?\s+/):p)}var j=k("getter");if(l.length==1&&typeof l[0]=="string"){j=j.concat(k("getterSetter"))}return(c.inArray(o,j)!=-1)}c.widget=function(k,j){var l=k.split(".")[0];k=k.split(".")[1];c.fn[k]=function(p){var n=(typeof p=="string"),o=Array.prototype.slice.call(arguments,1);if(n&&p.substring(0,1)=="_"){return this}if(n&&g(l,k,p,o)){var m=c.data(this[0],k);return(m?m[p].apply(m,o):undefined)}return this.each(function(){var q=c.data(this,k);(!q&&!n&&c.data(this,k,new c[l][k](this,p))._init());(q&&n&&c.isFunction(q[p])&&q[p].apply(q,o))})};c[l]=c[l]||{};c[l][k]=function(o,n){var m=this;this.namespace=l;this.widgetName=k;this.widgetEventPrefix=c[l][k].eventPrefix||k;this.widgetBaseClass=l+"-"+k;this.options=c.extend({},c.widget.defaults,c[l][k].defaults,c.metadata&&c.metadata.get(o)[k],n);this.element=c(o).bind("setData."+k,function(q,p,r){if(q.target==o){return m._setData(p,r)}}).bind("getData."+k,function(q,p){if(q.target==o){return m._getData(p)}}).bind("remove",function(){return m.destroy()})};c[l][k].prototype=c.extend({},c.widget.prototype,j);c[l][k].getterSetter="option"};c.widget.prototype={_init:function(){},destroy:function(){this.element.removeData(this.widgetName).removeClass(this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").removeAttr("aria-disabled")},option:function(l,m){var k=l,j=this;if(typeof l=="string"){if(m===undefined){return this._getData(l)}k={};k[l]=m}c.each(k,function(n,o){j._setData(n,o)})},_getData:function(j){return this.options[j]},_setData:function(j,k){this.options[j]=k;if(j=="disabled"){this.element[k?"addClass":"removeClass"](this.widgetBaseClass+"-disabled "+this.namespace+"-state-disabled").attr("aria-disabled",k)}},enable:function(){this._setData("disabled",false)},disable:function(){this._setData("disabled",true)},_trigger:function(l,m,n){var p=this.options[l],j=(l==this.widgetEventPrefix?l:this.widgetEventPrefix+l);m=c.Event(m);m.type=j;if(m.originalEvent){for(var k=c.event.props.length,o;k;){o=c.event.props[--k];m[o]=m.originalEvent[o]}}this.element.trigger(m,n);return !(c.isFunction(p)&&p.call(this.element[0],m,n)===false||m.isDefaultPrevented())}};c.widget.defaults={disabled:false};c.ui.mouse={_mouseInit:function(){var j=this;this.element.bind("mousedown."+this.widgetName,function(k){return j._mouseDown(k)}).bind("click."+this.widgetName,function(k){if(j._preventClickEvent){j._preventClickEvent=false;k.stopImmediatePropagation();return false}});if(c.browser.msie){this._mouseUnselectable=this.element.attr("unselectable");this.element.attr("unselectable","on")}this.started=false},_mouseDestroy:function(){this.element.unbind("."+this.widgetName);(c.browser.msie&&this.element.attr("unselectable",this._mouseUnselectable))},_mouseDown:function(l){l.originalEvent=l.originalEvent||{};if(l.originalEvent.mouseHandled){return}(this._mouseStarted&&this._mouseUp(l));this._mouseDownEvent=l;var k=this,m=(l.which==1),j=(typeof this.options.cancel=="string"?c(l.target).parents().add(l.target).filter(this.options.cancel).length:false);if(!m||j||!this._mouseCapture(l)){return true}this.mouseDelayMet=!this.options.delay;if(!this.mouseDelayMet){this._mouseDelayTimer=setTimeout(function(){k.mouseDelayMet=true},this.options.delay)}if(this._mouseDistanceMet(l)&&this._mouseDelayMet(l)){this._mouseStarted=(this._mouseStart(l)!==false);if(!this._mouseStarted){l.preventDefault();return true}}this._mouseMoveDelegate=function(n){return k._mouseMove(n)};this._mouseUpDelegate=function(n){return k._mouseUp(n)};c(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate);(c.browser.safari||l.preventDefault());l.originalEvent.mouseHandled=true;return true},_mouseMove:function(j){if(c.browser.msie&&!j.button){return this._mouseUp(j)}if(this._mouseStarted){this._mouseDrag(j);return j.preventDefault()}if(this._mouseDistanceMet(j)&&this._mouseDelayMet(j)){this._mouseStarted=(this._mouseStart(this._mouseDownEvent,j)!==false);(this._mouseStarted?this._mouseDrag(j):this._mouseUp(j))}return !this._mouseStarted},_mouseUp:function(j){c(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=false;this._preventClickEvent=(j.target==this._mouseDownEvent.target);this._mouseStop(j)}return false},_mouseDistanceMet:function(j){return(Math.max(Math.abs(this._mouseDownEvent.pageX-j.pageX),Math.abs(this._mouseDownEvent.pageY-j.pageY))>=this.options.distance)},_mouseDelayMet:function(j){return this.mouseDelayMet},_mouseStart:function(j){},_mouseDrag:function(j){},_mouseStop:function(j){},_mouseCapture:function(j){return true}};c.ui.mouse.defaults={cancel:null,distance:1,delay:0}})(jQuery);;/* - * jQuery UI Draggable 1.7.2 - * - * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT (MIT-LICENSE.txt) - * and GPL (GPL-LICENSE.txt) licenses. - * - * http://docs.jquery.com/UI/Draggables - * - * Depends: - * ui.core.js - */ -(function(a){a.widget("ui.draggable",a.extend({},a.ui.mouse,{_init:function(){if(this.options.helper=="original"&&!(/^(?:r|a|f)/).test(this.element.css("position"))){this.element[0].style.position="relative"}(this.options.addClasses&&this.element.addClass("ui-draggable"));(this.options.disabled&&this.element.addClass("ui-draggable-disabled"));this._mouseInit()},destroy:function(){if(!this.element.data("draggable")){return}this.element.removeData("draggable").unbind(".draggable").removeClass("ui-draggable ui-draggable-dragging ui-draggable-disabled");this._mouseDestroy()},_mouseCapture:function(b){var c=this.options;if(this.helper||c.disabled||a(b.target).is(".ui-resizable-handle")){return false}this.handle=this._getHandle(b);if(!this.handle){return false}return true},_mouseStart:function(b){var c=this.options;this.helper=this._createHelper(b);this._cacheHelperProportions();if(a.ui.ddmanager){a.ui.ddmanager.current=this}this._cacheMargins();this.cssPosition=this.helper.css("position");this.scrollParent=this.helper.scrollParent();this.offset=this.element.offset();this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left};a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()});this.originalPosition=this._generatePosition(b);this.originalPageX=b.pageX;this.originalPageY=b.pageY;if(c.cursorAt){this._adjustOffsetFromHelper(c.cursorAt)}if(c.containment){this._setContainment()}this._trigger("start",b);this._cacheHelperProportions();if(a.ui.ddmanager&&!c.dropBehaviour){a.ui.ddmanager.prepareOffsets(this,b)}this.helper.addClass("ui-draggable-dragging");this._mouseDrag(b,true);return true},_mouseDrag:function(b,d){this.position=this._generatePosition(b);this.positionAbs=this._convertPositionTo("absolute");if(!d){var c=this._uiHash();this._trigger("drag",b,c);this.position=c.position}if(!this.options.axis||this.options.axis!="y"){this.helper[0].style.left=this.position.left+"px"}if(!this.options.axis||this.options.axis!="x"){this.helper[0].style.top=this.position.top+"px"}if(a.ui.ddmanager){a.ui.ddmanager.drag(this,b)}return false},_mouseStop:function(c){var d=false;if(a.ui.ddmanager&&!this.options.dropBehaviour){d=a.ui.ddmanager.drop(this,c)}if(this.dropped){d=this.dropped;this.dropped=false}if((this.options.revert=="invalid"&&!d)||(this.options.revert=="valid"&&d)||this.options.revert===true||(a.isFunction(this.options.revert)&&this.options.revert.call(this.element,d))){var b=this;a(this.helper).animate(this.originalPosition,parseInt(this.options.revertDuration,10),function(){b._trigger("stop",c);b._clear()})}else{this._trigger("stop",c);this._clear()}return false},_getHandle:function(b){var c=!this.options.handle||!a(this.options.handle,this.element).length?true:false;a(this.options.handle,this.element).find("*").andSelf().each(function(){if(this==b.target){c=true}});return c},_createHelper:function(c){var d=this.options;var b=a.isFunction(d.helper)?a(d.helper.apply(this.element[0],[c])):(d.helper=="clone"?this.element.clone():this.element);if(!b.parents("body").length){b.appendTo((d.appendTo=="parent"?this.element[0].parentNode:d.appendTo))}if(b[0]!=this.element[0]&&!(/(fixed|absolute)/).test(b.css("position"))){b.css("position","absolute")}return b},_adjustOffsetFromHelper:function(b){if(b.left!=undefined){this.offset.click.left=b.left+this.margins.left}if(b.right!=undefined){this.offset.click.left=this.helperProportions.width-b.right+this.margins.left}if(b.top!=undefined){this.offset.click.top=b.top+this.margins.top}if(b.bottom!=undefined){this.offset.click.top=this.helperProportions.height-b.bottom+this.margins.top}},_getParentOffset:function(){this.offsetParent=this.helper.offsetParent();var b=this.offsetParent.offset();if(this.cssPosition=="absolute"&&this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0])){b.left+=this.scrollParent.scrollLeft();b.top+=this.scrollParent.scrollTop()}if((this.offsetParent[0]==document.body)||(this.offsetParent[0].tagName&&this.offsetParent[0].tagName.toLowerCase()=="html"&&a.browser.msie)){b={top:0,left:0}}return{top:b.top+(parseInt(this.offsetParent.css("borderTopWidth"),10)||0),left:b.left+(parseInt(this.offsetParent.css("borderLeftWidth"),10)||0)}},_getRelativeOffset:function(){if(this.cssPosition=="relative"){var b=this.element.position();return{top:b.top-(parseInt(this.helper.css("top"),10)||0)+this.scrollParent.scrollTop(),left:b.left-(parseInt(this.helper.css("left"),10)||0)+this.scrollParent.scrollLeft()}}else{return{top:0,left:0}}},_cacheMargins:function(){this.margins={left:(parseInt(this.element.css("marginLeft"),10)||0),top:(parseInt(this.element.css("marginTop"),10)||0)}},_cacheHelperProportions:function(){this.helperProportions={width:this.helper.outerWidth(),height:this.helper.outerHeight()}},_setContainment:function(){var e=this.options;if(e.containment=="parent"){e.containment=this.helper[0].parentNode}if(e.containment=="document"||e.containment=="window"){this.containment=[0-this.offset.relative.left-this.offset.parent.left,0-this.offset.relative.top-this.offset.parent.top,a(e.containment=="document"?document:window).width()-this.helperProportions.width-this.margins.left,(a(e.containment=="document"?document:window).height()||document.body.parentNode.scrollHeight)-this.helperProportions.height-this.margins.top]}if(!(/^(document|window|parent)$/).test(e.containment)&&e.containment.constructor!=Array){var c=a(e.containment)[0];if(!c){return}var d=a(e.containment).offset();var b=(a(c).css("overflow")!="hidden");this.containment=[d.left+(parseInt(a(c).css("borderLeftWidth"),10)||0)+(parseInt(a(c).css("paddingLeft"),10)||0)-this.margins.left,d.top+(parseInt(a(c).css("borderTopWidth"),10)||0)+(parseInt(a(c).css("paddingTop"),10)||0)-this.margins.top,d.left+(b?Math.max(c.scrollWidth,c.offsetWidth):c.offsetWidth)-(parseInt(a(c).css("borderLeftWidth"),10)||0)-(parseInt(a(c).css("paddingRight"),10)||0)-this.helperProportions.width-this.margins.left,d.top+(b?Math.max(c.scrollHeight,c.offsetHeight):c.offsetHeight)-(parseInt(a(c).css("borderTopWidth"),10)||0)-(parseInt(a(c).css("paddingBottom"),10)||0)-this.helperProportions.height-this.margins.top]}else{if(e.containment.constructor==Array){this.containment=e.containment}}},_convertPositionTo:function(f,h){if(!h){h=this.position}var c=f=="absolute"?1:-1;var e=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,g=(/(html|body)/i).test(b[0].tagName);return{top:(h.top+this.offset.relative.top*c+this.offset.parent.top*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollTop():(g?0:b.scrollTop()))*c)),left:(h.left+this.offset.relative.left*c+this.offset.parent.left*c-(a.browser.safari&&this.cssPosition=="fixed"?0:(this.cssPosition=="fixed"?-this.scrollParent.scrollLeft():g?0:b.scrollLeft())*c))}},_generatePosition:function(e){var h=this.options,b=this.cssPosition=="absolute"&&!(this.scrollParent[0]!=document&&a.ui.contains(this.scrollParent[0],this.offsetParent[0]))?this.offsetParent:this.scrollParent,i=(/(html|body)/i).test(b[0].tagName);if(this.cssPosition=="relative"&&!(this.scrollParent[0]!=document&&this.scrollParent[0]!=this.offsetParent[0])){this.offset.relative=this._getRelativeOffset()}var d=e.pageX;var c=e.pageY;if(this.originalPosition){if(this.containment){if(e.pageX-this.offset.click.leftthis.containment[2]){d=this.containment[2]+this.offset.click.left}if(e.pageY-this.offset.click.top>this.containment[3]){c=this.containment[3]+this.offset.click.top}}if(h.grid){var g=this.originalPageY+Math.round((c-this.originalPageY)/h.grid[1])*h.grid[1];c=this.containment?(!(g-this.offset.click.topthis.containment[3])?g:(!(g-this.offset.click.topthis.containment[2])?f:(!(f-this.offset.click.left').css({width:this.offsetWidth+"px",height:this.offsetHeight+"px",position:"absolute",opacity:"0.001",zIndex:1000}).css(a(this).offset()).appendTo("body")})},stop:function(b,c){a("div.ui-draggable-iframeFix").each(function(){this.parentNode.removeChild(this)})}});a.ui.plugin.add("draggable","opacity",{start:function(c,d){var b=a(d.helper),e=a(this).data("draggable").options;if(b.css("opacity")){e._opacity=b.css("opacity")}b.css("opacity",e.opacity)},stop:function(b,c){var d=a(this).data("draggable").options;if(d._opacity){a(c.helper).css("opacity",d._opacity)}}});a.ui.plugin.add("draggable","scroll",{start:function(c,d){var b=a(this).data("draggable");if(b.scrollParent[0]!=document&&b.scrollParent[0].tagName!="HTML"){b.overflowOffset=b.scrollParent.offset()}},drag:function(d,e){var c=a(this).data("draggable"),f=c.options,b=false;if(c.scrollParent[0]!=document&&c.scrollParent[0].tagName!="HTML"){if(!f.axis||f.axis!="x"){if((c.overflowOffset.top+c.scrollParent[0].offsetHeight)-d.pageY=0;v--){var s=g.snapElements[v].left,n=s+g.snapElements[v].width,m=g.snapElements[v].top,A=m+g.snapElements[v].height;if(!((s-y').css({position:this.element.css("position"),width:this.element.outerWidth(),height:this.element.outerHeight(),top:this.element.css("top"),left:this.element.css("left")}));this.element=this.element.parent().data("resizable",this.element.data("resizable"));this.elementIsWrapper=true;this.element.css({marginLeft:this.originalElement.css("marginLeft"),marginTop:this.originalElement.css("marginTop"),marginRight:this.originalElement.css("marginRight"),marginBottom:this.originalElement.css("marginBottom")});this.originalElement.css({marginLeft:0,marginTop:0,marginRight:0,marginBottom:0});this.originalResizeStyle=this.originalElement.css("resize");this.originalElement.css("resize","none");this._proportionallyResizeElements.push(this.originalElement.css({position:"static",zoom:1,display:"block"}));this.originalElement.css({margin:this.originalElement.css("margin")});this._proportionallyResize()}this.handles=j.handles||(!c(".ui-resizable-handle",this.element).length?"e,s,se":{n:".ui-resizable-n",e:".ui-resizable-e",s:".ui-resizable-s",w:".ui-resizable-w",se:".ui-resizable-se",sw:".ui-resizable-sw",ne:".ui-resizable-ne",nw:".ui-resizable-nw"});if(this.handles.constructor==String){if(this.handles=="all"){this.handles="n,e,s,w,se,sw,ne,nw"}var k=this.handles.split(",");this.handles={};for(var f=0;f');if(/sw|se|ne|nw/.test(h)){g.css({zIndex:++j.zIndex})}if("se"==h){g.addClass("ui-icon ui-icon-gripsmall-diagonal-se")}this.handles[h]=".ui-resizable-"+h;this.element.append(g)}}this._renderAxis=function(p){p=p||this.element;for(var m in this.handles){if(this.handles[m].constructor==String){this.handles[m]=c(this.handles[m],this.element).show()}if(this.elementIsWrapper&&this.originalElement[0].nodeName.match(/textarea|input|select|button/i)){var n=c(this.handles[m],this.element),o=0;o=/sw|ne|nw|se|n|s/.test(m)?n.outerHeight():n.outerWidth();var l=["padding",/ne|nw|n/.test(m)?"Top":/se|sw|s/.test(m)?"Bottom":/^e$/.test(m)?"Right":"Left"].join("");p.css(l,o);this._proportionallyResize()}if(!c(this.handles[m]).length){continue}}};this._renderAxis(this.element);this._handles=c(".ui-resizable-handle",this.element).disableSelection();this._handles.mouseover(function(){if(!e.resizing){if(this.className){var i=this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i)}e.axis=i&&i[1]?i[1]:"se"}});if(j.autoHide){this._handles.hide();c(this.element).addClass("ui-resizable-autohide").hover(function(){c(this).removeClass("ui-resizable-autohide");e._handles.show()},function(){if(!e.resizing){c(this).addClass("ui-resizable-autohide");e._handles.hide()}})}this._mouseInit()},destroy:function(){this._mouseDestroy();var d=function(f){c(f).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing").removeData("resizable").unbind(".resizable").find(".ui-resizable-handle").remove()};if(this.elementIsWrapper){d(this.element);var e=this.element;e.parent().append(this.originalElement.css({position:e.css("position"),width:e.outerWidth(),height:e.outerHeight(),top:e.css("top"),left:e.css("left")})).end().remove()}this.originalElement.css("resize",this.originalResizeStyle);d(this.originalElement)},_mouseCapture:function(e){var f=false;for(var d in this.handles){if(c(this.handles[d])[0]==e.target){f=true}}return this.options.disabled||!!f},_mouseStart:function(f){var i=this.options,e=this.element.position(),d=this.element;this.resizing=true;this.documentScroll={top:c(document).scrollTop(),left:c(document).scrollLeft()};if(d.is(".ui-draggable")||(/absolute/).test(d.css("position"))){d.css({position:"absolute",top:e.top,left:e.left})}if(c.browser.opera&&(/relative/).test(d.css("position"))){d.css({position:"relative",top:"auto",left:"auto"})}this._renderProxy();var j=b(this.helper.css("left")),g=b(this.helper.css("top"));if(i.containment){j+=c(i.containment).scrollLeft()||0;g+=c(i.containment).scrollTop()||0}this.offset=this.helper.offset();this.position={left:j,top:g};this.size=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalSize=this._helper?{width:d.outerWidth(),height:d.outerHeight()}:{width:d.width(),height:d.height()};this.originalPosition={left:j,top:g};this.sizeDiff={width:d.outerWidth()-d.width(),height:d.outerHeight()-d.height()};this.originalMousePosition={left:f.pageX,top:f.pageY};this.aspectRatio=(typeof i.aspectRatio=="number")?i.aspectRatio:((this.originalSize.width/this.originalSize.height)||1);var h=c(".ui-resizable-"+this.axis).css("cursor");c("body").css("cursor",h=="auto"?this.axis+"-resize":h);d.addClass("ui-resizable-resizing");this._propagate("start",f);return true},_mouseDrag:function(d){var g=this.helper,f=this.options,l={},p=this,i=this.originalMousePosition,m=this.axis;var q=(d.pageX-i.left)||0,n=(d.pageY-i.top)||0;var h=this._change[m];if(!h){return false}var k=h.apply(this,[d,q,n]),j=c.browser.msie&&c.browser.version<7,e=this.sizeDiff;if(this._aspectRatio||d.shiftKey){k=this._updateRatio(k,d)}k=this._respectSize(k,d);this._propagate("resize",d);g.css({top:this.position.top+"px",left:this.position.left+"px",width:this.size.width+"px",height:this.size.height+"px"});if(!this._helper&&this._proportionallyResizeElements.length){this._proportionallyResize()}this._updateCache(k);this._trigger("resize",d,this.ui());return false},_mouseStop:function(g){this.resizing=false;var h=this.options,l=this;if(this._helper){var f=this._proportionallyResizeElements,d=f.length&&(/textarea/i).test(f[0].nodeName),e=d&&c.ui.hasScroll(f[0],"left")?0:l.sizeDiff.height,j=d?0:l.sizeDiff.width;var m={width:(l.size.width-j),height:(l.size.height-e)},i=(parseInt(l.element.css("left"),10)+(l.position.left-l.originalPosition.left))||null,k=(parseInt(l.element.css("top"),10)+(l.position.top-l.originalPosition.top))||null;if(!h.animate){this.element.css(c.extend(m,{top:k,left:i}))}l.helper.height(l.size.height);l.helper.width(l.size.width);if(this._helper&&!h.animate){this._proportionallyResize()}}c("body").css("cursor","auto");this.element.removeClass("ui-resizable-resizing");this._propagate("stop",g);if(this._helper){this.helper.remove()}return false},_updateCache:function(d){var e=this.options;this.offset=this.helper.offset();if(a(d.left)){this.position.left=d.left}if(a(d.top)){this.position.top=d.top}if(a(d.height)){this.size.height=d.height}if(a(d.width)){this.size.width=d.width}},_updateRatio:function(g,f){var h=this.options,i=this.position,e=this.size,d=this.axis;if(g.height){g.width=(e.height*this.aspectRatio)}else{if(g.width){g.height=(e.width/this.aspectRatio)}}if(d=="sw"){g.left=i.left+(e.width-g.width);g.top=null}if(d=="nw"){g.top=i.top+(e.height-g.height);g.left=i.left+(e.width-g.width)}return g},_respectSize:function(k,f){var i=this.helper,h=this.options,q=this._aspectRatio||f.shiftKey,p=this.axis,s=a(k.width)&&h.maxWidth&&(h.maxWidthk.width),r=a(k.height)&&h.minHeight&&(h.minHeight>k.height);if(g){k.width=h.minWidth}if(r){k.height=h.minHeight}if(s){k.width=h.maxWidth}if(l){k.height=h.maxHeight}var e=this.originalPosition.left+this.originalSize.width,n=this.position.top+this.size.height;var j=/sw|nw|w/.test(p),d=/nw|ne|n/.test(p);if(g&&j){k.left=e-h.minWidth}if(s&&j){k.left=e-h.maxWidth}if(r&&d){k.top=n-h.minHeight}if(l&&d){k.top=n-h.maxHeight}var m=!k.width&&!k.height;if(m&&!k.left&&k.top){k.top=null}else{if(m&&!k.top&&k.left){k.left=null}}return k},_proportionallyResize:function(){var j=this.options;if(!this._proportionallyResizeElements.length){return}var f=this.helper||this.element;for(var e=0;e');var d=c.browser.msie&&c.browser.version<7,f=(d?1:0),g=(d?2:-1);this.helper.addClass(this._helper).css({width:this.element.outerWidth()+g,height:this.element.outerHeight()+g,position:"absolute",left:this.elementOffset.left-f+"px",top:this.elementOffset.top-f+"px",zIndex:++h.zIndex});this.helper.appendTo("body").disableSelection()}else{this.helper=this.element}},_change:{e:function(f,e,d){return{width:this.originalSize.width+e}},w:function(g,e,d){var i=this.options,f=this.originalSize,h=this.originalPosition;return{left:h.left+e,width:f.width-e}},n:function(g,e,d){var i=this.options,f=this.originalSize,h=this.originalPosition;return{top:h.top+d,height:f.height-d}},s:function(f,e,d){return{height:this.originalSize.height+d}},se:function(f,e,d){return c.extend(this._change.s.apply(this,arguments),this._change.e.apply(this,[f,e,d]))},sw:function(f,e,d){return c.extend(this._change.s.apply(this,arguments),this._change.w.apply(this,[f,e,d]))},ne:function(f,e,d){return c.extend(this._change.n.apply(this,arguments),this._change.e.apply(this,[f,e,d]))},nw:function(f,e,d){return c.extend(this._change.n.apply(this,arguments),this._change.w.apply(this,[f,e,d]))}},_propagate:function(e,d){c.ui.plugin.call(this,e,[d,this.ui()]);(e!="resize"&&this._trigger(e,d,this.ui()))},plugins:{},ui:function(){return{originalElement:this.originalElement,element:this.element,helper:this.helper,position:this.position,size:this.size,originalSize:this.originalSize,originalPosition:this.originalPosition}}}));c.extend(c.ui.resizable,{version:"1.7.2",eventPrefix:"resize",defaults:{alsoResize:false,animate:false,animateDuration:"slow",animateEasing:"swing",aspectRatio:false,autoHide:false,cancel:":input,option",containment:false,delay:0,distance:1,ghost:false,grid:false,handles:"e,s,se",helper:false,maxHeight:null,maxWidth:null,minHeight:10,minWidth:10,zIndex:1000}});c.ui.plugin.add("resizable","alsoResize",{start:function(e,f){var d=c(this).data("resizable"),g=d.options;_store=function(h){c(h).each(function(){c(this).data("resizable-alsoresize",{width:parseInt(c(this).width(),10),height:parseInt(c(this).height(),10),left:parseInt(c(this).css("left"),10),top:parseInt(c(this).css("top"),10)})})};if(typeof(g.alsoResize)=="object"&&!g.alsoResize.parentNode){if(g.alsoResize.length){g.alsoResize=g.alsoResize[0];_store(g.alsoResize)}else{c.each(g.alsoResize,function(h,i){_store(h)})}}else{_store(g.alsoResize)}},resize:function(f,h){var e=c(this).data("resizable"),i=e.options,g=e.originalSize,k=e.originalPosition;var j={height:(e.size.height-g.height)||0,width:(e.size.width-g.width)||0,top:(e.position.top-k.top)||0,left:(e.position.left-k.left)||0},d=function(l,m){c(l).each(function(){var p=c(this),q=c(this).data("resizable-alsoresize"),o={},n=m&&m.length?m:["width","height","top","left"];c.each(n||["width","height","top","left"],function(r,t){var s=(q[t]||0)+(j[t]||0);if(s&&s>=0){o[t]=s||null}});if(/relative/.test(p.css("position"))&&c.browser.opera){e._revertToRelativePosition=true;p.css({position:"absolute",top:"auto",left:"auto"})}p.css(o)})};if(typeof(i.alsoResize)=="object"&&!i.alsoResize.nodeType){c.each(i.alsoResize,function(l,m){d(l,m)})}else{d(i.alsoResize)}},stop:function(e,f){var d=c(this).data("resizable");if(d._revertToRelativePosition&&c.browser.opera){d._revertToRelativePosition=false;el.css({position:"relative"})}c(this).removeData("resizable-alsoresize-start")}});c.ui.plugin.add("resizable","animate",{stop:function(h,m){var n=c(this).data("resizable"),i=n.options;var g=n._proportionallyResizeElements,d=g.length&&(/textarea/i).test(g[0].nodeName),e=d&&c.ui.hasScroll(g[0],"left")?0:n.sizeDiff.height,k=d?0:n.sizeDiff.width;var f={width:(n.size.width-k),height:(n.size.height-e)},j=(parseInt(n.element.css("left"),10)+(n.position.left-n.originalPosition.left))||null,l=(parseInt(n.element.css("top"),10)+(n.position.top-n.originalPosition.top))||null;n.element.animate(c.extend(f,l&&j?{top:l,left:j}:{}),{duration:i.animateDuration,easing:i.animateEasing,step:function(){var o={width:parseInt(n.element.css("width"),10),height:parseInt(n.element.css("height"),10),top:parseInt(n.element.css("top"),10),left:parseInt(n.element.css("left"),10)};if(g&&g.length){c(g[0]).css({width:o.width,height:o.height})}n._updateCache(o);n._propagate("resize",h)}})}});c.ui.plugin.add("resizable","containment",{start:function(e,q){var s=c(this).data("resizable"),i=s.options,k=s.element;var f=i.containment,j=(f instanceof c)?f.get(0):(/parent/.test(f))?k.parent().get(0):f;if(!j){return}s.containerElement=c(j);if(/document/.test(f)||f==document){s.containerOffset={left:0,top:0};s.containerPosition={left:0,top:0};s.parentData={element:c(document),left:0,top:0,width:c(document).width(),height:c(document).height()||document.body.parentNode.scrollHeight}}else{var m=c(j),h=[];c(["Top","Right","Left","Bottom"]).each(function(p,o){h[p]=b(m.css("padding"+o))});s.containerOffset=m.offset();s.containerPosition=m.position();s.containerSize={height:(m.innerHeight()-h[3]),width:(m.innerWidth()-h[1])};var n=s.containerOffset,d=s.containerSize.height,l=s.containerSize.width,g=(c.ui.hasScroll(j,"left")?j.scrollWidth:l),r=(c.ui.hasScroll(j)?j.scrollHeight:d);s.parentData={element:j,left:n.left,top:n.top,width:g,height:r}}},resize:function(f,p){var s=c(this).data("resizable"),h=s.options,e=s.containerSize,n=s.containerOffset,l=s.size,m=s.position,q=s._aspectRatio||f.shiftKey,d={top:0,left:0},g=s.containerElement;if(g[0]!=document&&(/static/).test(g.css("position"))){d=n}if(m.left<(s._helper?n.left:0)){s.size.width=s.size.width+(s._helper?(s.position.left-n.left):(s.position.left-d.left));if(q){s.size.height=s.size.width/h.aspectRatio}s.position.left=h.helper?n.left:0}if(m.top<(s._helper?n.top:0)){s.size.height=s.size.height+(s._helper?(s.position.top-n.top):s.position.top);if(q){s.size.width=s.size.height*h.aspectRatio}s.position.top=s._helper?n.top:0}s.offset.left=s.parentData.left+s.position.left;s.offset.top=s.parentData.top+s.position.top;var k=Math.abs((s._helper?s.offset.left-d.left:(s.offset.left-d.left))+s.sizeDiff.width),r=Math.abs((s._helper?s.offset.top-d.top:(s.offset.top-n.top))+s.sizeDiff.height);var j=s.containerElement.get(0)==s.element.parent().get(0),i=/relative|absolute/.test(s.containerElement.css("position"));if(j&&i){k-=s.parentData.left}if(k+s.size.width>=s.parentData.width){s.size.width=s.parentData.width-k;if(q){s.size.height=s.size.width/s.aspectRatio}}if(r+s.size.height>=s.parentData.height){s.size.height=s.parentData.height-r;if(q){s.size.width=s.size.height*s.aspectRatio}}},stop:function(e,m){var p=c(this).data("resizable"),f=p.options,k=p.position,l=p.containerOffset,d=p.containerPosition,g=p.containerElement;var i=c(p.helper),q=i.offset(),n=i.outerWidth()-p.sizeDiff.width,j=i.outerHeight()-p.sizeDiff.height;if(p._helper&&!f.animate&&(/relative/).test(g.css("position"))){c(this).css({left:q.left-d.left-l.left,width:n,height:j})}if(p._helper&&!f.animate&&(/static/).test(g.css("position"))){c(this).css({left:q.left-d.left-l.left,width:n,height:j})}}});c.ui.plugin.add("resizable","ghost",{start:function(f,g){var d=c(this).data("resizable"),h=d.options,e=d.size;d.ghost=d.originalElement.clone();d.ghost.css({opacity:0.25,display:"block",position:"relative",height:e.height,width:e.width,margin:0,left:0,top:0}).addClass("ui-resizable-ghost").addClass(typeof h.ghost=="string"?h.ghost:"");d.ghost.appendTo(d.helper)},resize:function(e,f){var d=c(this).data("resizable"),g=d.options;if(d.ghost){d.ghost.css({position:"relative",height:d.size.height,width:d.size.width})}},stop:function(e,f){var d=c(this).data("resizable"),g=d.options;if(d.ghost&&d.helper){d.helper.get(0).removeChild(d.ghost.get(0))}}});c.ui.plugin.add("resizable","grid",{resize:function(d,l){var n=c(this).data("resizable"),g=n.options,j=n.size,h=n.originalSize,i=n.originalPosition,m=n.axis,k=g._aspectRatio||d.shiftKey;g.grid=typeof g.grid=="number"?[g.grid,g.grid]:g.grid;var f=Math.round((j.width-h.width)/(g.grid[0]||1))*(g.grid[0]||1),e=Math.round((j.height-h.height)/(g.grid[1]||1))*(g.grid[1]||1);if(/^(se|s|e)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e}else{if(/^(ne)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e;n.position.top=i.top-e}else{if(/^(sw)$/.test(m)){n.size.width=h.width+f;n.size.height=h.height+e;n.position.left=i.left-f}else{n.size.width=h.width+f;n.size.height=h.height+e;n.position.top=i.top-e;n.position.left=i.left-f}}}}});var b=function(d){return parseInt(d,10)||0};var a=function(d){return !isNaN(parseInt(d,10))}})(jQuery);;/* - * jQuery UI Dialog 1.7.2 - * - * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT (MIT-LICENSE.txt) - * and GPL (GPL-LICENSE.txt) licenses. - * - * http://docs.jquery.com/UI/Dialog - * - * Depends: - * ui.core.js - * ui.draggable.js - * ui.resizable.js - */ -(function(c){var b={dragStart:"start.draggable",drag:"drag.draggable",dragStop:"stop.draggable",maxHeight:"maxHeight.resizable",minHeight:"minHeight.resizable",maxWidth:"maxWidth.resizable",minWidth:"minWidth.resizable",resizeStart:"start.resizable",resize:"drag.resizable",resizeStop:"stop.resizable"},a="ui-dialog ui-widget ui-widget-content ui-corner-all ";c.widget("ui.dialog",{_init:function(){this.originalTitle=this.element.attr("title");var l=this,m=this.options,j=m.title||this.originalTitle||" ",e=c.ui.dialog.getTitleId(this.element),k=(this.uiDialog=c("
")).appendTo(document.body).hide().addClass(a+m.dialogClass).css({position:"absolute",overflow:"hidden",zIndex:m.zIndex}).attr("tabIndex",-1).css("outline",0).keydown(function(n){(m.closeOnEscape&&n.keyCode&&n.keyCode==c.ui.keyCode.ESCAPE&&l.close(n))}).attr({role:"dialog","aria-labelledby":e}).mousedown(function(n){l.moveToTop(false,n)}),g=this.element.show().removeAttr("title").addClass("ui-dialog-content ui-widget-content").appendTo(k),f=(this.uiDialogTitlebar=c("
")).addClass("ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix").prependTo(k),i=c('').addClass("ui-dialog-titlebar-close ui-corner-all").attr("role","button").hover(function(){i.addClass("ui-state-hover")},function(){i.removeClass("ui-state-hover")}).focus(function(){i.addClass("ui-state-focus")}).blur(function(){i.removeClass("ui-state-focus")}).mousedown(function(n){n.stopPropagation()}).click(function(n){l.close(n);return false}).appendTo(f),h=(this.uiDialogTitlebarCloseText=c("")).addClass("ui-icon ui-icon-closethick").text(m.closeText).appendTo(i),d=c("").addClass("ui-dialog-title").attr("id",e).html(j).prependTo(f);f.find("*").add(f).disableSelection();(m.draggable&&c.fn.draggable&&this._makeDraggable());(m.resizable&&c.fn.resizable&&this._makeResizable());this._createButtons(m.buttons);this._isOpen=false;(m.bgiframe&&c.fn.bgiframe&&k.bgiframe());(m.autoOpen&&this.open())},destroy:function(){(this.overlay&&this.overlay.destroy());this.uiDialog.hide();this.element.unbind(".dialog").removeData("dialog").removeClass("ui-dialog-content ui-widget-content").hide().appendTo("body");this.uiDialog.remove();(this.originalTitle&&this.element.attr("title",this.originalTitle))},close:function(f){var d=this;if(false===d._trigger("beforeclose",f)){return}(d.overlay&&d.overlay.destroy());d.uiDialog.unbind("keypress.ui-dialog");(d.options.hide?d.uiDialog.hide(d.options.hide,function(){d._trigger("close",f)}):d.uiDialog.hide()&&d._trigger("close",f));c.ui.dialog.overlay.resize();d._isOpen=false;if(d.options.modal){var e=0;c(".ui-dialog").each(function(){if(this!=d.uiDialog[0]){e=Math.max(e,c(this).css("z-index"))}});c.ui.dialog.maxZ=e}},isOpen:function(){return this._isOpen},moveToTop:function(f,e){if((this.options.modal&&!f)||(!this.options.stack&&!this.options.modal)){return this._trigger("focus",e)}if(this.options.zIndex>c.ui.dialog.maxZ){c.ui.dialog.maxZ=this.options.zIndex}(this.overlay&&this.overlay.$el.css("z-index",c.ui.dialog.overlay.maxZ=++c.ui.dialog.maxZ));var d={scrollTop:this.element.attr("scrollTop"),scrollLeft:this.element.attr("scrollLeft")};this.uiDialog.css("z-index",++c.ui.dialog.maxZ);this.element.attr(d);this._trigger("focus",e)},open:function(){if(this._isOpen){return}var e=this.options,d=this.uiDialog;this.overlay=e.modal?new c.ui.dialog.overlay(this):null;(d.next().length&&d.appendTo("body"));this._size();this._position(e.position);d.show(e.show);this.moveToTop(true);(e.modal&&d.bind("keypress.ui-dialog",function(h){if(h.keyCode!=c.ui.keyCode.TAB){return}var g=c(":tabbable",this),i=g.filter(":first")[0],f=g.filter(":last")[0];if(h.target==f&&!h.shiftKey){setTimeout(function(){i.focus()},1)}else{if(h.target==i&&h.shiftKey){setTimeout(function(){f.focus()},1)}}}));c([]).add(d.find(".ui-dialog-content :tabbable:first")).add(d.find(".ui-dialog-buttonpane :tabbable:first")).add(d).filter(":first").focus();this._trigger("open");this._isOpen=true},_createButtons:function(g){var f=this,d=false,e=c("
").addClass("ui-dialog-buttonpane ui-widget-content ui-helper-clearfix");this.uiDialog.find(".ui-dialog-buttonpane").remove();(typeof g=="object"&&g!==null&&c.each(g,function(){return !(d=true)}));if(d){c.each(g,function(h,i){c('').addClass("ui-state-default ui-corner-all").text(h).click(function(){i.apply(f.element[0],arguments)}).hover(function(){c(this).addClass("ui-state-hover")},function(){c(this).removeClass("ui-state-hover")}).focus(function(){c(this).addClass("ui-state-focus")}).blur(function(){c(this).removeClass("ui-state-focus")}).appendTo(e)});e.appendTo(this.uiDialog)}},_makeDraggable:function(){var d=this,f=this.options,e;this.uiDialog.draggable({cancel:".ui-dialog-content",handle:".ui-dialog-titlebar",containment:"document",start:function(){e=f.height;c(this).height(c(this).height()).addClass("ui-dialog-dragging");(f.dragStart&&f.dragStart.apply(d.element[0],arguments))},drag:function(){(f.drag&&f.drag.apply(d.element[0],arguments))},stop:function(){c(this).removeClass("ui-dialog-dragging").height(e);(f.dragStop&&f.dragStop.apply(d.element[0],arguments));c.ui.dialog.overlay.resize()}})},_makeResizable:function(g){g=(g===undefined?this.options.resizable:g);var d=this,f=this.options,e=typeof g=="string"?g:"n,e,s,w,se,sw,ne,nw";this.uiDialog.resizable({cancel:".ui-dialog-content",alsoResize:this.element,maxWidth:f.maxWidth,maxHeight:f.maxHeight,minWidth:f.minWidth,minHeight:f.minHeight,start:function(){c(this).addClass("ui-dialog-resizing");(f.resizeStart&&f.resizeStart.apply(d.element[0],arguments))},resize:function(){(f.resize&&f.resize.apply(d.element[0],arguments))},handles:e,stop:function(){c(this).removeClass("ui-dialog-resizing");f.height=c(this).height();f.width=c(this).width();(f.resizeStop&&f.resizeStop.apply(d.element[0],arguments));c.ui.dialog.overlay.resize()}}).find(".ui-resizable-se").addClass("ui-icon ui-icon-grip-diagonal-se")},_position:function(i){var e=c(window),f=c(document),g=f.scrollTop(),d=f.scrollLeft(),h=g;if(c.inArray(i,["center","top","right","bottom","left"])>=0){i=[i=="right"||i=="left"?i:"center",i=="top"||i=="bottom"?i:"middle"]}if(i.constructor!=Array){i=["center","middle"]}if(i[0].constructor==Number){d+=i[0]}else{switch(i[0]){case"left":d+=0;break;case"right":d+=e.width()-this.uiDialog.outerWidth();break;default:case"center":d+=(e.width()-this.uiDialog.outerWidth())/2}}if(i[1].constructor==Number){g+=i[1]}else{switch(i[1]){case"top":g+=0;break;case"bottom":g+=e.height()-this.uiDialog.outerHeight();break;default:case"middle":g+=(e.height()-this.uiDialog.outerHeight())/2}}g=Math.max(g,h);this.uiDialog.css({top:g,left:d})},_setData:function(e,f){(b[e]&&this.uiDialog.data(b[e],f));switch(e){case"buttons":this._createButtons(f);break;case"closeText":this.uiDialogTitlebarCloseText.text(f);break;case"dialogClass":this.uiDialog.removeClass(this.options.dialogClass).addClass(a+f);break;case"draggable":(f?this._makeDraggable():this.uiDialog.draggable("destroy"));break;case"height":this.uiDialog.height(f);break;case"position":this._position(f);break;case"resizable":var d=this.uiDialog,g=this.uiDialog.is(":data(resizable)");(g&&!f&&d.resizable("destroy"));(g&&typeof f=="string"&&d.resizable("option","handles",f));(g||this._makeResizable(f));break;case"title":c(".ui-dialog-title",this.uiDialogTitlebar).html(f||" ");break;case"width":this.uiDialog.width(f);break}c.widget.prototype._setData.apply(this,arguments)},_size:function(){var e=this.options;this.element.css({height:0,minHeight:0,width:"auto"});var d=this.uiDialog.css({height:"auto",width:e.width}).height();this.element.css({minHeight:Math.max(e.minHeight-d,0),height:e.height=="auto"?"auto":Math.max(e.height-d,0)})}});c.extend(c.ui.dialog,{version:"1.7.2",defaults:{autoOpen:true,bgiframe:false,buttons:{},closeOnEscape:true,closeText:"close",dialogClass:"",draggable:true,hide:null,height:"auto",maxHeight:false,maxWidth:false,minHeight:150,minWidth:150,modal:false,position:"center",resizable:true,show:null,stack:true,title:"",width:300,zIndex:1000},getter:"isOpen",uuid:0,maxZ:0,getTitleId:function(d){return"ui-dialog-title-"+(d.attr("id")||++this.uuid)},overlay:function(d){this.$el=c.ui.dialog.overlay.create(d)}});c.extend(c.ui.dialog.overlay,{instances:[],maxZ:0,events:c.map("focus,mousedown,mouseup,keydown,keypress,click".split(","),function(d){return d+".dialog-overlay"}).join(" "),create:function(e){if(this.instances.length===0){setTimeout(function(){if(c.ui.dialog.overlay.instances.length){c(document).bind(c.ui.dialog.overlay.events,function(f){var g=c(f.target).parents(".ui-dialog").css("zIndex")||0;return(g>c.ui.dialog.overlay.maxZ)})}},1);c(document).bind("keydown.dialog-overlay",function(f){(e.options.closeOnEscape&&f.keyCode&&f.keyCode==c.ui.keyCode.ESCAPE&&e.close(f))});c(window).bind("resize.dialog-overlay",c.ui.dialog.overlay.resize)}var d=c("
").appendTo(document.body).addClass("ui-widget-overlay").css({width:this.width(),height:this.height()});(e.options.bgiframe&&c.fn.bgiframe&&d.bgiframe());this.instances.push(d);return d},destroy:function(d){this.instances.splice(c.inArray(this.instances,d),1);if(this.instances.length===0){c([document,window]).unbind(".dialog-overlay")}d.remove();var e=0;c.each(this.instances,function(){e=Math.max(e,this.css("z-index"))});this.maxZ=e},height:function(){if(c.browser.msie&&c.browser.version<7){var e=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);var d=Math.max(document.documentElement.offsetHeight,document.body.offsetHeight);if(e + -%h2 Bugs Reports, Discussions, Support + %h2 Bugs Reports, Discussions, Support -:markdown - Send a note to the [mailing list](http://groups.google.com/group/compass-users) - and/or [File a bug](http://github.com/chriseppstein/compass/issues). \ No newline at end of file + :markdown + Send a note to the [mailing list](http://groups.google.com/group/compass-users) + and/or [File a bug](http://github.com/chriseppstein/compass/issues). \ No newline at end of file diff --git a/doc-src/content/reference/blueprint.haml b/doc-src/content/reference/blueprint.haml index d244deba..a7b2fe5d 100644 --- a/doc-src/content/reference/blueprint.haml +++ b/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. --- diff --git a/doc-src/content/reference/blueprint/buttons.haml b/doc-src/content/reference/blueprint/buttons.haml index f5b524d2..da84b018 100644 --- a/doc-src/content/reference/blueprint/buttons.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/colors.haml b/doc-src/content/reference/blueprint/colors.haml index 7a2d3608..7432b0ba 100644 --- a/doc-src/content/reference/blueprint/colors.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/debug.haml b/doc-src/content/reference/blueprint/debug.haml index e13aad25..e60ce5af 100644 --- a/doc-src/content/reference/blueprint/debug.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/fancy_type.haml b/doc-src/content/reference/blueprint/fancy_type.haml index fac6bd7d..2700caeb 100644 --- a/doc-src/content/reference/blueprint/fancy_type.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/form.haml b/doc-src/content/reference/blueprint/form.haml index 07e873ac..7d65d9ec 100644 --- a/doc-src/content/reference/blueprint/form.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/grid.haml b/doc-src/content/reference/blueprint/grid.haml index a27b7032..859a76bd 100644 --- a/doc-src/content/reference/blueprint/grid.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/ie.haml b/doc-src/content/reference/blueprint/ie.haml index 95a38f57..8cab3f48 100644 --- a/doc-src/content/reference/blueprint/ie.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/interaction.haml b/doc-src/content/reference/blueprint/interaction.haml index ef04a2bb..b8335ff4 100644 --- a/doc-src/content/reference/blueprint/interaction.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/link_icons.haml b/doc-src/content/reference/blueprint/link_icons.haml index 593a0db4..541577d5 100644 --- a/doc-src/content/reference/blueprint/link_icons.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/liquid.haml b/doc-src/content/reference/blueprint/liquid.haml index 9a1b8036..2710688e 100644 --- a/doc-src/content/reference/blueprint/liquid.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/print.haml b/doc-src/content/reference/blueprint/print.haml index 91a88a69..d3291d6e 100644 --- a/doc-src/content/reference/blueprint/print.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/reset.haml b/doc-src/content/reference/blueprint/reset.haml index ae8ace31..a800c73d 100644 --- a/doc-src/content/reference/blueprint/reset.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/rtl.haml b/doc-src/content/reference/blueprint/rtl.haml index 30a5762e..202078c5 100644 --- a/doc-src/content/reference/blueprint/rtl.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/scaffolding.haml b/doc-src/content/reference/blueprint/scaffolding.haml index 06dd8ce9..d3623bbb 100644 --- a/doc-src/content/reference/blueprint/scaffolding.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/typography.haml b/doc-src/content/reference/blueprint/typography.haml index c19a6ff6..54cff7f7 100644 --- a/doc-src/content/reference/blueprint/typography.haml +++ b/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 diff --git a/doc-src/content/reference/blueprint/utilities.haml b/doc-src/content/reference/blueprint/utilities.haml index 62a45ac8..fa3f7eed 100644 --- a/doc-src/content/reference/blueprint/utilities.haml +++ b/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 diff --git a/doc-src/content/reference/compass.haml b/doc-src/content/reference/compass.haml index 12aea194..68fc2253 100644 --- a/doc-src/content/reference/compass.haml +++ b/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" diff --git a/doc-src/content/reference/compass/css3.haml b/doc-src/content/reference/compass/css3.haml index 64bf7b5d..f4cb1c1b 100644 --- a/doc-src/content/reference/compass/css3.haml +++ b/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 border-radius and text-shadow. \ No newline at end of file + The CSS3 module provides cross-browser mixins for CSS properties + introduced in CSS3, for example border-radius + and text-shadow. + %p + What rendering engines you support for the experimental css properties is governed by + the configurable variables defined in the css3 shared module. \ No newline at end of file diff --git a/doc-src/content/reference/compass/css3/background_clip.haml b/doc-src/content/reference/compass/css3/background_clip.haml index 8331b316..607f3f37 100644 --- a/doc-src/content/reference/compass/css3/background_clip.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/background_origin.haml b/doc-src/content/reference/compass/css3/background_origin.haml index 6ff4c940..5e13a13f 100644 --- a/doc-src/content/reference/compass/css3/background_origin.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/background_size.haml b/doc-src/content/reference/compass/css3/background_size.haml index 1fed430a..e45638ab 100644 --- a/doc-src/content/reference/compass/css3/background_size.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/border_radius.haml b/doc-src/content/reference/compass/css3/border_radius.haml index 2d302380..5c08fa9f 100644 --- a/doc-src/content/reference/compass/css3/border_radius.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/box_shadow.haml b/doc-src/content/reference/compass/css3/box_shadow.haml index c0de1bab..2d54abd0 100644 --- a/doc-src/content/reference/compass/css3/box_shadow.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/box_sizing.haml b/doc-src/content/reference/compass/css3/box_sizing.haml index e5be373d..db48988f 100644 --- a/doc-src/content/reference/compass/css3/box_sizing.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/columns.haml b/doc-src/content/reference/compass/css3/columns.haml index b29939ac..9d4fd736 100644 --- a/doc-src/content/reference/compass/css3/columns.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/font_face.haml b/doc-src/content/reference/compass/css3/font_face.haml index 6e9e0504..316e730b 100644 --- a/doc-src/content/reference/compass/css3/font_face.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/gradient.haml b/doc-src/content/reference/compass/css3/gradient.haml index aa044657..dd9eb185 100644 --- a/doc-src/content/reference/compass/css3/gradient.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/inline_block.haml b/doc-src/content/reference/compass/css3/inline_block.haml index c4244f4a..448c9019 100644 --- a/doc-src/content/reference/compass/css3/inline_block.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/opacity.haml b/doc-src/content/reference/compass/css3/opacity.haml index f8fcc8d0..12f8f7cf 100644 --- a/doc-src/content/reference/compass/css3/opacity.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/shared.haml b/doc-src/content/reference/compass/css3/shared.haml new file mode 100644 index 00000000..cc384789 --- /dev/null +++ b/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. diff --git a/doc-src/content/reference/compass/css3/text_shadow.haml b/doc-src/content/reference/compass/css3/text_shadow.haml index 899f9a60..3122d952 100644 --- a/doc-src/content/reference/compass/css3/text_shadow.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/transform.haml b/doc-src/content/reference/compass/css3/transform.haml index b60c4e0f..718afa73 100644 --- a/doc-src/content/reference/compass/css3/transform.haml +++ b/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 diff --git a/doc-src/content/reference/compass/css3/transition.haml b/doc-src/content/reference/compass/css3/transition.haml index 02f33183..57782d1c 100644 --- a/doc-src/content/reference/compass/css3/transition.haml +++ b/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 diff --git a/doc-src/content/reference/compass/layout.haml b/doc-src/content/reference/compass/layout.haml index 72048f2b..6b4f1b11 100644 --- a/doc-src/content/reference/compass/layout.haml +++ b/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 sticky-footer mixin. diff --git a/doc-src/content/reference/compass/layout/sticky_footer.haml b/doc-src/content/reference/compass/layout/sticky_footer.haml index 7cfb88d3..27e66470 100644 --- a/doc-src/content/reference/compass/layout/sticky_footer.haml +++ b/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: + + +
+ +
+ + + + 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") \ No newline at end of file diff --git a/doc-src/content/reference/compass/misc.haml b/doc-src/content/reference/compass/misc.haml deleted file mode 100644 index 353780c5..00000000 --- a/doc-src/content/reference/compass/misc.haml +++ /dev/null @@ -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. diff --git a/doc-src/content/reference/compass/reset.haml b/doc-src/content/reference/compass/reset.haml index 8129007f..913707f6 100644 --- a/doc-src/content/reference/compass/reset.haml +++ b/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 - Lorem ipsum dolor sit amet. + This module applies the global reset to your stylesheet by simply importing it. diff --git a/doc-src/content/reference/compass/utilities.haml b/doc-src/content/reference/compass/utilities.haml index 55df7bf5..7336931e 100644 --- a/doc-src/content/reference/compass/utilities.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/general.haml b/doc-src/content/reference/compass/utilities/general.haml index dde01d12..7ea74cbc 100644 --- a/doc-src/content/reference/compass/utilities/general.haml +++ b/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. diff --git a/doc-src/content/reference/compass/utilities/general/clearfix.haml b/doc-src/content/reference/compass/utilities/general/clearfix.haml index 31e0118c..c95f74fa 100644 --- a/doc-src/content/reference/compass/utilities/general/clearfix.haml +++ b/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. diff --git a/doc-src/content/reference/compass/utilities/general/float.haml b/doc-src/content/reference/compass/utilities/general/float.haml index 6367639d..31ed4769 100644 --- a/doc-src/content/reference/compass/utilities/general/float.haml +++ b/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 - Lorem ipsum dolor sit amet. + :markdown + 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 diff --git a/doc-src/content/reference/compass/utilities/general/hacks.haml b/doc-src/content/reference/compass/utilities/general/hacks.haml index e71ef227..68474809 100644 --- a/doc-src/content/reference/compass/utilities/general/hacks.haml +++ b/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. diff --git a/doc-src/content/reference/compass/utilities/general/min.haml b/doc-src/content/reference/compass/utilities/general/min.haml index 2291c188..38ed3dfd 100644 --- a/doc-src/content/reference/compass/utilities/general/min.haml +++ b/doc-src/content/reference/compass/utilities/general/min.haml @@ -1,11 +1,16 @@ --- -title: Compass Min -crumb: Min +title: Minimum Dimensions +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. diff --git a/doc-src/content/reference/compass/utilities/general/reset.haml b/doc-src/content/reference/compass/utilities/general/reset.haml index 0f18c28f..697894d6 100644 --- a/doc-src/content/reference/compass/utilities/general/reset.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/general/tabs.haml b/doc-src/content/reference/compass/utilities/general/tabs.haml deleted file mode 100644 index 995ce8e5..00000000 --- a/doc-src/content/reference/compass/utilities/general/tabs.haml +++ /dev/null @@ -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. diff --git a/doc-src/content/reference/compass/utilities/general/tag_cloud.haml b/doc-src/content/reference/compass/utilities/general/tag_cloud.haml index 7d3219d0..362da72c 100644 --- a/doc-src/content/reference/compass/utilities/general/tag_cloud.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/links.haml b/doc-src/content/reference/compass/utilities/links.haml index c757cac2..0c6aacc6 100644 --- a/doc-src/content/reference/compass/utilities/links.haml +++ b/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. diff --git a/doc-src/content/reference/compass/utilities/links/hover_link.haml b/doc-src/content/reference/compass/utilities/links/hover_link.haml index 377499b9..bb8cbeef 100644 --- a/doc-src/content/reference/compass/utilities/links/hover_link.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/links/link_colors.haml b/doc-src/content/reference/compass/utilities/links/link_colors.haml index 83b8e170..e7742277 100644 --- a/doc-src/content/reference/compass/utilities/links/link_colors.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/links/unstyled_link.haml b/doc-src/content/reference/compass/utilities/links/unstyled_link.haml index 1adfebf1..4e223326 100644 --- a/doc-src/content/reference/compass/utilities/links/unstyled_link.haml +++ b/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. diff --git a/doc-src/content/reference/compass/utilities/lists.haml b/doc-src/content/reference/compass/utilities/lists.haml index 54ffc03d..8f7190f4 100644 --- a/doc-src/content/reference/compass/utilities/lists.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/lists/bullets.haml b/doc-src/content/reference/compass/utilities/lists/bullets.haml index 9b3e3eaa..94da0c93 100644 --- a/doc-src/content/reference/compass/utilities/lists/bullets.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml b/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml index ee4c4cbe..56a4cd86 100644 --- a/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml +++ b/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 - Lorem ipsum dolor sit amet. + :markdown + 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 diff --git a/doc-src/content/reference/compass/utilities/lists/inline_list.haml b/doc-src/content/reference/compass/utilities/lists/inline_list.haml index 7bd4ef8d..17545c86 100644 --- a/doc-src/content/reference/compass/utilities/lists/inline_list.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' diff --git a/doc-src/content/reference/compass/utilities/print.haml b/doc-src/content/reference/compass/utilities/print.haml index e7286b07..13afd20e 100644 --- a/doc-src/content/reference/compass/utilities/print.haml +++ b/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 - Lorem ipsum dolor sit amet. + :markdown + 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. + diff --git a/doc-src/content/reference/compass/utilities/sprites.haml b/doc-src/content/reference/compass/utilities/sprites.haml index 3bd499e2..c50cef9c 100644 --- a/doc-src/content/reference/compass/utilities/sprites.haml +++ b/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 - %p - Lorem ipsum dolor sit amet. += render 'reference' + \ No newline at end of file diff --git a/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml b/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml index c41746f0..af7ba3cb 100644 --- a/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml +++ b/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 - Lorem ipsum dolor sit amet. + :markdown + **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) + \ No newline at end of file diff --git a/doc-src/content/reference/compass/utilities/tables.haml b/doc-src/content/reference/compass/utilities/tables.haml index 5ff67e78..3f62adb7 100644 --- a/doc-src/content/reference/compass/utilities/tables.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml b/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml index ba1252f3..9a94363c 100644 --- a/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/tables/borders.haml b/doc-src/content/reference/compass/utilities/tables/borders.haml index 5fb3e189..909eb58d 100644 --- a/doc-src/content/reference/compass/utilities/tables/borders.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/tables/scaffolding.haml b/doc-src/content/reference/compass/utilities/tables/scaffolding.haml index 471239d5..85378e3c 100644 --- a/doc-src/content/reference/compass/utilities/tables/scaffolding.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/text.haml b/doc-src/content/reference/compass/utilities/text.haml index 437e61d1..74e0cf12 100644 --- a/doc-src/content/reference/compass/utilities/text.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/text/ellipsis.haml b/doc-src/content/reference/compass/utilities/text/ellipsis.haml index e97604fa..eecf5805 100644 --- a/doc-src/content/reference/compass/utilities/text/ellipsis.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/text/nowrap.haml b/doc-src/content/reference/compass/utilities/text/nowrap.haml index 99f12d87..0d084896 100644 --- a/doc-src/content/reference/compass/utilities/text/nowrap.haml +++ b/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 diff --git a/doc-src/content/reference/compass/utilities/text/replacement.haml b/doc-src/content/reference/compass/utilities/text/replacement.haml index e07005c7..2f58a32c 100644 --- a/doc-src/content/reference/compass/utilities/text/replacement.haml +++ b/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 diff --git a/doc-src/content/stylesheets/_base.sass b/doc-src/content/stylesheets/_base.sass new file mode 100644 index 00000000..d919d188 --- /dev/null +++ b/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 diff --git a/doc-src/content/stylesheets/_defaults.sass b/doc-src/content/stylesheets/_defaults.sass new file mode 100644 index 00000000..1675bf52 --- /dev/null +++ b/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 diff --git a/doc-src/content/stylesheets/_examples.sass b/doc-src/content/stylesheets/_examples.sass new file mode 100644 index 00000000..3bce0dd5 --- /dev/null +++ b/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 diff --git a/doc-src/content/stylesheets/_reference.scss b/doc-src/content/stylesheets/_reference.scss new file mode 100644 index 00000000..54498b39 --- /dev/null +++ b/doc-src/content/stylesheets/_reference.scss @@ -0,0 +1,72 @@ +// Reference + +body.reference { + h3 { + &.mixin, &.constant { + font-family: Monaco, courier; + font-weight: 200; + @include text-shadow; + background-color: #eeeeee; + border: 1px solid #aaaaaa; + padding: 0.75em; + margin-bottom: 0; + a.permalink { + @include hover-link; + @include link-colors(inherit, inherit); } } + .arg[data-default-value] { + color: #666666; + &:before { + content: "["; } + &:after { + content: "]"; } } } + .source-documentation { + background-color: #eeeeee; + border: 1px solid #aaaaaa; + border-top-width: 0; + padding: 0.75em; } + dl.source-documentation { + margin-top: 0; + dt { + font-weight: bold; + float: left; + margin-right: 15px; } + dt:not(:first-child) { + margin-top: 1em; } } + span.view-source { + float: right; + margin: 1em; + } + span.color + span.swatch { margin: 0 3px 3px; border: 1px solid #333333; width: 1em; height: 1em; @include inline-block; } + .color-snippet { width: 100px; height: 20px; @include border-radius(3px); } + a.help { font-size: 75%; } + .mixin-source { + pre { + @include box-sizing(border-box); + display: none; + overflow-x: auto; + width: 100%; + padding: $base-rhythm-unit; + } + pre:target { + display: block; + } + } + +} + +body.docs { + p code, pre { + @include code-text; + border: 1px solid #ccc; + padding: 2px; + background-color: #e7e7e7; + } +} + +table.constants { + width: 100%; + @include alternating-rows-and-columns(#eeeeee, #bbbbbb, #191919); + @include outer-table-borders(1px); + @include inner-table-borders(1px); + td, th { + padding: 0.25em 0.5em; } } diff --git a/doc-src/content/stylesheets/_slideshow.sass b/doc-src/content/stylesheets/_slideshow.sass new file mode 100644 index 00000000..4b0d0e10 --- /dev/null +++ b/doc-src/content/stylesheets/_slideshow.sass @@ -0,0 +1,14 @@ +// CSS-only Lightboxes +// Plugin by Eric Meyer - http://www.oddbird.net/ +// Based on the work of Jenna Smith - http://growldesign.co.uk/ + +// Compatible with IE6+, Mozilla and Webkit browsers. +// **Not compatible with Opera without Javascript help** + +// Override with the proper class names for your slide/slide-nav containers +$slide-container: ".code" + +$max-slides: 10 + +// import slideshow +@import css-slideshow \ No newline at end of file diff --git a/doc-src/content/stylesheets/example.sass b/doc-src/content/stylesheets/example.sass deleted file mode 100644 index 3d6f25d6..00000000 --- a/doc-src/content/stylesheets/example.sass +++ /dev/null @@ -1,26 +0,0 @@ -body - font-family: "Lucida Grande", Arial, sans-serif - -#example - width: 100% - > tbody > tr > td - border: 2px solid black - vertical-align: top - width: 48% - min-width: 400px - pre - margin: 0 - overflow: auto - td.line_numbers, td.linenos - padding: 6px 3px - border-right: 1px solid #333 - background-color: #ccc - td.code - padding: 6px 3px - max-width: 400px - pre - margin: 0 - overflow: auto - -@import partials/syntax - \ No newline at end of file diff --git a/examples/logo/src/ie.scss b/doc-src/content/stylesheets/ie.sass similarity index 63% rename from examples/logo/src/ie.scss rename to doc-src/content/stylesheets/ie.sass index 5cd5b6c5..67edc67a 100644 --- a/examples/logo/src/ie.scss +++ b/doc-src/content/stylesheets/ie.sass @@ -1,5 +1,7 @@ -/* Welcome to Compass. Use this file to write IE specific override styles. +/* Welcome to Susy. Use this file to write IE specific override styles. * Import this file using the following HTML or equivalent: * */ + * + +@import base diff --git a/doc-src/content/stylesheets/legacy/example.scss b/doc-src/content/stylesheets/legacy/example.scss new file mode 100644 index 00000000..1cd611c9 --- /dev/null +++ b/doc-src/content/stylesheets/legacy/example.scss @@ -0,0 +1,25 @@ +body { + font-family: "Lucida Grande", Arial, sans-serif; } + +#example { + width: 100%; + > tbody > tr > td { + border: 2px solid black; + vertical-align: top; + width: 48%; + min-width: 400px; + pre { + margin: 0; + overflow: auto; } } + td.line_numbers, td.linenos { + padding: 6px 3px; + border-right: 1px solid #333333; + background-color: #cccccc; } + td.code { + padding: 6px 3px; + max-width: 400px; + pre { + margin: 0; + overflow: auto; } } } + +@import "partials/syntax"; diff --git a/doc-src/content/stylesheets/legacy/main.scss b/doc-src/content/stylesheets/legacy/main.scss new file mode 100644 index 00000000..ecc251fe --- /dev/null +++ b/doc-src/content/stylesheets/legacy/main.scss @@ -0,0 +1,157 @@ +@import "compass/utilities"; +@import "compass/css3"; +@import "blueprint"; + +body { + font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif; + line-height: 1.5; + font-size: 13px; } + +// Layout +#container { + @include pie-clearfix; } + +#main { + @include column(16, true); + @include prepend(8); } + +#sidebar { + @include column(8); + @include pull(24, true); + background: #f5f5f5; + h2 { + font-size: 16px; } + ul, ol { + list-style-position: inside; + padding-left: 10px; } + .selected { + font-weight: bold; } + a { + @include hover-link; } } + +#footer { + @include column(24); + background: #f5f5f5; + border-top: 2px solid #dddddd; + margin: 1em 0; + .legalese { + @include column(12); } + hr { + @include colruler; } + .links { + @include column(12, true); + ul { + @include no-bullets; + a { + @include hover-link; } } } } + +// Typography + +blockquote { + font-style: italic; } + +hr { + background: none; + height: 0; + font-size: 0; + line-height: 0; + border: none; + border-top: 2px solid #cccccc; } + +// Regular data tables +table.datagrid { + border-collapse: collapse; + th { + background: #eeeeee; } + td, + th { + border: 1px solid #cccccc; + text-align: left; + padding: 5px; + cell-spacing: 0; } } + +// Reference + +body.reference { + h3 { + &.mixin, &.constant { + font-family: Monaco, courier; + font-weight: 200; + @include text-shadow; + background-color: #eeeeee; + border: 1px solid #aaaaaa; + padding: 0.75em; + margin-bottom: 0; + a.permalink { + @include hover-link; + @include link-colors(inherit, inherit); } } + .arg[data-default-value] { + color: #666666; + &:before { + content: "["; } + &:after { + content: "]"; } } } + .source-documentation { + background-color: #eeeeee; + border: 1px solid #aaaaaa; + border-top-width: 0; + padding: 0.75em; } + dl.source-documentation { + margin-top: 0; + dt { + font-weight: bold; + float: left; + margin-right: 15px; } + dt:not(:first-child) { + margin-top: 1em; } } + a.view-source { + float: right; + margin: 1.25em; } + span.color + span.swatch { + margin: 0 3px 3px; + border: 1px solid #333333; + width: 1em; + height: 1em; + @include inline-block; } + .color-snippet { + width: 100px; + height: 20px; + @include border-radius(3px); } + a.help { + font-size: 75%; } } + +table.constants { + width: 100%; + @include alternating-rows-and-columns(#eeeeee, #bbbbbb, #191919); + @include outer-table-borders(1px); + @include inner-table-borders(1px); + td, th { + padding: 0.25em 0.5em; } } + +ol#breadcrumbs { + @include horizontal-list; + @include no-bullets; + li:after { + content: " > "; } + li.last:after { + content: ""; } + li.last { + visibility: hidden; } } + +body#home #logo { + @include replace-text(unquote("compass.png"), 0px); + height: 159px; } + +p code { + border: 1px solid #cccccc; + background-color: #f2f2f2; + padding: 2px; } + +body#reference-compass-css3 { + #border-radius { + padding: 2px 8px; + @include border-radius(0.75em); } + #text-shadow { + @include text-shadow(red); } } + +@import "partials/syntax"; diff --git a/doc-src/content/stylesheets/legacy/partials/_syntax.scss b/doc-src/content/stylesheets/legacy/partials/_syntax.scss new file mode 100644 index 00000000..848cc852 --- /dev/null +++ b/doc-src/content/stylesheets/legacy/partials/_syntax.scss @@ -0,0 +1,2 @@ +@import "syntax/coderay"; +@import "syntax/pygments"; diff --git a/doc-src/content/stylesheets/legacy/partials/syntax/_coderay.scss b/doc-src/content/stylesheets/legacy/partials/syntax/_coderay.scss new file mode 100644 index 00000000..9b91e48c --- /dev/null +++ b/doc-src/content/stylesheets/legacy/partials/syntax/_coderay.scss @@ -0,0 +1,211 @@ +.CodeRay { + .debug { + color: white !important; + background: blue !important; } + .af { + color: #0000cc; } + .an { + color: #000077; } + .at { + color: #ff0088; } + .av { + color: #770000; } + .aw { + color: #cc0000; } + .bi { + color: #550099; + font-weight: bold; } + .c { + color: #888888; } + .ch { + color: #0044dd; + .k { + color: #0044dd; } + .dl { + color: #003399; } } + .cl { + color: #bb0066; + font-weight: bold; } + .cm { + color: #aa0088; + font-weight: bold; } + .co { + color: #003366; + font-weight: bold; } + .cr { + color: #00aa00; } + .cv { + color: #336699; } + .de { + color: #bb00bb; } + .df { + color: #009999; + font-weight: bold; } + .di { + color: #008888; + font-weight: bold; } + .dl { + color: black; } + .do { + color: #997700; } + .dt { + color: #3344bb; } + .ds { + color: #dd4422; + font-weight: bold; } + .e { + color: #666666; + font-weight: bold; } + .en { + color: #880000; + font-weight: bold; } + .er { + color: red; + background-color: #ffaaaa; } + .ex { + color: #cc0000; + font-weight: bold; } + .fl { + color: #6600ee; + font-weight: bold; } + .fu { + color: #0066bb; + font-weight: bold; } + .gv { + color: #dd7700; + font-weight: bold; } + .hx { + color: #005588; + font-weight: bold; } + .i { + color: #0000dd; + font-weight: bold; } + .ic { + color: #bb4444; + font-weight: bold; } + .il { + background: #dddddd; + color: black; + .il { + background: #cccccc; + .il { + background: #bbbbbb; } } + .idl { + background: #dddddd; + font-weight: bold; + color: #666666; } } + .idl { + background-color: #bbbbbb; + font-weight: bold; + color: #666666; } + .im { + color: red; } + .in { + color: #bb22bb; + font-weight: bold; } + .iv { + color: #3333bb; } + .la { + color: #997700; + font-weight: bold; } + .lv { + color: #996633; } + .oc { + color: #4400ee; + font-weight: bold; } + .of { + color: black; + font-weight: bold; } + .pc { + color: #003388; + font-weight: bold; } + .pd { + color: #336699; + font-weight: bold; } + .pp { + color: #557799; } + .ps { + color: #0000cc; + font-weight: bold; } + .pt { + color: #007744; + font-weight: bold; } + .r, .kw { + color: #008800; + font-weight: bold; } + .ke { + color: #880088; + .dl { + color: #660066; } + .ch { + color: #8800ff; } } + .vl { + color: #008888; } + .rx { + background-color: #fff0ff; + .k { + color: #880088; } + .dl { + color: #440044; } + .mod { + color: #cc22cc; } + .fu { + color: #440044; + font-weight: bold; } } + .s { + background-color: #fff0f0; + color: #dd2200; + .s { + background-color: #ffe0e0; + .s { + background-color: #ffd0d0; } } + .ch { + color: #bb00bb; } + .dl { + color: #771100; } } + .sh { + background-color: #f0fff0; + color: #22bb22; + .dl { + color: #116611; } } + .sy { + color: #aa6600; + .k { + color: #aa6600; } + .dl { + color: #663300; } } + .ta { + color: #007700; } + .tf { + color: #007700; + font-weight: bold; } + .ts { + color: #dd7700; + font-weight: bold; } + .ty { + color: #333399; + font-weight: bold; } + .v { + color: #003366; } + .xt { + color: #444444; } + .ins { + background: #aaffaa; } + .del { + background: #ffaaaa; } + .chg { + color: #aaaaff; + background: #000077; } + .head { + color: #ff88ff; + background: #550055; } + .ins .ins { + color: #008800; + font-weight: bold; } + .del .del { + color: #880000; + font-weight: bold; } + .chg .chg { + color: #6666ff; } + .head .head { + color: #ff44ff; } } diff --git a/doc-src/content/stylesheets/legacy/partials/syntax/_pygments.scss b/doc-src/content/stylesheets/legacy/partials/syntax/_pygments.scss new file mode 100644 index 00000000..8622ad5f --- /dev/null +++ b/doc-src/content/stylesheets/legacy/partials/syntax/_pygments.scss @@ -0,0 +1,151 @@ +.highlight { + .hll { + background-color: #ffffcc; } + .c { + color: #606060; + font-style: italic; } + .err { + color: #f00000; + background-color: #f0a0a0; } + .k { + color: #208090; + font-weight: bold; } + .o { + color: #303030; } + .cm { + color: #606060; + font-style: italic; } + .cp { + color: #507090; } + .c1 { + color: #606060; + font-style: italic; } + .cs { + color: #c00000; + font-weight: bold; + font-style: italic; } + .gd { + color: #a00000; } + .ge { + font-style: italic; } + .gr { + color: red; } + .gh { + color: navy; + font-weight: bold; } + .gi { + color: #00a000; } + .go { + color: gray; } + .gp { + color: #c65d09; + font-weight: bold; } + .gs { + font-weight: bold; } + .gu { + color: purple; + font-weight: bold; } + .gt { + color: #0040d0; } + .kc, .kd, .kn { + color: #208090; + font-weight: bold; } + .kp { + color: #0080f0; + font-weight: bold; } + .kr { + color: #208090; + font-weight: bold; } + .kt { + color: #6060f0; + font-weight: bold; } + .m { + color: #6000e0; + font-weight: bold; } + .s { + background-color: #e0e0ff; } + .na { + color: #000070; } + .nb { + color: #007020; } + .nc { + color: #e090e0; + font-weight: bold; } + .no { + color: #50e0d0; + font-weight: bold; } + .nd { + color: #505050; + font-weight: bold; } + .ni { + color: maroon; } + .ne { + color: #f00000; + font-weight: bold; } + .nf { + color: #50e0d0; + font-weight: bold; } + .nl { + color: #907000; + font-weight: bold; } + .nn { + color: #0e84b5; + font-weight: bold; } + .nt { + color: #007000; } + .nv { + color: #003060; } + .ow { + color: black; + font-weight: bold; } + .w { + color: #bbbbbb; } + .mf { + color: #6000e0; + font-weight: bold; } + .mh { + color: #005080; + font-weight: bold; } + .mi { + color: #6060f0; + font-weight: bold; } + .mo { + color: #4000e0; + font-weight: bold; } + .sb { + background-color: #e0e0ff; } + .sc { + color: #8080f0; } + .sd { + color: #d04020; } + .s2 { + background-color: #e0e0ff; } + .se { + color: #606060; + font-weight: bold; + background-color: #e0e0ff; } + .sh { + background-color: #e0e0ff; } + .si { + background-color: #e0e0e0; } + .sx { + color: #f08080; + background-color: #e0e0ff; } + .sr { + color: black; + background-color: #e0e0ff; } + .s1 { + background-color: #e0e0ff; } + .ss { + color: #f0c080; } + .bp { + color: #007020; } + .vc { + color: #c0c0f0; } + .vg { + color: #f08040; } + .vi { + color: #a0a0f0; } + .il { + color: #6060f0; + font-weight: bold; } } diff --git a/doc-src/content/stylesheets/legacy/screen.scss b/doc-src/content/stylesheets/legacy/screen.scss new file mode 100644 index 00000000..f52702dd --- /dev/null +++ b/doc-src/content/stylesheets/legacy/screen.scss @@ -0,0 +1,675 @@ +// XXX Placeholder +#skip-links { + position: relative; + a { + position: absolute; + top: -9999em; + display: block; + width: 100%; + &:focus { + top: 0; + z-index: 999; } } } + +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; } + +*:focus { + outline: 0; } + +body { + line-height: 1; + color: black; + background: white; } + +ol, ul { + list-style: none; } + +table { + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; } + +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; } + +q, blockquote { + quotes: "" ""; } + +q { + &:before, &:after { + content: ""; } } + +blockquote { + &:before, &:after { + content: ""; } } + +a img { + border: none; } + +section, article, aside, header, footer, nav, dialog, figure { + display: block; } + +body { + font-family: Helvetica, Arial, sans-serif; + color: black; } + +:focus { + outline: 1px dotted #005498; } + +a { + &:link, &:visited { + color: #005498; + text-decoration: none; } + &:focus, &:hover, &:active { + color: #003276; } } + +cite, 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; } } + +img { + vertical-align: bottom; } + +h1, h2, h3, h4, h5, h6 { + font-weight: bold; } + +p { + margin-top: 1.5em; + margin-bottom: 1.5em; } + +ol { + margin-top: 1.5em; + margin-bottom: 1.5em; + margin-left: 3em; + list-style: decimal; } + +ul { + margin-top: 1.5em; + margin-bottom: 1.5em; + margin-left: 3em; + list-style: disc; } + +blockquote { + margin: 1.5em; + font-family: Baskerville, Palatino, serif; } + +table { + width: 100%; } + +th { + font-weight: bold; } + +fieldset { + margin-bottom: 1.5em; } + +legend { + font-weight: bold; + font-variant: small-caps; } + +label { + display: block; } + +legend + label { + margin-top: 0; } + +textarea, input:not([type="radio"]) { + /* Mozilla (FireFox, Camino) */ + -moz-box-sizing: border-box; + /* Webkit (Safari, Chrome) */ + -webkit-box-sizing: border-box; + /* IE (8) */ + -ms-box-sizing: border-box; + /* CSS3 */ + box-sizing: border-box; + width: 100%; } + +button { + vertical-align: top; } + +body { + font-size: 100%; + line-height: 1.5em; } + +html > body { + font-size: 16px; } + +body { + text-align: center; } + +header[role="banner"] h1, #compass-nav { + display: inline; + float: left; + width: 46.97%; + margin-right: 3.03%; } + +header[role="banner"] { + background: #f9f9f9; + div { + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + display: block; } + h1 { + margin-left: 1.515%; + font-size: 1.125em; + line-height: 1.333em; + text-transform: uppercase; + a { + display: block; + padding-top: 2.667em; + padding-bottom: 2em; } } } + +#compass-nav { + display: inline; + float: right; + margin-right: 1.515%; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; + /* end ugly hacks */ + text-align: right; + ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + overflow: hidden; + display: inline-block; + padding-top: 3em; + margin-bottom: 2.25em; + display: block; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: middle; + /* ugly hacks for IE6-7 */ + #display: inline; + #vertical-align: auto; + /* end ugly hacks */ + white-space: no-wrap; + padding-left: 0; + padding-right: 0; } } + a { + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: middle; + /* ugly hacks for IE6-7 */ + #display: inline; + #vertical-align: auto; + /* end ugly hacks */ + font-size: 0.875em; + line-height: 1.714em; + padding: 0 1em; + border-top-left-radius: 0.5em; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + border-bottom-right-radius: 0.5em; + -moz-border-radius-bottomright: 0.5em; + -webkit-border-bottom-right-radius: 0.5em; } } + +body[id="home"], body[id$="-docs"] { + #compass-nav a[href="/docs/"] { + background: #cccccc; + cursor: default; } } + +#docs-nav { + display: inline-block; + border-top-style: solid; + border-top-width: 0.063em; + padding-top: 0.313em; + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + position: relative; + height: 1.5em; + border-color: #cccccc; + background-color: #eeeeee; + &:after { + content: " "; + display: block; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; } + display: block; + ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + overflow: hidden; + display: inline-block; + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + position: relative; + z-index: 2; + overflow: visible; + display: block; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; + white-space: nowrap; + display: inline; + float: left; + padding-left: 4px; + padding-right: 4px; + &:first-child, &.first { + padding-left: 0px; } + &:last-child, &.last { + padding-right: 0px; } + top: -0.75em; + margin-bottom: -0.75em; + position: relative; } + display: block; } + a { + &:link, &:visited { + display: block; + padding: 0 1em; + border: 1px solid #eeeeee; + border-top-style: solid; + border-top-width: 0.063em; + padding-top: 0.688em; + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + border-bottom: 0; + border-top-left-radius: 0.5em; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + border-top-right-radius: 0.5em; + -moz-border-radius-topright: 0.5em; + -webkit-border-top-right-radius: 0.5em; + background: #dddddd; } + &:hover, &:focus, &:active { + background-color: #eeeeee; + border-color: #dddddd; } } } + +.home #docs-nav a[href="index.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +.core #docs-nav a[href="core.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +/* line 83, ../src/screen.sass */ + +.css3 #docs-nav a[href="core.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +.utils #docs-nav a[href="core.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +.gradient #docs-nav a[href="core.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +.demo #docs-nav a[href="core.php"] { + &:link, &:visited { + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + cursor: default; + background: white; + border-color: #cccccc; + border-bottom-color: white; } } + +#search-docs { + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + color: #999999; + form { + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + display: block; } + p { + display: inline; + float: left; + width: 21.97%; + margin-right: 3.03%; + display: inline; + float: right; + margin-right: 1.515%; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; + /* end ugly hacks */ + margin-top: 0.375em; + margin-bottom: 0em; + label { + display: inline; + float: left; + width: 31.034%; + margin: 0; + text-align: right; } + input { + display: inline; + float: left; + width: 62.069%; + margin-right: 13.793%; + display: inline; + float: right; + margin-right: 1.515%; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; } } } + +#page { + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + margin-top: 4.5em; + display: block; } + +aside[role="sidebar"] { + display: inline; + float: left; + width: 21.97%; + margin-right: 3.03%; + margin-left: 1.515%; + font-size: 0.875em; + line-height: 1.714em; + margin-top: 3.429em; + color: #999999; + section, p { + margin-top: 1.714em; + margin-bottom: 1.714em; } } + +footer[role="contentinfo"] { + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + margin-top: 4.5em; + color: #999999; + display: block; + .license { + clear: both; + margin-right: 1.515%; + margin-left: 1.515%; + font-size: 0.875em; + line-height: 1.714em; } } + +article > nav { + border-top: 0.063em solid #cccccc; + margin-top: -0.063em; + color: #cccccc; + ul { + list-style: none; + margin: 0; + padding: 0; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; } } + li { + display: inline; + float: left; + width: 48.438%; + margin-right: 3.125%; + &:last-child { + display: inline; + float: right; + margin-right: 0; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; + /* end ugly hacks */ + text-align: right; } } } + +#content { + display: inline; + float: left; + width: 71.97%; + margin-right: 3.03%; + display: inline; + float: right; + margin-right: 1.515%; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; + /* end ugly hacks */ + h1 { + font-size: 2.25em; + line-height: 1.333em; + margin-bottom: 0.667em; } } + +.demo #content { + float: none; + display: block; + margin: 0; + width: auto; + clear: both; + margin-right: 1.515%; + margin-left: 1.515%; + h1 { + text-align: center; } } + +#module-nav { + margin-top: 0.375em; + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 0.313em; + margin-bottom: 0.75em; + border-color: #cccccc; + clear: both; + ul { + margin: 0; + padding: 0; + overflow: hidden; + display: inline-block; + text-align: left; + margin-left: auto; + margin-right: auto; + width: 66em; + max-width: 100%; + display: block; + li { + display: inline; + float: left; + margin-right: 1.5em; + &:first-child { + margin-left: 1.515%; } } } + + #page { + margin-top: 2.25em; } } + +#local-nav { + margin-top: 1.714em; + ul { + list-style: none; + margin: 0; + padding: 0; + text-align: right; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; } } + h2 { + margin-top: 1.714em; + border-bottom: 1px solid #cccccc; + margin-bottom: 0.602em; + text-align: left; } } + +#code { + clear: both; + display: inline-block; + font-size: 0.75em; + line-height: 2em; + border-top-style: solid; + border-top-width: 0.083em; + padding-top: 1.917em; + border-bottom-style: solid; + border-bottom-width: 0.083em; + padding-bottom: 1.917em; + border-color: #cccccc; + font-family: monospace; + &:after { + content: " "; + display: block; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; } + display: block; + nav { + background: #eeeeee; + margin-bottom: 2em; + ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + overflow: hidden; + display: inline-block; + text-align: right; + display: block; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; + display: -moz-inline-box; + -moz-box-orient: vertical; + display: inline-block; + vertical-align: middle; + /* ugly hacks for IE6-7 */ + #display: inline; + #vertical-align: auto; + /* end ugly hacks */ + white-space: no-wrap; + padding-left: 0.4em; + padding-right: 0.4em; } } } + section { + position: relative; + display: inline; + float: left; + width: 48.438%; + margin-right: 3.125%; + .slides { + width: 100%; + overflow: hidden; + > ul { + margin: 0; + padding: 0; + width: 1030%; + list-style: none; + overflow: hidden; + display: inline-block; + li { + list-style-image: none; + list-style-type: none; + margin-left: 0px; } + display: block; + > li { + display: inline; + float: left; + width: 9.709%; + margin-right: 0.049%; } } } + &#styles { + display: inline; + float: right; + margin-right: 0; + /* ugly hacks for IE6-7 */ + #margin-left: -2em; } } + .slides li { + overflow: auto; } + table { + .lino { + color: #666666; + background: #dddddd; + padding: 0 0.4em; } + .source { + width: 100%; + padding: 0 0.4em; } } } + +#demo { + clear: both; + padding-top: 1.5em; + border-bottom-style: solid; + border-bottom-width: 0.063em; + padding-bottom: 1.438em; + border-color: #cccccc; + .gradient { + margin: 1.5em 0; + height: 6em; + background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, white), color-stop(100%, #dddddd)); + background-image: -moz-linear-gradient(left top, white 0%, #dddddd 100%); } } diff --git a/doc-src/content/stylesheets/main.sass b/doc-src/content/stylesheets/main.sass deleted file mode 100644 index ddf0863c..00000000 --- a/doc-src/content/stylesheets/main.sass +++ /dev/null @@ -1,157 +0,0 @@ -@import compass/utilities -@import compass/css3 -@import blueprint - -body - font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif - line-height: 1.5 - font-size: 13px - -// Layout -#container - +pie-clearfix - -#main - +column(16, true) - +prepend(8) - -#sidebar - +column(8) - +pull(24, true) - background: #F5F5F5 - h2 - font-size: 16px - ul, ol - list-style-position: inside - padding-left: 10px - .selected - font-weight: bold - a - +hover-link - -#footer - +column(24) - background: #F5F5F5 - border-top: 2px solid #ddd - margin: 1em 0 - .legalese - +column(12) - hr - +colruler - .links - +column(12, true) - ul - +no-bullets - a - +hover-link - -// Typography - -blockquote - :font-style italic - -hr - :background none - :height 0 - :font-size 0 - :line-height 0 - :border none - :border-top 2px solid #CCC - -// Regular data tables -table.datagrid - border-collapse: collapse - th - :background #EEE - td, - th - border: 1px solid #CCC - text-align: left - padding: 5px - cell-spacing: 0 - -// Reference - -body.reference - h3 - &.mixin, &.constant - font-family: Monaco, courier - font-weight: 200 - +text-shadow - background-color: #eee - border: 1px solid #aaa - padding: 0.75em - margin-bottom: 0 - a.permalink - +hover-link - +link-colors("inherit", "inherit") - .arg[data-default-value] - color: #666 - &:before - content: "[" - &:after - content: "]" - .source-documentation - background-color: #eee - border: 1px solid #aaa - border-top-width: 0 - padding: 0.75em - dl.source-documentation - margin-top: 0 - dt - font-weight: bold - float: left - margin-right: 15px - dt:not(:first-child) - margin-top: 1em - a.view-source - float: right - margin: 1.25em - span.color + span.swatch - margin: 0 3px 3px - border: 1px solid #333 - width: 1em - height: 1em - +inline-block - .color-snippet - width: 100px - height: 20px - +border-radius(3px) - a.help - font-size: 75% - -table.constants - width: 100% - +alternating-rows-and-columns(#EEE, #bbb, #191919) - +outer-table-borders(1px) - +inner-table-borders(1px) - td, th - padding: 0.25em 0.5em - -ol#breadcrumbs - +horizontal-list - +no-bullets - li:after - content: " > " - li.last:after - content: "" - li.last - visibility: hidden - -body#home #logo - +replace-text("compass.png", 0px) - height: 159px - -p code - border: 1px solid #ccc - background-color: #f2f2f2 - padding: 2px - -body#reference-compass-css3 - #border-radius - padding: 2px 8px - +border-radius(0.75em) - #text-shadow - +text-shadow(red) - -@import partials/syntax \ No newline at end of file diff --git a/doc-src/content/stylesheets/partials/_syntax.sass b/doc-src/content/stylesheets/partials/_syntax.sass deleted file mode 100644 index 44b85c55..00000000 --- a/doc-src/content/stylesheets/partials/_syntax.sass +++ /dev/null @@ -1,2 +0,0 @@ -@import partials/syntax/coderay -@import partials/syntax/pygments \ No newline at end of file diff --git a/doc-src/content/stylesheets/partials/syntax/_coderay.sass b/doc-src/content/stylesheets/partials/syntax/_coderay.sass deleted file mode 100644 index 919f8a06..00000000 --- a/doc-src/content/stylesheets/partials/syntax/_coderay.sass +++ /dev/null @@ -1,211 +0,0 @@ -.CodeRay - .debug - color: white !important - background: blue !important - .af - color: #00C - .an - color: #007 - .at - color: #f08 - .av - color: #700 - .aw - color: #C00 - .bi - color: #509 - font-weight: bold - .c - color: #888 - .ch - color: #04D - .k - color: #04D - .dl - color: #039 - .cl - color: #B06 - font-weight: bold - .cm - color: #A08 - font-weight: bold - .co - color: #036 - font-weight: bold - .cr - color: #0A0 - .cv - color: #369 - .de - color: #B0B - .df - color: #099 - font-weight: bold - .di - color: #088 - font-weight: bold - .dl - color: black - .do - color: #970 - .dt - color: #34b - .ds - color: #D42 - font-weight: bold - .e - color: #666 - font-weight: bold - .en - color: #800 - font-weight: bold - .er - color: #F00 - background-color: #FAA - .ex - color: #C00 - font-weight: bold - .fl - color: #60E - font-weight: bold - .fu - color: #06B - font-weight: bold - .gv - color: #d70 - font-weight: bold - .hx - color: #058 - font-weight: bold - .i - color: #00D - font-weight: bold - .ic - color: #B44 - font-weight: bold - .il - background: #ddd - color: black - .il - background: #ccc - .il - background: #bbb - .idl - background: #ddd - font-weight: bold - color: #666 - .idl - background-color: #bbb - font-weight: bold - color: #666 - .im - color: #f00 - .in - color: #B2B - font-weight: bold - .iv - color: #33B - .la - color: #970 - font-weight: bold - .lv - color: #963 - .oc - color: #40E - font-weight: bold - .of - color: #000 - font-weight: bold - .pc - color: #038 - font-weight: bold - .pd - color: #369 - font-weight: bold - .pp - color: #579 - .ps - color: #00C - font-weight: bold - .pt - color: #074 - font-weight: bold - .r, .kw - color: #080 - font-weight: bold - .ke - color: #808 - .dl - color: #606 - .ch - color: #80f - .vl - color: #088 - .rx - background-color: #fff0ff - .k - color: #808 - .dl - color: #404 - .mod - color: #C2C - .fu - color: #404 - font-weight: bold - .s - background-color: #fff0f0 - color: #D20 - .s - background-color: #ffe0e0 - .s - background-color: #ffd0d0 - .ch - color: #b0b - .dl - color: #710 - .sh - background-color: #f0fff0 - color: #2B2 - .dl - color: #161 - .sy - color: #A60 - .k - color: #A60 - .dl - color: #630 - .ta - color: #070 - .tf - color: #070 - font-weight: bold - .ts - color: #D70 - font-weight: bold - .ty - color: #339 - font-weight: bold - .v - color: #036 - .xt - color: #444 - .ins - background: #afa - .del - background: #faa - .chg - color: #aaf - background: #007 - .head - color: #f8f - background: #505 - .ins .ins - color: #080 - font-weight: bold - .del .del - color: #800 - font-weight: bold - .chg .chg - color: #66f - .head .head - color: #f4f diff --git a/doc-src/content/stylesheets/partials/syntax/_pygments.sass b/doc-src/content/stylesheets/partials/syntax/_pygments.sass deleted file mode 100644 index f841225d..00000000 --- a/doc-src/content/stylesheets/partials/syntax/_pygments.sass +++ /dev/null @@ -1,209 +0,0 @@ -.highlight - .hll - background-color: #ffffcc - - .c - color: #606060 - font-style: italic - - .err - color: #F00000 - background-color: #F0A0A0 - - .k - color: #208090 - font-weight: bold - - .o - color: #303030 - - .cm - color: #606060 - font-style: italic - - .cp - color: #507090 - - .c1 - color: #606060 - font-style: italic - - .cs - color: #c00000 - font-weight: bold - font-style: italic - - .gd - color: #A00000 - - .ge - font-style: italic - - .gr - color: #FF0000 - - .gh - color: #000080 - font-weight: bold - - .gi - color: #00A000 - - .go - color: #808080 - - .gp - color: #c65d09 - font-weight: bold - - .gs - font-weight: bold - - .gu - color: #800080 - font-weight: bold - - .gt - color: #0040D0 - - .kc, .kd, .kn - color: #208090 - font-weight: bold - - .kp - color: #0080f0 - font-weight: bold - - .kr - color: #208090 - font-weight: bold - - .kt - color: #6060f0 - font-weight: bold - - .m - color: #6000E0 - font-weight: bold - - .s - background-color: #e0e0ff - - .na - color: #000070 - - .nb - color: #007020 - - .nc - color: #e090e0 - font-weight: bold - - .no - color: #50e0d0 - font-weight: bold - - .nd - color: #505050 - font-weight: bold - - .ni - color: #800000 - - .ne - color: #F00000 - font-weight: bold - - .nf - color: #50e0d0 - font-weight: bold - - .nl - color: #907000 - font-weight: bold - - .nn - color: #0e84b5 - font-weight: bold - - .nt - color: #007000 - - .nv - color: #003060 - - .ow - color: #000000 - font-weight: bold - - .w - color: #bbbbbb - - .mf - color: #6000E0 - font-weight: bold - - .mh - color: #005080 - font-weight: bold - - .mi - color: #6060f0 - font-weight: bold - - .mo - color: #4000E0 - font-weight: bold - - .sb - background-color: #e0e0ff - - .sc - color: #8080F0 - - .sd - color: #D04020 - - .s2 - background-color: #e0e0ff - - .se - color: #606060 - font-weight: bold - background-color: #e0e0ff - - .sh - background-color: #e0e0ff - - .si - background-color: #e0e0e0 - - .sx - color: #f08080 - background-color: #e0e0ff - - .sr - color: #000000 - background-color: #e0e0ff - - .s1 - background-color: #e0e0ff - - .ss - color: #f0c080 - - .bp - color: #007020 - - .vc - color: #c0c0f0 - - .vg - color: #f08040 - - .vi - color: #a0a0f0 - - .il - color: #6060f0 - font-weight: bold diff --git a/doc-src/content/stylesheets/print.sass b/doc-src/content/stylesheets/print.sass new file mode 100644 index 00000000..8d3f3ed7 --- /dev/null +++ b/doc-src/content/stylesheets/print.sass @@ -0,0 +1,20 @@ +/* Welcome to Susy. Use this file to define print styles. + * Import this file using the following HTML or equivalent: + * + +@import defaults + +=print + nav + display: none + * + float: none !important + body + +serif-family + font-size: 12pt + background: white + color: black + a:link:after, a:visited:after + content: " (" attr(href) ") " + ++print diff --git a/doc-src/content/stylesheets/screen.sass b/doc-src/content/stylesheets/screen.sass new file mode 100644 index 00000000..5d9241b2 --- /dev/null +++ b/doc-src/content/stylesheets/screen.sass @@ -0,0 +1,292 @@ +/* Welcome to Susy. Use this file to define screen styles. + * Import this file using the following HTML or equivalent: + * + +@import defaults +@import slideshow + +/* @group STRUCTURE + ++susy + +header[role="banner"] h1, #compass-nav + +columns(6) + +header[role="banner"] + background: #f9f9f9 + div + +container + h1 + +alpha + +adjust-font-size-to(18px) + text-transform: uppercase + a + display: block + +padding-leader(2, 18px) + +padding-trailer(1.5, 18px) + +#compass-nav + +omega + text-align: right + ul + +inline-block-list + +padding-leader(2) + +trailer(1.5) + a + +inline-block + +adjust-font-size-to(14px) + padding: 0 1em + +border-top-left-radius(0.5em) + +border-bottom-right-radius(0.5em) + +=active-compass-nav($id, $url) + #{append-selector(body, $id)} + #compass-nav a[href="#{$url}"] + background: #cccccc + cursor: default + ++active-compass-nav("#home,.reference", "/docs/") ++active-compass-nav(".tutorial", "/docs/tutorials/") + +#docs-nav + +pie-clearfix + +leading-border(1px, 0.25) + +trailing-border(1px, 0.25) + position: relative + height: $base-rhythm-unit + border-color: #cccccc + background-color: #eeeeee + .container + +container + +pie-clearfix + overflow: visible + ul + +horizontal-list + overflow: visible + position: relative + li + top: -$base-rhythm-unit * 0.5 + margin-bottom: -$base-rhythm-unit * 0.5 + position: relative + a + &:link, &:visited + display: block + padding: 0 $side-gutter-width + border: 1px solid #eeeeee + +leading-border(1px, 0.5) + +trailing-border(1px, 0.25) + border-bottom: 0 + +border-top-radius(0.5em) + background: #dddddd + &:hover, &:focus, &:active + background-color: #eeeeee + border-color: #dddddd + +=active-docs($type, $url) + body#{$type} #docs-nav a[href="#{$url}"] + &:link, &:visited + +trailing-border(1px, 0.25) + cursor: default + background: white + border-color: #cccccc + border-bottom-color: white + ++active-docs("#home", "/docs/") ++active-docs(".core", "/docs/reference/compass/") ++active-docs(".blueprint", "/docs/reference/blueprint/") + +#version + +adjust-font-size-to(14px) + +float(left) + margin-left: 1.5em + color: #999 + .number + color: #666 + +#search-docs + color: #999 + p + margin: 0 + +columns(3) + +omega + label + +float(left) + width: columns(1,3) + gutter(3)*.5 + margin: 0 + text-align: right + input + +columns(2,3) + +omega + +#page + +container + +leader(3) + +aside[role="sidebar"] + +columns(3) + +alpha + +adjust-font-size-to(14px) + +leader(2,14px) + color: #999999 + section, p + +leader(1,14px) + +trailer(1,14px) + +footer[role="contentinfo"] + +container + +leader(3) + color: #999999 + .license + +full + +adjust-font-size-to(14px) + +/* @end + +/* @group COMPONENTS by type + +article + text-align: left + +article + > nav + border-top: $px2em*1px solid #ccc + margin-top: -$px2em*1px + color: #ccc + ul + +no-style-list + li + +columns(6,12) + &:last-child + +omega(12) + text-align: right + +/* @end + +/* @group OVERRIDES by content + +aside[role="sidebar"] + article + +columns(9) + +omega + h1 + +adjust-font-size-to(36px) + +trailer(1,36px) + .demo & + float: none + display: block + margin: 0 + width: auto + +full + h1 + text-align: center + +#module-nav + +leader(.25) + +trailing-border(1px,.25) + +trailer(.5) + border-color: #ccc + clear: both + ul + margin: 0 + padding: 0 + +container + li + +float(left) + margin-right: 1.5em + &:first-child + +alpha + + #page + +leader(1.5) + +=active-module($type, $url) + body#{$type} #module-nav a[href^="#{$url}"] + &:link, &:visited + text-decoration: underline + +text-shadow + ++active-module(".core.css3", "/docs/reference/compass/css3/") ++active-module(".core.layout", "/docs/reference/compass/layout/") ++active-module(".core.misc", "/docs/reference/compass/misc/") ++active-module(".core.reset", "/docs/reference/compass/reset/") ++active-module(".core.utilities", "/docs/reference/compass/utilities/") + +#local-nav + +leader(1,14px) + ul + +no-style-list + text-align: left + h2 + +leader(1,14px) + border-bottom: 1px solid #ccc + margin-bottom: ($base_rhythm_unit*.5 - $px2em*1px) * (14/16) + a:hover + +text-shadow + a.selected + font-weight: bold + a.selected:before + content: "»" + a.selected:after + content: "«" + +=code-text + font-family: monospace + +#code + +full(12) + +pie-clearfix + +adjust-font-size-to(12px) + +h-borders(1px,1,12px) + +code-text + border-color: #ccc + 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) + .slides + li + overflow: auto + table + .lino + color: #666 + background: #ddd + padding: 0 .4em + .source + width: 100% + padding: 0 .4em + +#demo + +full(12) + +padding-leader + +trailing-border(1px) + border-color: #ccc + .gradient + margin: 1.5em 0 + height: 6em + +linear-gradient(color_stops(#fff, #ddd), "left top") + +/* @end + +@import "reference" +@import "examples" + +/* @group OVERRIDES by page + + +/* @end + +/* @group DEBUG + +// Uncomment, adjust and use for debugging +// #page +// +show-grid("grid.png") + +/* @end diff --git a/doc-src/content/tutorials.haml b/doc-src/content/tutorials.haml index a8772c29..c4c42a01 100644 --- a/doc-src/content/tutorials.haml +++ b/doc-src/content/tutorials.haml @@ -3,6 +3,7 @@ title: Compass Tutorials crumb: Tutorials classnames: - tutorial +layout: tutorial --- %h1 Compass Tutorials diff --git a/doc-src/content/tutorials/best_practices.haml b/doc-src/content/tutorials/best_practices.haml index 34540ff8..0aa111ec 100644 --- a/doc-src/content/tutorials/best_practices.haml +++ b/doc-src/content/tutorials/best_practices.haml @@ -1,6 +1,7 @@ --- title: Best practices crumb: Best practices +layout: tutorial --- %h3 @@ -18,10 +19,10 @@ crumb: Best practices %h4 _base.scss %pre - \!blueprint_grid_columns = 24 - \!blueprint_grid_width = 30px - \!blueprint_grid_margin = 10px - \!font_color = #333 + \$blueprint_grid_columns = 24 + \$blueprint_grid_width = 30px + \$blueprint_grid_margin = 10px + \$font_color = #333 \ @import compass/reset.scss @import compass/utilities.scss @@ -70,35 +71,22 @@ crumb: Best practices than the whole list of rules which define that appearance. %h4 Mixin Example -%pre - \// Mixin for the html element, so the footer stays at the bottom of the screen. - \// Relies on the following html structure, and a fixed-height #footer element: - \// - \// %body - \// #root - \// #root_footer - \// #footer - \ - \=attach_footer( !footer_height ) - \ :height 100% - \ - body - \ :height 100% - \ - \#root - \ :min-height 100% - \ :margin-bottom = -!footer_height - \ - \#root_footer - \ :clear both - \ :height = !footer_height - \ - \#footer - \ :clear both - \ :position relative - \ :height = !footer_height + +:markdown + Mixin for the html element, so the footer stays at the bottom of the screen. + Relies on the following html structure, and a fixed-height `#footer` element: + + +
+ +
+ + + %p A single line is all that’s needed to use the mixin, which moves the implementation details out of the way and replaces them with a clear and concise label: %pre \html - \ +attach_footer( 54px ) + \ @include attach_footer( 54px ) diff --git a/doc-src/content/tutorials/blueprint.haml b/doc-src/content/tutorials/blueprint.haml index 9cff0583..2b6b47fe 100644 --- a/doc-src/content/tutorials/blueprint.haml +++ b/doc-src/content/tutorials/blueprint.haml @@ -1,5 +1,6 @@ --- title: Blueprint Framework +layout: tutorial classnames: - tutorial --- diff --git a/doc-src/content/tutorials/configurable-variables.haml b/doc-src/content/tutorials/configurable-variables.haml index 616cb6f1..dacc08d7 100644 --- a/doc-src/content/tutorials/configurable-variables.haml +++ b/doc-src/content/tutorials/configurable-variables.haml @@ -1,5 +1,6 @@ --- title: Working with Configurable Variables +layout: tutorial classnames: - tutorial --- @@ -11,20 +12,21 @@ classnames: There are two ways of defining a variable in Sass. The first, most common, approach is simple assignment. For example: - !my_constant = #fedcba + $my-constant : #fedcba The second approach is called guarded assignment. In this case, the constant is only set if it does not already have a value. For example: - - !my_constant ||= #fedcba - + + $my-constant : #fedcba !default + Many compass modules use guarded assignment to allow you to set defaults for that module. In order for these configurable variables to work correctly, you must set the variables *before* you import the module. For example: - - !blueprint_grid_columns = 12 - @import blueprint/grid - + + $blueprint-grid-columns = 12 + @import "blueprint/grid" + Because of this, it is common to have one or more partials - that set the constants first and get imported before any other imports in your stylesheet(s). - This is commonly referred to as the "base" stylesheet and is usually named `_base.scss`. \ No newline at end of file + that set the constants first and get imported before any other + imports in your stylesheet(s). This is commonly referred to as + the "base" stylesheet and is usually named `_base.scss` or `_base.sass`. \ No newline at end of file diff --git a/doc-src/layouts/article.haml b/doc-src/layouts/article.haml new file mode 100644 index 00000000..17fea84e --- /dev/null +++ b/doc-src/layouts/article.haml @@ -0,0 +1,2 @@ +- render 'main' do + %article= yield \ No newline at end of file diff --git a/doc-src/layouts/blueprint.haml b/doc-src/layouts/blueprint.haml new file mode 100644 index 00000000..ac0d38fb --- /dev/null +++ b/doc-src/layouts/blueprint.haml @@ -0,0 +1,3 @@ +- render 'main' do + %aside(role="sidebar")= render 'partials/sidebar', :default_stylesheet => "_blueprint.scss", :omit_self => false, :heading_level => 2 + %article= yield \ No newline at end of file diff --git a/doc-src/layouts/core.haml b/doc-src/layouts/core.haml new file mode 100644 index 00000000..15b59b99 --- /dev/null +++ b/doc-src/layouts/core.haml @@ -0,0 +1,5 @@ +- render 'main' do + - content_for :module_nav do + %ul= item_tree(reference_item(:stylesheet => "_compass.scss"), :depth => 1, :omit_self => true, :headings => false) + %aside(role="sidebar")= render 'partials/sidebar', :default_stylesheet => "_compass.scss" + %article= yield \ No newline at end of file diff --git a/doc-src/layouts/default.haml b/doc-src/layouts/default.haml index 20bb7116..b11d9f14 100644 --- a/doc-src/layouts/default.haml +++ b/doc-src/layouts/default.haml @@ -7,26 +7,14 @@ - if @item[:meta_description] %meta{:name => "description", :content => @item[:meta_description]} %link(rel="shortcut icon" type="image/png" href="/docs/images/compass_icon.png") - %link{ :href => "/docs/stylesheets/main.css", :rel => "stylesheet", :type => "text/css", :media => "screen" } - %link{ :href => "/docs/stylesheets/ui-lightness/jquery-ui-1.7.2.custom.css", :rel => "stylesheet", :type => "text/css", :media => "screen" } + %link{ :href => "/docs/stylesheets/legacy/main.css", :rel => "stylesheet", :type => "text/css", :media => "screen" } %script{:src => "/docs/javascripts/jquery-1.3.2.min.js", :type => "text/javascript"} - %script{:src => "/docs/javascripts/jquery-ui-1.7.2.custom.min.js", :type => "text/javascript"} %body{body_attributes(@item)} #container #main = yield #sidebar - = render "partials/sidebar" + = render "partials/sidebar", :default_stylesheet => "_compass.scss" #footer= render "partials/footer" - :javascript - $(function(){ - $('span.color').each(function(i,e){ - e = $(e); - e.after(''); - }); - $('span.arg[data-default-value]').each(function(i,e){ - e = $(e); - e.attr("title", "Defaults to: " + e.attr("data-default-value")) - }) - }); + %script(src="/docs/javascripts/fixups.js" deferred) = render "partials/analytics" diff --git a/doc-src/layouts/dialog.haml b/doc-src/layouts/dialog.haml deleted file mode 100644 index 41c63d22..00000000 --- a/doc-src/layouts/dialog.haml +++ /dev/null @@ -1 +0,0 @@ -.ui-dialog{(@html || {}).merge(:style => "display: none;")}= yield diff --git a/doc-src/layouts/example.haml b/doc-src/layouts/example.haml index 4078fa1a..2cc2dcd4 100644 --- a/doc-src/layouts/example.haml +++ b/doc-src/layouts/example.haml @@ -1,17 +1,4 @@ -!!! Strict -%html - %head - %title - #{@item[:title]} - Compass - %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" } - - if @item[:meta_description] - %meta{:name => "description", :content => @item[:meta_description]} - %link(rel="shortcut icon" type="image/png" href="/docs/images/compass_icon.png") - %link{ :href => "/docs/stylesheets/example.css", :rel => "stylesheet", :type => "text/css", :media => "screen" } - %style{:type => "text/css"}= example_css - %body{body_attributes(@item)} - #container - #main - = yield - - = render "partials/analytics" \ No newline at end of file +- render 'main' do + - content_for(:additional_css) do + = example_css + %article= yield diff --git a/doc-src/layouts/main.haml b/doc-src/layouts/main.haml new file mode 100644 index 00000000..10d4277d --- /dev/null +++ b/doc-src/layouts/main.haml @@ -0,0 +1,58 @@ +!!!5 +%html.no-js{:dir => "ltr", :lang => "en"} + %head + %meta{:charset => "utf-8"}/ + %meta{:content => "chrome=1", "http-equiv" => "X-UA-Compatible"} + %link(rel="shortcut icon" type="image/png" href="/docs/images/compass_icon.png") + %title + #{@item[:title]} | Compass Documentation + + %link{:charset => "utf-8", :href => "/docs/stylesheets/screen.css", :rel => "stylesheet", :type => "text/css"} + + /[if gte IE 7] + %link{:charset => "utf-8", :href => "/docs/stylesheets/ie.css", :rel => "stylesheet", :type => "text/css"} + /[if IE 6] + %link{:charset => "utf-8", :href => "http://universal-ie6-css.googlecode.com/files/ie6.0.3.css", :rel => "stylesheet", :type => "text/css"} + - if @item[:content_for_additional_css] + %style(type="text/css")= @item[:content_for_additional_css] + %body{body_attributes(@item)} + %nav#skip-links + %a{:href => "#content"} skip to content + %header#banner{:role => "banner"} + %div + %h1.vcard + %a.fn.org.url.uid{:href => "/", :rel => "home"} Compass + %nav#compass-nav + %ul + %li + %a{:href => "/", :rel => "home"} compass + %li + %a{:href => "/docs/"} reference + %li + %a{:href => "/docs/tutorials/"} tutorials + %nav#docs-nav{:role => "navigation"} + .container + %ul + %li + %a{:href => "/docs/"} introduction + %li + %a{:href => "/docs/reference/compass/"} core + %li + %a{:href => "/docs/reference/blueprint/"} blueprint + / + %li + %a{:href => "/docs/plugins/"} plugins + #version + Current Version: + %a.number(href="/docs/CHANGELOG/")= compass_version + #search-docs + %form + %p + %label{:for => "search"} search + %input#search{:name => "search", :type => "text", :value => "", :placeholder => "Search"} + - if @item[:content_for_module_nav] + %nav#module-nav= @item[:content_for_module_nav] + #page= yield + %script(src="/docs/javascripts/jquery-1.3.2.min.js") + %script(src="/docs/javascripts/fixups.js" deferred) + = render "partials/analytics" diff --git a/doc-src/layouts/partials/example.haml b/doc-src/layouts/partials/example.haml index 42c97ee4..49b560a5 100644 --- a/doc-src/layouts/partials/example.haml +++ b/doc-src/layouts/partials/example.haml @@ -1,24 +1,36 @@ -%h1= @item[:title] +%h1 Demo: #{@item[:title]} +#demo= example_html = yield -%table#example{:cellspacing=>"0", :cellpadding=>"0", :border=>"0"} - %tr.source - %th HTML - %th Sass - %tr.source - %td.markup - %pre - %code.html= h(example_html) - %td.stylesheet - %pre - %code.sass= h(example_sass) - %tr.output - %th Display - %th Generated CSS - %tr.output - %td.markup - = example_html - %td.stylesheet - %pre - %code.css= h(example_css) \ No newline at end of file +#how + %section#markup + %nav + %ul + %li + %a{:href => "#haml"} haml + %li + %a{:href => "#html"} html + .code + %ul + %li#haml + %pre= h(example_haml) + %li#html + %pre= h(example_html) + %section#styles + %nav + %ul + %li + %a{:href => "#scss"} scss + %li + %a{:href => "#sass"} sass + %li + %a{:href => "#css"} css + .code + %ul + %li#scss + %pre#scss= h(example_scss) + %li#sass + %pre#sass= h(example_sass) + %li#css + %pre#css= h(example_css) diff --git a/doc-src/layouts/partials/reference/const_table.haml b/doc-src/layouts/partials/reference/const_table.haml index 2ffd6ca2..44d5d12c 100644 --- a/doc-src/layouts/partials/reference/const_table.haml +++ b/doc-src/layouts/partials/reference/const_table.haml @@ -1,10 +1,11 @@ - constants.each do |constant_def| - const_id = constant_def.name.gsub(/_/,'-') %h3.constant{:id=>"const-#{const_id}"} - %a.permalink{:href => "#const-#{const_id}"}= "!"+constant_def.name + %a.permalink{:href => "#const-#{const_id}"}= "$"+constant_def.name %dl.constant-details.source-documentation %dt Value - %dd= constant_def.expr.to_sass(:format => :html) - - if constant_def.comment + %dd + %code= constant_def.expr.to_sass(:format => :html) + - if constant_def.comment && constant_def.comment.strip.size > 0 %dt Description %dd= format_doc constant_def.comment diff --git a/doc-src/layouts/partials/reference/examples.haml b/doc-src/layouts/partials/reference/examples.haml index e9d9421d..38a77e13 100644 --- a/doc-src/layouts/partials/reference/examples.haml +++ b/doc-src/layouts/partials/reference/examples.haml @@ -2,6 +2,6 @@ %h2 Examples %dl.examples - examples.each do |example| - %dt= link_to example.item[:title], example, :target => "_blank" + %dt= link_to example.item[:title], example - if example.item[:description] %dd= example.item[:description] diff --git a/doc-src/layouts/partials/reference/mixins.haml b/doc-src/layouts/partials/reference/mixins.haml index 1769c8f0..84060aaa 100644 --- a/doc-src/layouts/partials/reference/mixins.haml +++ b/doc-src/layouts/partials/reference/mixins.haml @@ -2,22 +2,22 @@ %h2 Mixins - mixin_defs.each do |mixin| - %a.view-source{:href=>"#", :onclick => "$('#mixin-source-#{mixin.name}').dialog('open'); return false;"} View Source + %span.view-source + View Source: + %a.view-source{:href=>"#mixin-#{mixin.name}-sass"} Sass + \| + %a.view-source{:href=>"#mixin-#{mixin.name}-scss"} SCSS %h3.mixin{:id=>"mixin-#{mixin.name}"} - %a.permalink{:href => "#mixin-#{mixin.name}"}= mixin_signature mixin + %a.permalink{:href => "#mixin-#{mixin.name}"}= mixin_signature(mixin) + .mixin-source{:id=>"mixin-#{mixin.name}-source"} + %pre{:id=>"mixin-#{mixin.name}-sass"}= mixin.to_sass + %pre{:id=>"mixin-#{mixin.name}-scss"}= mixin.to_scss .source-documentation = format_doc(mixin.comment) - if (examples = examples(@item, mixin)).any? %dl.examples - examples.each do |example| - %dt= link_to example.item[:title], example, :target => "_blank" + %dt= link_to example.item[:title], example - if example.item[:description] %dd= example.item[:description] - = mixin_source_dialog(mixin) do - %pre.source-code.sass= mixin.to_sass - - :javascript - $(function(){ - $('.ui-dialog.mixin').dialog({hide: true, modal: true, autoOpen: false, width: 400}); - }); diff --git a/doc-src/layouts/partials/sidebar.haml b/doc-src/layouts/partials/sidebar.haml index 3ce42102..bebd3393 100644 --- a/doc-src/layouts/partials/sidebar.haml +++ b/doc-src/layouts/partials/sidebar.haml @@ -1,21 +1,2 @@ -%h2 - %a(href="/docs/") Compass Documentation - -%h3 - Tutorials - -= item_tree(find("/tutorials/"), true) - -%h3 - Frameworks - -%ul - = item_tree(reference_item(:stylesheet => "_compass.scss")) - = item_tree(reference_item(:stylesheet => "_blueprint.scss")) - -%h3 - Misc -%ul - %li - %a{:href => "/docs/frameworks/"} - Working with plugins and frameworks +%nav#local-nav + %ul= item_tree(reference_item(:stylesheet => (@item[:nav_stylesheet] || @default_stylesheet)), :depth => 2, :omit_self => get_var(:omit_self){true}, :heading_level => get_var(:heading_level){1}) diff --git a/doc-src/layouts/reference.haml b/doc-src/layouts/reference.haml index cbaf1f56..e375a893 100644 --- a/doc-src/layouts/reference.haml +++ b/doc-src/layouts/reference.haml @@ -1,10 +1,10 @@ -= render "partials/breadcrumbs" - %h1= item[:title] += yield + %p This file can be imported using: - %code @import #{departialize(item[:stylesheet])} + %code @import "#{departialize(item[:stylesheet][0..-6])}" %p - gh_url = "http://github.com/chriseppstein/compass/blob/master/frameworks/" @@ -12,8 +12,6 @@ View the %a{:href => gh_url} Source for this module on Github. -= yield - = render "partials/reference/examples" = render "partials/reference/imports" diff --git a/doc-src/layouts/tutorial.haml b/doc-src/layouts/tutorial.haml new file mode 100644 index 00000000..d8ff82b3 --- /dev/null +++ b/doc-src/layouts/tutorial.haml @@ -0,0 +1,5 @@ +- render 'main' do + %aside(role="sidebar") + %nav#local-nav + %ul= item_tree(tutorial_item(:root), :depth => 2, :omit_self => false, :heading_level => 2) + %article= yield \ No newline at end of file diff --git a/doc-src/lib/default.rb b/doc-src/lib/default.rb index d51f0fa7..79f5fc8a 100644 --- a/doc-src/lib/default.rb +++ b/doc-src/lib/default.rb @@ -7,7 +7,10 @@ include Nanoc3::Helpers::Rendering include Nanoc3::Helpers::Breadcrumbs def body_class(item) - (item[:classnames] || []).join(" ") + classes = ["docs"] + classes += item[:classnames] || [] + classes << "demo" if item.identifier =~ /^\/examples/ + classes.join(" ") end def body_id(item) @@ -55,28 +58,56 @@ def find(identifier) @items.find{|i| i.identifier == identifier} end -def item_tree(item, omit_self = false) +def get_var(instance_var) + instance_variable_defined?("@#{instance_var}") ? instance_variable_get("@#{instance_var}") : yield +end + + +def item_tree(item, options = {}) crumb = item[:crumb] || item[:title] + options[:heading_level] ||= 1 if options.fetch(:headings, true) child_html = "" - if item.children.any? - child_html << "
    " - item.children.each do |child| - child_html << item_tree(child) + if options.fetch(:depth,1) > 0 + if item.children.any? + child_html << "
      " + item.children.sort_by{|c| c[:crumb] || c[:title]}.each do |child| + child_opts = options.dup + child_opts[:depth] -= 1 if child_opts.has_key?(:depth) + child_opts[:heading_level] += 1 if child_opts[:heading_level] + child_opts.delete(:omit_self) + child_html << item_tree(child, child_opts) + end + child_html << "
    " end - child_html << "
" + else + options.delete(:heading_level) end css_class = nil prefix = nil suffix = nil if item.identifier == @item.identifier css_class = %Q{class="selected"} - prefix = "»" - suffix = "«" end - contents = unless omit_self - %Q{
  • #{prefix}#{crumb}#{suffix}
    • } + contents = unless options[:omit_self] + hl = if options[:heading_level] + "h#{options[:heading_level]}" + else + "span" + end + %Q{
  • <#{hl}>#{crumb}
    • } end %Q{#{contents}#{child_html}} end +def tutorial_item(path) + path = "" if path == :root + @items.detect do |i| + i.identifier == "/tutorials/#{path}" + end +end + +def compass_version + v = Compass.version + "#{v[:major]}.#{v[:minor]}.#{v[:teeny]}.#{v[:build]}" +end diff --git a/doc-src/lib/examples.rb b/doc-src/lib/examples.rb index a566e959..c80a9dad 100644 --- a/doc-src/lib/examples.rb +++ b/doc-src/lib/examples.rb @@ -1,7 +1,10 @@ -def example_html +def example_haml markup_item = @item.children.detect{|child| child.identifier =~ /markup/} - haml = markup_item.reps.find { |r| r.name == :default }.content_at_snapshot(:raw) - Haml::Engine.new(haml).render + markup_item.reps.find { |r| r.name == :default }.content_at_snapshot(:raw) +end + +def example_html + Haml::Engine.new(example_haml).render end def example_sass @@ -9,6 +12,10 @@ def example_sass markup_item.reps.find { |r| r.name == :default }.content_at_snapshot(:raw) end +def example_scss + Sass::Engine.new(example_sass).to_tree.to_scss +end + def example_css Sass::Engine.new(example_sass, Compass.sass_engine_options.merge(:line_comments => false)).render end \ No newline at end of file diff --git a/doc-src/lib/stylesheets.rb b/doc-src/lib/stylesheets.rb index 1824c835..395e481e 100644 --- a/doc-src/lib/stylesheets.rb +++ b/doc-src/lib/stylesheets.rb @@ -25,7 +25,7 @@ def imports(item) imports << child.imported_filename end end - imports + imports.sort end def reference_item(options) @@ -34,9 +34,9 @@ def reference_item(options) path = stylesheet_path(stylesheet) if path @items.detect do |i| - i.identifier =~ /^\/reference/ && - i[:stylesheet] == path - + if i.identifier =~ /^\/reference/ && i[:stylesheet] + i[:stylesheet] == path + end end end end @@ -65,8 +65,9 @@ end def stylesheet_path(ss) @site.cached("stylesheet/path/#{ss}") do - possible_filenames_for_stylesheet(ss).each do |filename| - import_paths.each do |import_path| + possible_names = possible_filenames_for_stylesheet(ss) + import_paths.each do |import_path| + possible_names.each do |filename| full_path = File.join(import_path.first, filename) if File.exist?(full_path) return "#{import_path.last}#{"/" if import_path.last && import_path.last.length > 0}#{filename}" @@ -113,7 +114,7 @@ def mixins(item) comment = nil end end - mixins + mixins.reject{|m| m.comment =~ /@private/}.sort_by{|m| m.name} end def constants(item) @@ -137,7 +138,7 @@ def constants(item) end def mixin_signature(mixin, format = :html) - mixin.sass_signature(:include, format) + mixin.sass_signature(:none, format) end def example_items @@ -166,18 +167,6 @@ def examples(item, mixin = nil) end examples.map{|i| i.reps.find{|r| r.name == :default}} end - - -def mixin_source_dialog(mixin, &block) - vars = { - :html => { - :id => "mixin-source-#{mixin.name}", - :class => "mixin", - :title => "Source for +#{mixin.name}" - } - } - render 'dialog', vars, &block -end def format_doc(docstring) if docstring diff --git a/doc-src/lib/stylesheets/sass_extensions.rb b/doc-src/lib/stylesheets/sass_extensions.rb index fe89cb67..010dcd2c 100644 --- a/doc-src/lib/stylesheets/sass_extensions.rb +++ b/doc-src/lib/stylesheets/sass_extensions.rb @@ -61,11 +61,13 @@ module Sass attr_accessor :imported_filename unless method_defined? :imported_filename end class CommentNode < Node + PRE_COMMENT = %r{(^ */*\**(\s*\|)?( |$))} + POST_COMMENT = %r{ *\*/$} def self.clean(docstring) docstring.gsub(/@doc off(.*?)@doc on/m, '') end def docstring - value.gsub(/(^\| )|(^\|$)/, '') + value.gsub(PRE_COMMENT, '').gsub(POST_COMMENT, '') end def doc if value == "@doc off" diff --git a/doc-src/tasks/generators.thor b/doc-src/tasks/generators.thor index 1d692cf7..114dadfd 100644 --- a/doc-src/tasks/generators.thor +++ b/doc-src/tasks/generators.thor @@ -59,7 +59,7 @@ class Generate < Thor stylesheet = dereference(stylesheet) identifier = "reference/#{stylesheet[:framework]}/#{stylesheet[:stylesheet]}" identifier.gsub!(%r{/_},'/') - identifier.gsub!(/\.sass/,'') + identifier.gsub!(/\.s[ac]ss/,'') identifier.gsub!(%r{/#{stylesheet[:framework]}/#{stylesheet[:framework]}/},"/#{stylesheet[:framework]}/") module_name = File.basename(identifier).gsub(/\.[^.]+$/,'').capitalize diff --git a/examples/downloader.rb b/examples/downloader.rb index c735b87f..c8e841dc 100644 --- a/examples/downloader.rb +++ b/examples/downloader.rb @@ -31,7 +31,7 @@ def install_from_github(user, project, ext_name, branch = "master", working_dire if !File.exists?("#{extdir}/#{ext_name}") begin puts "Downloading the #{ext_name} plugin into #{extdir}." - FileUtils.mkdir_p("#{extdir}/#{ext_name}") + FileUtils.mkdir_p("#{extdir}") zipfile = File.join(extdir, "#{ext_name}.zip") open(zipfile, "wb") do |tgz| tgz << fetch(download_link).body diff --git a/examples/logo/logo.html.haml b/examples/logo/logo.html.haml deleted file mode 100644 index 35c52702..00000000 --- a/examples/logo/logo.html.haml +++ /dev/null @@ -1,40 +0,0 @@ -%html - %head - %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen", :type => "text/css", :charset => "utf-8" } - %body - #logo-large - %span.selector - un - %span.brace - { - %span.rule - ob:tru-sive; - %span.brace - } - #logo-medium - %span.selector - un - %span.brace - { - %span.rule - ob:tru-sive; - %span.brace - } - #logo - %span.selector - un - %span.brace - { - %span.rule - ob:tru-sive; - %span.brace - } - #logo-small - %span.selector - un - %span.brace - { - %span.rule - ob:tru-sive; - %span.brace - } diff --git a/examples/logo/src/print.scss b/examples/logo/src/print.scss deleted file mode 100644 index b0e9e456..00000000 --- a/examples/logo/src/print.scss +++ /dev/null @@ -1,3 +0,0 @@ -/* Welcome to Compass. Use this file to define print styles. - * Import this file using the following HTML or equivalent: - * */ diff --git a/examples/logo/src/screen.scss b/examples/logo/src/screen.scss deleted file mode 100644 index 37373292..00000000 --- a/examples/logo/src/screen.scss +++ /dev/null @@ -1,28 +0,0 @@ -/* Welcome to Compass. - * In this file you should write your main styles. (or centralize your imports) - * Import this file using the following HTML or equivalent: - * */ - -@import "compass/reset"; -@import "compass/misc"; - -#logo-large, -#logo-medium, -#logo, -#logo-small { - text-align: center; - margin: { - bottom: 40px; }; } - -#logo-large { - @include unobtrusive-logo(3em); - margin-top: 20px; } - -#logo-medium { - @include unobtrusive-logo(2em); } - -#logo { - @include unobtrusive-logo; } - -#logo-small { - @include unobtrusive-logo(0.5em); } diff --git a/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass b/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass index cd1f9769..69cd2dec 100644 --- a/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass +++ b/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.sass @@ -1,2 +1 @@ -@warn "DEPRECATED: Please change your @import of compass/misc.sass to: @import \"compass/misc\"" -@import compass/misc.scss \ No newline at end of file +@import "misc.scss" \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/_misc.scss b/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.scss similarity index 90% rename from frameworks/compass/stylesheets/compass/_misc.scss rename to frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.scss index 569797e2..b005f0ac 100644 --- a/frameworks/compass/stylesheets/compass/_misc.scss +++ b/frameworks/_compass_deprecated_imports/stylesheets/compass/_misc.scss @@ -5,6 +5,7 @@ // Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. @mixin unobtrusive-logo($size: 1em) { + @warn "DEPRECATED: unobtrusive-logo will be removed in a future release." font-family: Monaco, Courier, "Lucida Sans Unicode", monospace; font-size: $size; color: #888; diff --git a/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss b/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss index c417407d..27fa0ed1 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss @@ -1,6 +1,6 @@ @import "typography"; -$alternate_text_font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default; +$alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default; // To install the fancy type plugin: // 1. import the fancy_type module: @import blueprint/fancy_type // 2. mixin +fancy-type to your project's body or at the top level of your stylesheet: @@ -27,8 +27,8 @@ $alternate_text_font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiq // Best used on prepositions and ampersands. @mixin alt { - color: $alternate_text_color; - font-family: $alternate_text_font; + color: $alt-text-color; + font-family: $alternate-text-font; font-style: italic; font-weight: normal; } @@ -52,18 +52,18 @@ $alternate_text_font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiq // every four lines of normal sized type, there is five lines of the sidenote. eg: // // Arguments: -// font_size - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px. -// base_font_size - The base font size in pixels. Defaults to 12px -// old_line_height - The old line height. Defaults to 1.5 times the base_font_size +// `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px. +// `$base-font-size` - The base font size in pixels. Defaults to 12px +// `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size @mixin incr ( - $font_size: 10px, - $base_font_size: $blueprint_font_size, - $old_line_height: $base_font_size * 1.5 + $font-size: 10px, + $base-font-size: $blueprint-font-size, + $old-line-height: $base-font-size * 1.5 ) { - font-size: 1em * $font_size / $base_font_size; - line-height: 1em * $old_line_height / $font_size * 4 / 5; + font-size: 1em * $font-size / $base-font-size; + line-height: 1em * $old-line-height / $font-size * 4 / 5; margin-bottom: 1.5em; } diff --git a/frameworks/blueprint/stylesheets/blueprint/_grid.scss b/frameworks/blueprint/stylesheets/blueprint/_grid.scss index c8fa8525..b15d0578 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_grid.scss +++ b/frameworks/blueprint/stylesheets/blueprint/_grid.scss @@ -16,6 +16,7 @@ // -------------------------------------------------------------- @import "compass/utilities/general/float"; +@import "compass/utilities/general/clearfix"; // The number of columns in the grid. $blueprint_grid_columns: 24 !default; diff --git a/frameworks/compass/stylesheets/compass/css3/_background-clip.scss b/frameworks/compass/stylesheets/compass/css3/_background-clip.scss index b8b5889e..8d3b9b5f 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-clip.scss @@ -1,4 +1,5 @@ -// +@import "shared"; + // The default value is `padding-box` -- the box model used by modern browsers. // // If you wish to do so, you can override the default constant with `border-box` @@ -19,6 +20,21 @@ $default-background-clip: padding-box !default; // webkit and mozilla use the deprecated short [border | padding] $deprecated: padding; @if $clip == border-box { $deprecated: border; } - background-clip: $clip; - -webkit-background-clip: $deprecated; - -moz-background-clip: $deprecated; } + // Support for webkit and mozilla's use of the deprecated short form + @include experimental(background-clip, $deprecated, + $experimental-support-for-mozilla, + $experimental-support-for-webkit, + false, // opera + false, // microsoft + false, // khtml + false // official + ); + @include experimental(background-clip, $clip, + false, // mozilla + false, // webkit + $experimental-support-for-opera, + $experimental-support-for-microsoft, + $experimental-support-for-khtml, + true // official + ); +} diff --git a/frameworks/compass/stylesheets/compass/css3/_background-origin.scss b/frameworks/compass/stylesheets/compass/css3/_background-origin.scss index dbad531d..4bd374e8 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-origin.scss @@ -1,5 +1,7 @@ // Override `$default-background-origin` to change the default. +@import "shared"; + $default-background-origin: content-box !default; // Position the background off the edge of the padding, border or content @@ -14,11 +16,26 @@ $default-background-origin: content-box !default; @mixin background-origin($origin: $default-background-origin) { // webkit and mozilla use the deprecated short [border | padding | content] - $deprecated: padding; - @if $origin == border-box { $deprecated: border; } + $deprecated: $origin; + @if $origin == padding-box { $deprecated: padding; } + @if $origin == border-box { $deprecated: border; } @if $origin == content-box { $deprecated: content; } - background-origin: $origin; - -webkit-background-origin: $deprecated; - -moz-background-origin: $deprecated; + // Support for webkit and mozilla's use of the deprecated short form + @include experimental(background-origin, $deprecated, + $experimental-support-for-mozilla, + $experimental-support-for-webkit, + false, // opera + false, // microsoft + false, // khtml + false // official + ); + @include experimental(background-origin, $origin, + false, // mozilla + false, // webkit + $experimental-support-for-opera, + $experimental-support-for-microsoft, + $experimental-support-for-khtml, + true // official + ); } diff --git a/frameworks/compass/stylesheets/compass/css3/_background-size.scss b/frameworks/compass/stylesheets/compass/css3/_background-size.scss index 7901ee14..5292cbe6 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-size.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-size.scss @@ -1,15 +1,13 @@ -// Set the size of background images using px, width and height, or percentages. Supported in: Opera, Gecko, Webkit. -// -// * percentages are relative to the background-origin (default = padding-box) -// * mixin defaults to "100% auto" +@import "shared"; -// override constants to change defaults +// override to change the default $default-background-size: 100% auto !default; +// Set the size of background images using px, width and height, or percentages. +// Currently supported in: Opera, Gecko, Webkit. +// +// * percentages are relative to the background-origin (default = padding-box) +// * mixin defaults to: `$default-background-size` @mixin background-size($size: $default-background-size) { - background-size: $size; - -webkit-background-size: $size; - -o-background-size: $size; - -khtml-background-size: $size; - -moz-background-size: $size; + @include experimental(background-size, $size); } diff --git a/frameworks/compass/stylesheets/compass/css3/_border-radius.scss b/frameworks/compass/stylesheets/compass/css3/_border-radius.scss index 50573348..249fc2c7 100644 --- a/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +++ b/frameworks/compass/stylesheets/compass/css3/_border-radius.scss @@ -1,58 +1,78 @@ +@import "shared"; + $default-border-radius: 5px !default; -// Round all borders by a specific amount, defaults to value of $default-border-radius +// Round all corners by a specific amount, defaults to value of `$default-border-radius`. @mixin border-radius($radius: $default-border-radius) { - border-radius: $radius; - -moz-border-radius: $radius; - -webkit-border-radius: $radius; } + @include experimental(border-radius, $radius); +} // Round radius at position by amount. // -// * values for $vert: "top", "bottom" -// * values for $horz: "left", "right" +// * legal values for `$vert`: `top`, `bottom` +// * legal values for `$horz`: `left`, `right` @mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) { border-#{$vert}-#{$horz}-radius: $radius; -moz-border-radius-#{$vert}#{$horz}: $radius; - -webkit-border-#{$vert}-#{$horz}-radius: $radius; } + -webkit-border-#{$vert}-#{$horz}-radius: $radius; + // Support for mozilla's syntax for specifying a corner + @include experimental("border-radius-#{$vert}#{$horz}", $radius, + $experimental-support-for-mozilla, + false, // webkit + false, // opera + false, // microsoft + false, // khtml + false // official + ); + @include experimental("border-#{$vert}-#{$horz}-radius", $radius, + false, // mozilla + $experimental-support-for-webkit, + $experimental-support-for-opera, + $experimental-support-for-microsoft, + $experimental-support-for-khtml, + true // official + ); + +} -// Round top-left radius only +// Round top-left corner only @mixin border-top-left-radius($radius: $default-border-radius) { @include border-corner-radius(top, left, $radius); } -// Round top-right radius only +// Round top-right corner only @mixin border-top-right-radius($radius: $default-border-radius) { @include border-corner-radius(top, right, $radius); } -// Round bottom-left radius only +// Round bottom-left corner only @mixin border-bottom-left-radius($radius: $default-border-radius) { @include border-corner-radius(bottom, left, $radius); } -// Round bottom-right radius only +// Round bottom-right corner only @mixin border-bottom-right-radius($radius: $default-border-radius) { @include border-corner-radius(bottom, right, $radius); } -// Round top corners by amount +// Round both top corners by amount @mixin border-top-radius($radius: $default-border-radius) { @include border-top-left-radius($radius); @include border-top-right-radius($radius); } -// Round right corners by amount +// Round both right corners by amount @mixin border-right-radius($radius: $default-border-radius) { @include border-top-right-radius($radius); @include border-bottom-right-radius($radius); } -// Round bottom corners by amount +// Round both bottom corners by amount @mixin border-bottom-radius($radius: $default-border-radius) { @include border-bottom-left-radius($radius); @include border-bottom-right-radius($radius); } -// Round left corners by amount +// Round both left corners by amount @mixin border-left-radius($radius: $default-border-radius) { @include border-top-left-radius($radius); @include border-bottom-left-radius($radius); } diff --git a/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss b/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss index 13792ed1..c7aea1a0 100644 --- a/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +++ b/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss @@ -3,6 +3,8 @@ // If you like, set different defaults before importing. // @doc on +@import "shared"; + // The default color for box shadows $default-box-shadow-color: #333333 !default; @@ -18,10 +20,15 @@ $default-box-shadow-blur: 5px !default; // Provides cross-browser CSS box shadows for Webkit, Gecko, and CSS3. // Arguments are color, horizontal offset, vertical offset, and blur length. -@mixin box-shadow($color: $default-box-shadow-color, $hoff: $default-box-shadow-h-offset, $voff: $default-box-shadow-v-offset, $blur: $default-box-shadow-blur) { - /* Webkit (Safari, Chrome) */ - -webkit-box-shadow: $color $hoff $voff $blur; - /* Gecko (Firefox, Camino) */ - -moz-box-shadow: $color $hoff $voff $blur; - /* CSS3 */ - box-shadow: $color $hoff $voff $blur; } +@mixin box-shadow( + $color: $default-box-shadow-color, + $hoff: $default-box-shadow-h-offset, + $voff: $default-box-shadow-v-offset, + $blur: $default-box-shadow-blur +) { + @if $color == none { + @include experimental(box-shadow, none); + } @else { + @include experimental(box-shadow, $color $hoff $voff $blur); + } +} diff --git a/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss b/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss index 7457489a..38bb4f46 100644 --- a/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +++ b/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss @@ -1,14 +1,10 @@ +@import "shared"; + // Change the box model for Mozilla, Webkit, IE8 and the future // // @param $bs // [ content-box | border-box ] @mixin box-sizing($bs) { - /* Mozilla (FireFox, Camino) */ - -moz-box-sizing: $bs; - /* Webkit (Safari, Chrome) */ - -webkit-box-sizing: $bs; - /* IE (8) */ - -ms-box-sizing: $bs; - /* CSS3 */ - box-sizing: $bs; } + @include experimental(box-sizing, $bs); +} diff --git a/frameworks/compass/stylesheets/compass/css3/_columns.scss b/frameworks/compass/stylesheets/compass/css3/_columns.scss index ab37dbac..776f7b62 100644 --- a/frameworks/compass/stylesheets/compass/css3/_columns.scss +++ b/frameworks/compass/stylesheets/compass/css3/_columns.scss @@ -1,50 +1,29 @@ -// Specify the # of columns +@import "shared"; -@mixin column-count($n) { - -moz-column-count: $n; - -webkit-column-count: $n; - column-count: $n; } +// Specify the number of columns +@mixin column-count($n) { @include experimental(column-count, $n); } -// Specify the gap between columns e.g. 20px +// Specify the gap between columns e.g. `20px` +@mixin column-gap($u) { @include experimental(column-gap, $u); } -@mixin column-gap($u) { - -moz-column-gap: $u; - -webkit-column-gap: $u; - column-gap: $u; } +// Specify the width of columns e.g. `100px` +@mixin column-width($u) { @include experimental(column-width, $u); } -// Specify the width of columns e.g. 100px +// Specify the width of the rule between columns e.g. `1px` +@mixin column-rule-width($w) { @include experimental(rule-width, $w); } -@mixin column-width($u) { - -moz-column-width: $u; - -webkit-column-width: $u; - column-width: $u; } +// Specify the style of the rule between columns e.g. `dotted`. +// This works like border-style. +@mixin column-rule-style($s) { @include experimental(rule-style, $s); } -// Specify the width of the rule between columns e.g. 1px +// Specify the style of the rule between columns e.g. `dotted`. +// This works like border-color. -@mixin column-rule-width($w) { - -moz-column-rule-width: $w; - -webkit-column-rule-width: $w; - column-rule-width: $w; } - -// Specify the style of the rule between columns e.g. 'dotted'. This works like border-style. - -@mixin column-rule-style($s) { - -moz-column-rule-style: $s; - -webkit-column-rule-style: $s; - column-rule-style: $s; } - -// Specify the style of the rule between columns e.g. 'dotted'. This works like border-color. - -@mixin column-rule-color($c) { - -moz-column-rule-color: $c; - -webkit-column-rule-color: $c; - column-rule-color: $c; } +@mixin column-rule-color($c) { @include experimental(rule-color, $s); } // Mixin encompassing all column rule rules // For example: -// +column-rule('1px', 'solid', '#000') - -@mixin column-rule($w, $s: solid, $c: unquote(" ")) { - @include column-rule-width($w); - @include column-rule-style($s); - @include column-rule-color($c); } +// +column-rule(1px, solid, #c00) +@mixin column-rule($w, $s: solid, $c: black) { + @include experimental(column-rule, $w $s $c); +} diff --git a/frameworks/compass/stylesheets/compass/css3/_font-face.scss b/frameworks/compass/stylesheets/compass/css3/_font-face.scss index da4d364d..42cb0399 100644 --- a/frameworks/compass/stylesheets/compass/css3/_font-face.scss +++ b/frameworks/compass/stylesheets/compass/css3/_font-face.scss @@ -1,8 +1,10 @@ +@import "shared"; + // Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera. // // * $name is required, arbitrary, and what you will use in font stacks. // * $font-files is required using font-files('relative/location', 'format'). -// * for best results use this order: woff, opentype/truetype, svg +// for best results use this order: woff, opentype/truetype, svg // * $eot is required by IE, and is a relative location of the eot file. // * postscript name is required by some browsers to look for local fonts. diff --git a/frameworks/compass/stylesheets/compass/css3/_gradient.scss b/frameworks/compass/stylesheets/compass/css3/_gradient.scss index eff9a365..fc8a9dbf 100644 --- a/frameworks/compass/stylesheets/compass/css3/_gradient.scss +++ b/frameworks/compass/stylesheets/compass/css3/_gradient.scss @@ -1,3 +1,5 @@ +@import "shared"; + // This yields a linear gradient spanning from top to bottom // // +linear-gradient(color-stops(white, black)) diff --git a/frameworks/compass/stylesheets/compass/css3/_inline-block.scss b/frameworks/compass/stylesheets/compass/css3/_inline-block.scss index 078c5b3c..f50293ad 100644 --- a/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +++ b/frameworks/compass/stylesheets/compass/css3/_inline-block.scss @@ -1,13 +1,12 @@ +@import "shared"; + // Provides a cross-browser method to implement `display: inline-block;` -// -// This file is a sass file to work around the fact that the -// SCSS parser does not support the #prop hack at this time. -// http://github.com/nex3/haml/issues/issue/119 @mixin inline-block { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; - #display: inline; - #vertical-align: auto; } + *display: inline; + *vertical-align: auto; +} diff --git a/frameworks/compass/stylesheets/compass/css3/_opacity.scss b/frameworks/compass/stylesheets/compass/css3/_opacity.scss index 1e614490..b8eb57fa 100644 --- a/frameworks/compass/stylesheets/compass/css3/_opacity.scss +++ b/frameworks/compass/stylesheets/compass/css3/_opacity.scss @@ -1,19 +1,25 @@ +@import "shared"; + // Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity. // // @param $opacity // A number between 0 and 1, where 0 is transparent and 1 is opaque. @mixin opacity($opacity) { - opacity: $opacity; - -moz-opacity: $opacity; - -khtml-opacity: $opacity; - -ms-filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=") + round($opacity * 100) + unquote(")"); - filter: unquote("alpha(opacity=") + round($opacity * 100) + unquote(")"); } + @include experimental(opacity, $opacity, + $experimental-support-for-mozilla, + $experimental-support-for-webkit, + $experimental-support-for-opera, + false, // microsoft uses filters below instead + $experimental-support-for-khtml, + true // official + ); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})"; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)}); +} // Make an element completely transparent. -@mixin transparent { - @include opacity(0); } +@mixin transparent { @include opacity(0); } // Make an element completely opaque. -@mixin opaque { - @include opacity(1); } +@mixin opaque { @include opacity(1); } diff --git a/frameworks/compass/stylesheets/compass/css3/_shared.scss b/frameworks/compass/stylesheets/compass/css3/_shared.scss new file mode 100644 index 00000000..85c7e247 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/css3/_shared.scss @@ -0,0 +1,30 @@ +// Support for mozilla in experimental css3 properties. +$experimental-support-for-mozilla : true !default; +// Support for webkit in experimental css3 properties. +$experimental-support-for-webkit : true !default; +// Support for opera in experimental css3 properties. +$experimental-support-for-opera : false !default; +// Support for microsoft in experimental css3 properties. +$experimental-support-for-microsoft : true !default; +// Support for khtml in experimental css3 properties. +$experimental-support-for-khtml : false !default; + +// This mixin provides basic support for CSS3 properties and +// their corresponding experimental CSS2 properties when +// the implementations are identical except for the property +// prefix. +@mixin experimental($property, $value, + $moz : $experimental-support-for-mozilla, + $webkit : $experimental-support-for-webkit, + $o : $experimental-support-for-opera, + $ms : $experimental-support-for-microsoft, + $khtml : $experimental-support-for-khtml, + $official : true +) { + @if $moz { -moz-#{$property} : $value; } + @if $webkit { -webkit-#{$property} : $value; } + @if $o { -o-#{$property} : $value; } + @if $ms { -ms-#{$property} : $value; } + @if $khtml { -khtml-#{$property} : $value; } + @if $official { #{$property} : $value; } +} \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss b/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss index b4b95a5b..38a7ffaf 100644 --- a/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +++ b/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss @@ -1,3 +1,5 @@ +@import "shared"; + // Provides CSS text shadows. // // Arguments are color, horizontal offset, vertical offset, and blur @@ -14,5 +16,11 @@ $default-text-shadow-v-offset: 1px !default; $default-text-shadow-blur: 1px !default; -@mixin text-shadow($color: $default-text-shadow-color, $hoff: $default-text-shadow-h-offset, $voff: $default-text-shadow-v-offset, $blur: $default-text-shadow-blur) { - text-shadow: $color $hoff $voff $blur; } +@mixin text-shadow( + $color: $default-text-shadow-color, + $hoff: $default-text-shadow-h-offset, + $voff: $default-text-shadow-v-offset, + $blur: $default-text-shadow-blur +) { + text-shadow: $color $hoff $voff $blur; +} diff --git a/frameworks/compass/stylesheets/compass/css3/_transform.scss b/frameworks/compass/stylesheets/compass/css3/_transform.scss index 4635d732..271bdf17 100644 --- a/frameworks/compass/stylesheets/compass/css3/_transform.scss +++ b/frameworks/compass/stylesheets/compass/css3/_transform.scss @@ -1,18 +1,18 @@ +@import "shared"; + // CSS Transform and Transform-Origin // Apply a transform sent as a complete string. -@mixin apply-transform($transform: false) { - transform: $transform; - -webkit-transform: $transform; - -moz-transform: $transform; } +@mixin apply-transform($transform) { + @include experimental(transform, $transform); +} // Apply a transform-origin sent as a complete string. -@mixin apply-origin($origin: false) { - transform-origin: $origin; - -webkit-transform-origin: $origin; - -moz-transform-origin: $origin; } +@mixin apply-origin($origin) { + @include experimental(transform-origin, $origin); +} // transform-origin requires x and y coordinates // @@ -23,7 +23,10 @@ @if $originy { @include apply-origin($originx or 50% $originy); } @else { - @include apply-origin($originx); } } } + @include apply-origin($originx); + } + } +} // A full transform mixin with everything you could want // @@ -31,10 +34,20 @@ // * scale, rotate and skew require units of degrees(deg) // * scale takes a multiplier, rotate and skew take degrees -@mixin transform($scale: 1, $rotate: 0deg, $transx: 0, $transy: 0, $skewx: 0deg, $skewy: 0deg, $originx: false, $originy: false) { - $transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy); - @include apply-transform($transform); - @include transform-origin($originx, $originy); } +@mixin transform( + $scale: 1, + $rotate: 0deg, + $transx: 0, + $transy: 0, + $skewx: 0deg, + $skewy: 0deg, + $originx: false, + $originy: false +) { + $transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy); + @include apply-transform($transform); + @include transform-origin($originx, $originy); +} // Transform Partials // @@ -45,20 +58,24 @@ @mixin scale($scale: 1.25, $originx: false, $originy: false) { @include apply-transform(scale($scale)); - @include transform-origin($originx, $originy); } + @include transform-origin($originx, $originy); +} // Adjust only the rotation, with optional origin coordinates @mixin rotate($rotate: 45deg, $originx: false, $originy: false) { @include apply-transform(rotate($rotate)); - @include transform-origin($originx, $originy); } + @include transform-origin($originx, $originy); +} // Adjust only the translation @mixin translate($transx: 0, $transy: 0) { - @include apply-transform(translate($transx, $transy)); } + @include apply-transform(translate($transx, $transy)); +} // Adjust only the skew, with optional origin coordinates @mixin skew($skewx: 0deg, $skewy: 0deg, $originx: false, $originy: false) { @include apply-transform(skew($skewx, $skewy)); - @include transform-origin($originx, $originy); } + @include transform-origin($originx, $originy); +} diff --git a/frameworks/compass/stylesheets/compass/css3/_transition.scss b/frameworks/compass/stylesheets/compass/css3/_transition.scss index e5e5c161..cb9d2b60 100644 --- a/frameworks/compass/stylesheets/compass/css3/_transition.scss +++ b/frameworks/compass/stylesheets/compass/css3/_transition.scss @@ -1,3 +1,5 @@ +@import "shared"; + // CSS Transitions // Currently only works in Webkit. // @@ -27,10 +29,8 @@ $default-transition-delay: false !default; // * also accepts "all" or "none" @mixin transition-property($properties: $default-transition-property) { - transition-property: $properties; - -webkit-transition-property: $properties; - -moz-transition-property: $properties; - -o-transition-property: $properties; } + @include experimental(transition-property, $properties); +} // One or more durations in seconds // @@ -38,10 +38,8 @@ $default-transition-delay: false !default; // * these durations will affect the properties in the same list position @mixin transition-duration($duration: $default-transition-duration) { - transition-duration: $duration; - -webkit-transition-duration: $duration; - -moz-transition-duration: $duration; - -o-transition-duration: $duration; } + @include experimental(transition-duration, $duration); +} // One or more timing functions // @@ -50,10 +48,8 @@ $default-transition-delay: false !default; // * These functions will effect the properties in the same list position @mixin transition-timing-function($function: $default-transition-function) { - transition-timing-function: $function; - -webkit-transition-timing-function: $function; - -moz-transition-timing-function: $function; - -o-transition-timing-function: $function; } + @include experimental(transition-timing-function, $function); +} // One or more transition-delays in seconds // @@ -61,17 +57,19 @@ $default-transition-delay: false !default; // * these delays will effect the properties in the same list position @mixin transition-delay($delay: $default-transition-delay) { - transition-delay: $delay; - -webkit-transition-delay: $delay; - -moz-transition-delay: $delay; - -o-transition-delay: $delay; } + @include experimental(transition-delay, $delay); +} // Transition all-in-one shorthand -@mixin transition($properties: $default-transition-property, $duration: $default-transition-duration, $function: $default-transition-function, $delay: $default-transition-delay) { +@mixin transition( + $properties: $default-transition-property, + $duration: $default-transition-duration, + $function: $default-transition-function, + $delay: $default-transition-delay +) { @include transition-property($properties); @include transition-duration($duration); - @if $function { - @include transition-timing-function($function); } - @if $delay { - @include transition-delay($delay); } } + @if $function { @include transition-timing-function($function); } + @if $delay { @include transition-delay($delay); } +} diff --git a/frameworks/compass/stylesheets/compass/utilities/_print.scss b/frameworks/compass/stylesheets/compass/utilities/_print.scss index 6c099439..4771e080 100644 --- a/frameworks/compass/stylesheets/compass/utilities/_print.scss +++ b/frameworks/compass/stylesheets/compass/utilities/_print.scss @@ -1,18 +1,17 @@ // Classes that are useful for controlling what gets printed. -// You must mix +print-utilities into your print stylesheet -// and +print-utilities("screen") into your screen stylesheet. +// You must mix `+print-utilities` into your print stylesheet +// and `+print-utilities(screen)` into your screen stylesheet. // Note: these aren't semantic. @mixin print-utilities($media: print) { - @if $media == "print" { - .noprint, - .no-print { - display: none; } - #{elements-of-type("block")} { - &.print-only { - display: block; } } - #{elements-of-type("inline")} { - &.print-only { - display: inline; } } } - @else { - .print-only { - display: none; } } } + @if $media == print { + .noprint, .no-print { display: none; } + #{elements-of-type(block)} { + &.print-only { display: block; } + } + #{elements-of-type(inline)} { + &.print-only { display: inline; } + } + } @else { + .print-only { display: none; } + } +} diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss index 70965015..ecc65a96 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss @@ -1,24 +1,34 @@ +// @doc off +// Extends the bottom of the element to enclose any floats it contains. +// @doc on + @import "hacks"; -//** -// Extends the element to enclose any floats it contains. -// This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container. -// Recommendations include using this in conjunction with a width: -// http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html +// This basic method is preferred for the usual case, when positioned +// content will not show outside the bounds of the container. +// +// Recommendations include using this in conjunction with a width. +// Credit: [quirksmode.org](http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html) @mixin clearfix { overflow: hidden; - @include has-layout; } + @include has-layout; +} -//** -// Extends the element to enclose any floats it contains. -// This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS. -// http://www.positioniseverything.net/easyclearing.html +// This older method from Position Is Everything called +// [Easy Clearing](http://www.positioniseverything.net/easyclearing.html) +// has the advantage of allowing positioned elements to hang +// outside the bounds of the container at the expense of more tricky CSS. +// +// This method of clearing might cause a gap at the bottom of the page in +// some browsers when used on the last element of the page. @mixin pie-clearfix { &:after { - content: " "; - display: block; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; } - @include has-layout; } + content : " "; + display : block; + height : 0; + clear : both; + overflow : hidden; + visibility : hidden; + } + @include has-layout; +} diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_float.scss b/frameworks/compass/stylesheets/compass/utilities/general/_float.scss index 19a1a249..c0e2ddbf 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_float.scss @@ -1,17 +1,15 @@ -//**\\ -// Float - -@import "clearfix"; - -// Implementation of float:left with fix for double-margin bug +// Implementation of float:left with fix for the +// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) @mixin float-left { @include float(left); } -// Implementation of float:right with fix for double-margin bug +// Implementation of float:right with fix for the +// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) @mixin float-right { @include float(right); } -// Available as alternate syntax with just +float +// Direction independent float mixin that fixes the +// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) @mixin float($side: left) { display: inline; float: unquote($side); } diff --git a/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss b/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss index 27e62d68..d30dd722 100644 --- a/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +++ b/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss @@ -1,3 +1,6 @@ +// This mixin causes an element matching the selector +// to gain the "hasLayout" property in internet explorer. +// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout). @mixin has-layout { // This makes ie6 get layout display: inline-block; @@ -5,9 +8,8 @@ & { display: block; } } -//** // A hack to supply IE6 (and below) with a different property value. -// See http://www.cssportal.com/css-hacks/#in_css-important +// [Read more](http://www.cssportal.com/css-hacks/#in_css-important). @mixin bang-hack($property, $value, $ie6-value) { #{$property}: #{$value} !important; #{$property}: #{$ie6-value}; } diff --git a/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss b/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss index 2861cbe5..5d641f78 100644 --- a/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +++ b/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss @@ -1,10 +1,16 @@ -// Set all the colors for a link with one mixin call +// Set all the colors for a link with one mixin call. // Order of arguments is: -// normal, hover, active, visited, focus -// states not specified will inherit. -// Mixin like so: -// a -// +link-colors(#00c, #0cc, #c0c, #ccc, #cc0) +// +// 1. normal +// 2. hover +// 3. active +// 4. visited +// 5. focus +// +// Those states not specified will inherit. +// Mixin to an anchor link like so: +// a +// +link-colors(#00c, #0cc, #c0c, #ccc, #cc0) @mixin link-colors($normal, $hover: false, $active: false, $visited: false, $focus: false) { color: $normal; diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss b/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss index dbd81b26..6581d28c 100644 --- a/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss @@ -1,22 +1,34 @@ // Turn off the bullet for an element of a list @mixin no-bullet { - list-style-image: none; - list-style-type: none; - margin-left: 0px; } + list-style-image : none; + list-style-type : none; + margin-left : 0px; +} // turns off the bullets for an entire list @mixin no-bullets { list-style: none; - li { - @include no-bullet; } } + li { @include no-bullet; } +} -// Make a list(ul/ol) have an image bullet -// mixin should be used like this for an icon that is 5x7: -// ul.pretty -// +pretty-bullets("my-icon.png", 5px, 7px) -@mixin pretty-bullets($bullet-icon, $width, $height, $line-height: 18px, $padding: 14px) { +// Make a list(ul/ol) have an image bullet. +// +// The mixin should be used like this for an icon that is 5x7: +// +// ul.pretty +// +pretty-bullets("my-icon.png", 5px, 7px) +// +// Additionally, if the image dimensions are not provided, +// The image dimensions will be extracted from the image itself. +// +// ul.pretty +// +pretty-bullets("my-icon.png") +// +@mixin pretty-bullets($bullet-icon, $width: image-width($bullet-icon), $height: image-height($bullet-icon), $line-height: 18px, $padding: 14px) { margin-left: 0; li { padding-left: $padding; background: image-url($bullet-icon) no-repeat 0 + ($padding - $width) / 2 ($line-height - $height) / 2; - list-style-type: none; } } + list-style-type: none; + } +} diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss index d4bf4d2b..a1c9d99f 100644 --- a/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss @@ -1,4 +1,3 @@ -//**\\ // Horizontal list layout module. // // Easy mode using simple descendant li selectors: @@ -20,14 +19,12 @@ @import "compass/utilities/general/reset"; @import "compass/utilities/general/float"; -//** // Can be mixed into any selector that target a ul or ol that is meant // to have a horizontal layout. Used to implement +horizontal-list. @mixin horizontal-list-container { @include reset-box-model; @include clearfix; } -//** // Can be mixed into any li selector that is meant to participate in a horizontal layout. // Used to implement +horizontal-list. // @@ -46,7 +43,6 @@ &:last-child, &.last { padding-right: 0px; } } -//** // A list(ol,ul) that is layed out such that the elements are floated left and won't wrap. // This is not an inline list. @mixin horizontal-list($padding: 4px) { diff --git a/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss b/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss index 7550f64b..329b5b30 100644 --- a/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +++ b/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss @@ -11,13 +11,13 @@ display: inline; } } // makes an inline list that is comma delimited. -// use of this recipe is not recommended at this time due to browser support issues. +// Please make note of the browser support issues before using this mixin. // -// use of :content and :after is not fully supported in all browsers. -// See http://www.quirksmode.org/css/contents.html#t15 for the support matrix +// use of `:content` and `:after` is not fully supported in all browsers. +// See quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t15) // -// :last-child is not fully supported -// see http://www.quirksmode.org/css/contents.html#t29 for the support matrix +// `:last-child` is not fully supported. +// see quirksmode for the [support matrix](http://www.quirksmode.org/css/contents.html#t29). @mixin comma-delimited-list { @include inline-list; diff --git a/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss b/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss index f003ec75..b14536be 100644 --- a/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +++ b/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss @@ -1,18 +1,20 @@ -//** +// @doc off // Example 1: -// a.twitter -// +sprite-img("icons-32.png", 1) -// a.facebook -// +sprite-img("icons-32png", 2) -// ... +// +// a.twitter +// +sprite-img("icons-32.png", 1) +// a.facebook +// +sprite-img("icons-32png", 2) +// // Example 2: -// a -// +sprite-background("icons-32.png") -// a.twitter -// +sprite-column(1) -// a.facebook -// +sprite-row(2) -// ... +// +// a +// +sprite-background("icons-32.png") +// a.twitter +// +sprite-column(1) +// a.facebook +// +sprite-row(2) +// @doc on $sprite-default-size: 32px !default; diff --git a/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss b/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss index 7225b053..cb7a654a 100644 --- a/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +++ b/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss @@ -7,7 +7,6 @@ // the x position of the background image. // @param y // the y position of the background image. - @mixin replace-text($img, $x: 50%, $y: 50%) { @include hide-text; background: { @@ -15,6 +14,7 @@ repeat: no-repeat; position: $x $y; }; } +// Hides text in an element so you can see the background. @mixin hide-text { text-indent: -9999em; overflow: hidden; diff --git a/lib/compass.rb b/lib/compass.rb index 3566fb94..3179e8e1 100644 --- a/lib/compass.rb +++ b/lib/compass.rb @@ -7,7 +7,12 @@ end module Compass extend Compass::Version - VERSION = "#{version[:major]}.#{version[:minor]}.#{version[:patch]}" + def self.const_missing(const) + # This avoid reading from disk unless the VERSION is requested. + if const == :VERSION + version[:string] + end + end def base_directory File.expand_path(File.join(File.dirname(__FILE__), '..')) end diff --git a/lib/compass/version.rb b/lib/compass/version.rb index f8e79bb2..41040057 100644 --- a/lib/compass/version.rb +++ b/lib/compass/version.rb @@ -6,18 +6,12 @@ module Compass # The :rev key will have the current revision hash. # # This method swiped from Haml and then modified, some credit goes to Nathan Weizenbaum - attr_writer :version def version - return @version if defined?(@version) - - read_version_file - - if r = revision - @version[:rev] = r - @version[:string] << " [#{r[0...7]}]" + if defined?(@version) + @version + else + read_version end - - @version end protected @@ -26,22 +20,20 @@ module Compass File.join(File.dirname(__FILE__), '..', '..', file) end - def read_version_file + def read_version require 'yaml' @version = YAML::load(File.read(scope('VERSION.yml'))) - @version[:string] = "#{@version[:major]}.#{@version[:minor]}.#{@version[:patch]}" @version[:teeny] = @version[:patch] + @version[:string] = "#{@version[:major]}.#{@version[:minor]}.#{@version[:patch]}" + @version[:string] << ".#{@version[:build]}" if @version[:build] + if !ENV['OFFICIAL'] && r = revision + @version[:string] << ".dev.#{r[0..6]}" + end + @version end def revision - revision_from_git || revision_from_file - end - - def revision_from_file - if File.exists?(scope('REVISION')) - rev = File.read(scope('REVISION')).strip - rev if rev =~ /[a-f0-9]+/ - end + revision_from_git end def revision_from_git @@ -52,6 +44,5 @@ module Compass end end end - end end diff --git a/test/fixtures/stylesheets/blueprint/css/typography.css b/test/fixtures/stylesheets/blueprint/css/typography.css index cc602f1c..744cfb24 100644 --- a/test/fixtures/stylesheets/blueprint/css/typography.css +++ b/test/fixtures/stylesheets/blueprint/css/typography.css @@ -1,54 +1,43 @@ body { line-height: 1.5; - font-family: Helvetica Neue, Arial, Helvetica, sans-serif; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; } -h1 { +h1, h2, h3, h4, h5, h6 { font-weight: normal; - color: #222222; + color: #222222; } + h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { + margin: 0; } + +h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } - h1 img { - margin: 0; } h2 { - font-weight: normal; - color: #222222; font-size: 2em; margin-bottom: 0.75em; } h3 { - font-weight: normal; - color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { - font-weight: normal; - color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { - font-weight: normal; - color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { - font-weight: normal; - color: #222222; font-size: 1em; font-weight: bold; } -h2 img, h3 img, h4 img, h5 img, h6 img { - margin: 0; } - p { margin: 0 0 1.5em; } p img.left { @@ -107,7 +96,7 @@ pre { white-space: pre; } pre, code, tt { - font: 1em 'andale mono', 'lucida console', monospace; + font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; } li ul, li ol {