Merge branch 'docs'
* docs: (56 commits) Turn on support for -ms in experimental properties. document the hide-text mixin Allow box shadow to be turned off by @include box-shadow(none). Closes GH-102. Fix a broken link to the changelog I guess I relied on that silly import. Use the gemspec the way the ruby gods intended. Better handling of the Compass::VERSION scheme. RIP RUN_CODE_RUN remove a doc reference to an obsolete file and add some meta descriptions. document some small functional changes fixed typo in demo header styles allow overflow-x on code to scroll example code in css-slideshows mixin source uses :target for css interaction more sensible nav markup/structure Update the docs for lists. Don't need rcov usually Don't display a variable description for empty comments. add a scroll bar for long mixin defs More docs on the compass utilities. ... Conflicts: REVISION
This commit is contained in:
Chris Eppstein
commit
bd6c9950e1
87
Rakefile
87
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,9 +73,11 @@ namespace :git do
|
||||
end
|
||||
end
|
||||
|
||||
require 'cucumber/rake/task'
|
||||
|
||||
namespace :rcov do
|
||||
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}
|
||||
@ -161,7 +86,6 @@ namespace :rcov do
|
||||
|
||||
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
|
||||
@ -178,5 +102,8 @@ namespace :rcov do
|
||||
Rake::Task["rcov:units"].invoke
|
||||
Rake::Task["rcov:cucumber"].invoke
|
||||
end
|
||||
end
|
||||
rescue LoadError => e
|
||||
puts "WARNING: #{e}"
|
||||
end
|
||||
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
:patch: 0
|
||||
:major: 0
|
||||
:minor: 10
|
||||
:build: rc3
|
||||
:build: rc4
|
||||
|
||||
588
compass.gemspec
588
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<haml>, [">= 3.0.0.beta.2"])
|
||||
else
|
||||
s.add_dependency(%q<haml>, [">= 3.0.0.beta.2"])
|
||||
end
|
||||
else
|
||||
s.add_dependency(%q<haml>, [">= 3.0.0.beta.2"])
|
||||
end
|
||||
# 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
|
||||
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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"
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
@ -12,36 +12,50 @@ 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
|
||||
if item[:extension] == "markdown"
|
||||
filter :rdiscount
|
||||
elsif item[:extension] == "haml"
|
||||
filter :haml, :ugly => true
|
||||
layout 'default'
|
||||
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
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 260 B |
Binary file not shown.
|
Before Width: | Height: | Size: 251 B |
Binary file not shown.
|
Before Width: | Height: | Size: 178 B |
Binary file not shown.
|
Before Width: | Height: | Size: 104 B |
Binary file not shown.
|
Before Width: | Height: | Size: 125 B |
Binary file not shown.
|
Before Width: | Height: | Size: 105 B |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 90 B |
Binary file not shown.
|
Before Width: | Height: | Size: 167 B |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
@ -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; }
|
||||
10
doc-src/assets/javascripts/fixups.js
Normal file
10
doc-src/assets/javascripts/fixups.js
Normal file
@ -0,0 +1,10 @@
|
||||
$(function(){
|
||||
$('span.color').each(function(i,e){
|
||||
e = $(e);
|
||||
e.after('<span class="swatch" style="background-color:'+e.text()+';"></span>');
|
||||
});
|
||||
$('span.arg[data-default-value]').each(function(i,e){
|
||||
e = $(e);
|
||||
e.attr("title", "Defaults to: " + e.attr("data-default-value"))
|
||||
})
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
@ -6,4 +6,5 @@ data_sources:
|
||||
- items_root: /assets
|
||||
layouts_root: /assets
|
||||
type: filesystem_assets
|
||||
text_extensions: [ 'css', 'erb', 'haml', 'htm', 'html', 'js', 'less', 'markdown', 'md', 'php', 'rb', 'sass', 'scss', 'txt' ]
|
||||
output_dir: ..
|
||||
|
||||
@ -1,5 +1,29 @@
|
||||
---
|
||||
title: Compass History
|
||||
crumb: CHANGELOG
|
||||
body_id: changelog
|
||||
layout: article
|
||||
---
|
||||
COMPASS CHANGELOG
|
||||
=================
|
||||
|
||||
0.10.0.rc4 (Unreleased)
|
||||
-----------------------
|
||||
* The `unobtrusive-logo` mixin is deprecated and will be removed.
|
||||
If you use this, please move the source to your project.
|
||||
* The CSS3 modules were refactored to share a common implementation that
|
||||
abstracts the browser prefixes that are supported and gives
|
||||
greater control to the user over which prefixes are generated.
|
||||
Depending on what mixins you were using you might see some changes to
|
||||
what prefixes get generated by default and the order that they are
|
||||
emitted. The goal of this change is to provide a more future-proof
|
||||
implementation.
|
||||
* The unnecessary import of the `float` module from the `hacks` module
|
||||
was removed. If you were relying on this, you'll need to
|
||||
import the float module explicitly now.
|
||||
* The `pretty-bullets` mixin will now infer the image dimensions by
|
||||
reading the image file if the image dimensions are not provided.
|
||||
|
||||
0.10.0.rc3 (April 13, 2010)
|
||||
---------------------------
|
||||
* This release addresses several bugs in rc2.
|
||||
@ -1,49 +1,39 @@
|
||||
%p
|
||||
#border-radius.border-radius-example
|
||||
%p
|
||||
Box with all corners rounded
|
||||
|
||||
#border-radius.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-top-left.border-radius-example
|
||||
%p
|
||||
Box with only top left corner rounded
|
||||
|
||||
#border-radius-top-left.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-top-right.border-radius-example
|
||||
%p
|
||||
Box with only top right corner rounded
|
||||
|
||||
#border-radius-top-right.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-bottom-left.border-radius-example
|
||||
%p
|
||||
Box with only bottom left corner rounded
|
||||
|
||||
#border-radius-bottom-left.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-bottom-right.border-radius-example
|
||||
%p
|
||||
Box with only bottom right corner rounded
|
||||
|
||||
#border-radius-bottom-right.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radiusTop.border-radius-example
|
||||
%p
|
||||
Box with top corners rounded
|
||||
|
||||
#border-radiusTop.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-bottom.border-radius-example
|
||||
%p
|
||||
Box with bottom corners rounded
|
||||
|
||||
#border-radius-bottom.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-left.border-radius-example
|
||||
%p
|
||||
Box with left corners rounded
|
||||
|
||||
#border-radius-left.border-radius-example
|
||||
|
||||
%p
|
||||
#border-radius-right.border-radius-example
|
||||
%p
|
||||
Box with right corners rounded
|
||||
|
||||
#border-radius-right.border-radius-example
|
||||
|
||||
%p
|
||||
Box with different roundings for top/bottom and left/right
|
||||
|
||||
#border-radius-combo.border-radius-example
|
||||
%p
|
||||
Box with different roundings for top/bottom and left/right
|
||||
|
||||
@ -1,40 +1,45 @@
|
||||
@import compass/css3
|
||||
@import compass/css3, compass/utilities
|
||||
|
||||
#demo
|
||||
+clearfix
|
||||
|
||||
.border-radius-example
|
||||
width: 40px
|
||||
height: 40px
|
||||
width: 125px
|
||||
height: 125px
|
||||
background: red
|
||||
margin: 20px
|
||||
float: left
|
||||
padding: 5px
|
||||
|
||||
#border-radius
|
||||
+border-radius("10px")
|
||||
+border-radius(25px)
|
||||
|
||||
#border-radius-top-left
|
||||
+border-top-left-radius("10px")
|
||||
+border-top-left-radius(25px)
|
||||
|
||||
#border-radius-top-right
|
||||
+border-top-right-radius("10px")
|
||||
+border-top-right-radius(25px)
|
||||
|
||||
#border-radius-bottom-left
|
||||
+border-bottom-left-radius("10px")
|
||||
+border-bottom-left-radius(25px)
|
||||
|
||||
#border-radius-bottom-right
|
||||
+border-bottom-right-radius("10px")
|
||||
+border-bottom-right-radius(25px)
|
||||
|
||||
#border-radius-top
|
||||
+border-top-radius("10px")
|
||||
+border-top-radius(25px)
|
||||
|
||||
#border-radius-bottom
|
||||
+border-bottom-radius("10px")
|
||||
+border-bottom-radius(25px)
|
||||
|
||||
#border-radius-left
|
||||
+border-left-radius("10px")
|
||||
+border-left-radius(25px)
|
||||
|
||||
#border-radius-right
|
||||
+border-right-radius("10px")
|
||||
+border-right-radius(25px)
|
||||
|
||||
#border-radius-combo
|
||||
+border-corner-radius("top", "left", "20px")
|
||||
+border-corner-radius("top", "right", "5px")
|
||||
+border-corner-radius("bottom", "left", "12px")
|
||||
+border-corner-radius("bottom", "right", "28px")
|
||||
+border-corner-radius(top, left, 40px)
|
||||
+border-corner-radius(top, right, 5px)
|
||||
+border-corner-radius(bottom, left, 15px)
|
||||
+border-corner-radius(bottom, right, 30px)
|
||||
@ -9,7 +9,7 @@
|
||||
#radial-gradient.gradient-example
|
||||
|
||||
%p
|
||||
This yields a linear gradient spanning from !start to !end coordinates
|
||||
This yields a linear gradient spanning from $start to $end coordinates
|
||||
|
||||
#linear-gradient.gradient-example
|
||||
|
||||
|
||||
@ -3,9 +3,10 @@ title: Compass Documentation
|
||||
crumb: Docs
|
||||
body_id: home
|
||||
---
|
||||
%h1#logo Compass
|
||||
%article
|
||||
%h1#logo Compass
|
||||
|
||||
%p
|
||||
%p
|
||||
Compass is a stylesheet authoring tool that uses the Sass stylesheet
|
||||
language to make your stylesheets smaller and your web site easier to
|
||||
maintain. Compass provides ports of the best of breed css frameworks
|
||||
@ -13,16 +14,16 @@ body_id: home
|
||||
names. It’s a new way of thinking about stylesheets that must be seen
|
||||
in action!
|
||||
|
||||
%h2 Screencast Tutorial
|
||||
%h2 Screencast Tutorial
|
||||
|
||||
%p
|
||||
%p
|
||||
This screencast will walk you through getting set up,
|
||||
learning Sass, and then how to use Compass to style a webpage.
|
||||
|
||||
<object width="660" height="371"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4335944&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4335944&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="660" height="371"></embed></object>
|
||||
<object width="660" height="371"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4335944&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4335944&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="660" height="371" /></object>
|
||||
|
||||
%h2 Bugs Reports, Discussions, Support
|
||||
%h2 Bugs Reports, Discussions, Support
|
||||
|
||||
:markdown
|
||||
:markdown
|
||||
Send a note to the [mailing list](http://groups.google.com/group/compass-users)
|
||||
and/or [File a bug](http://github.com/chriseppstein/compass/issues).
|
||||
@ -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.
|
||||
---
|
||||
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Buttons
|
||||
crumb: Buttons
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_buttons.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Colors
|
||||
crumb: Colors
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_colors.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Debug
|
||||
crumb: Debug
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_debug.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -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
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Form
|
||||
crumb: Form
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_form.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Grid
|
||||
crumb: Grid
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_grid.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -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
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Interaction
|
||||
crumb: Interaction
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_interaction.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -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
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Liquid
|
||||
crumb: Liquid
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_liquid.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Print
|
||||
crumb: Print
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_print.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Reset
|
||||
crumb: Reset
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_reset.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Rtl
|
||||
crumb: Rtl
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_rtl.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Scaffolding
|
||||
crumb: Scaffolding
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_scaffolding.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Typography
|
||||
crumb: Typography
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_typography.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -3,8 +3,10 @@ title: Blueprint Utilities
|
||||
crumb: Utilities
|
||||
framework: blueprint
|
||||
stylesheet: blueprint/_utilities.scss
|
||||
layout: blueprint
|
||||
classnames:
|
||||
- reference
|
||||
- blueprint
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
|
||||
@ -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"
|
||||
|
||||
|
||||
@ -3,10 +3,19 @@ title: Compass CSS3
|
||||
crumb: CSS3
|
||||
framework: compass
|
||||
stylesheet: compass/_css3.scss
|
||||
layout: core
|
||||
classnames:
|
||||
- reference
|
||||
- core
|
||||
- css3
|
||||
meta_description: Provides cross browser CSS3 mixins that take advantage of available pre-spec vendor prefixes.
|
||||
layout: core
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example <code id="border-radius">border-radius</code> and <code id="text-shadow">text-shadow</code>.
|
||||
The CSS3 module provides cross-browser mixins for CSS properties
|
||||
introduced in CSS3, for example <code id="border-radius">border-radius</code>
|
||||
and <code id="text-shadow">text-shadow</code>.
|
||||
%p
|
||||
What rendering engines you support for the experimental css properties is governed by
|
||||
the configurable variables defined in <a href="/docs/reference/compass/css3/shared/">the css3 shared module</a>.
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
17
doc-src/content/reference/compass/css3/shared.haml
Normal file
17
doc-src/content/reference/compass/css3/shared.haml
Normal file
@ -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.
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -4,10 +4,13 @@ crumb: Layout
|
||||
framework: compass
|
||||
stylesheet: compass/_layout.scss
|
||||
meta_description: Page layout module. So far, this is just the sticky-footer mixin.
|
||||
layout: core
|
||||
classnames:
|
||||
- reference
|
||||
- core
|
||||
- layout
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
This module provides tools to help you with page layout.
|
||||
So far, it's just the stick-footer mixin.
|
||||
So far, it's just the <code><a href="/docs/reference/compass/layout/sticky_footer/#mixin-sticky-footer">sticky-footer</a></code> mixin.
|
||||
|
||||
@ -3,10 +3,35 @@ title: Compass Sticky Footer
|
||||
crumb: Sticky Footer
|
||||
framework: compass
|
||||
stylesheet: compass/layout/_sticky-footer.scss
|
||||
layout: core
|
||||
classnames:
|
||||
- reference
|
||||
- core
|
||||
- layout
|
||||
---
|
||||
- render 'reference' do
|
||||
%p
|
||||
:markdown
|
||||
This module provides tools needed to lay out your footer such
|
||||
that it sticks to the bottom of the page.
|
||||
|
||||
Mix in to the top level of your stylesheet, so the footer stays
|
||||
at the bottom of the screen. This mixin relies on the following
|
||||
HTML structure, and a fixed-height `#footer` element:
|
||||
|
||||
<body>
|
||||
<div id="root">
|
||||
<div id="root_footer"></div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
Footer content goes here.
|
||||
</div>
|
||||
</body>
|
||||
|
||||
If you use the default selectors, this mixin is simple to use.
|
||||
Just mix it into the top level of your stylesheet:
|
||||
|
||||
@include sticky-footer(54px)
|
||||
|
||||
You can also define the selectors yourself:
|
||||
|
||||
@include sticky-footer(54px, "#my-root", "#my-root-footer", "#my-footer")
|
||||
@ -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.
|
||||
@ -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 <a href="/docs/reference/compass/utilities/general/reset/#mixin-global-reset">global reset</a> to your stylesheet by simply importing it.
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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.
|
||||
@ -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'
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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.
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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.
|
||||
|
||||
|
||||
@ -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'
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
64
doc-src/content/stylesheets/_base.sass
Normal file
64
doc-src/content/stylesheets/_base.sass
Normal file
@ -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
|
||||
136
doc-src/content/stylesheets/_defaults.sass
Normal file
136
doc-src/content/stylesheets/_defaults.sass
Normal file
@ -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
|
||||
30
doc-src/content/stylesheets/_examples.sass
Normal file
30
doc-src/content/stylesheets/_examples.sass
Normal file
@ -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
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user