Thanks to Github, making small changes is super easy. After forking the project navigate
to the file you want to change and click the edit link.
Change the file, write a commit message, and click the `Commit` button.
Now you need to get your change [accepted](#patches).
Making Documentation Changes
The compass documentation is stored in two places. First, the `doc-src` directory is
where the documentation lives -- however much of the documentation is generated
from comments in the Sass files themselves. More information on [changing
documentation][documentation]. Once your changes are pushed, please
[submit them](#patches).
Fixing Stylesheet Bugs
**Step 3**: If this is a bug you discovered. Please [report it][issues] before working on a fix.
This helps us better understand the patch.
**Step 4**: Get [the code](#setting-up-git) if you haven't yet done so.
**Step 5**: Fix the bug and commit the changes. Please make sure to mention the bug
id in your commit message like so:
Fixed the display of the fizzlebuzz in IE6.
Closes GH-123.
**Step 6**: Verify the fix in as many browsers as you can as well as against your own
project. How to [use compass while changing it](#running-local-code).
**Step 7**: Make sure the tests pass. More info on [running tests](#running-tests)
If the tests fail, fix the tests or the stylesheets accordingly. If the tests, don't
fail, that means this aspect was not well enough tested. Please [add or augment
a test](#writing-tests).
You're done. Please [submit your changes](#patches).
Making Stylesheet Changes
It is a good idea to discuss new features ideas with the compass users and developers
before building something. Please don't be shy; send an email to the [compass mailing
list](http://groups.google.com/group/compass-users).
Many feature ideas are good but not obviously a good fit for the compass core library.
In these cases, you can and should create a [compass extension][extensions]. Sometimes
this is because the concept does not align with the [compass philosophy](#project-philosophy).
But sometimes it's just because we think the idea needs time to bake. [Documentation on
making extensions.][extensions]
**Step 3**: Get [the code](#setting-up-git) if you haven't yet done so.
**Step 4**: Add the feature -- contact the mailing list if you have any questions.
**Step 5**: Add a test case. More info on [writing tests for compass](#writing-tests).
**Step 6**: Documentation - Add or update the reference documentation. Add
an example of using the feature. See the [doc readme for details][documentation].
You're done. Please [submit your changes](#patches).
Making Ruby Changes
At this time, if you're a rubyist who's planning on working on the ruby-side of
things, it's assumed you know how to read code and use standard ruby tools like
rake, gem, bundler, test/unit, cucumber, rspec, etc. If you have any questions,
please ask. No changes will be accepted without accompanying tests.
Submitting Patches
If you are submitting features that have more than one changeset, please create a
topic branch to hold the changes while they are pending merge and also to track
iterations to the original submission. To create a topic branch:
$ git checkout -b new_branch_name
... make more commits if needed ...
$ git push origin new_branch_name
You can now see these changes online at a url like:
http://github.com/your_user_name/compass/commits/new_branch_name
If you have single-commit patches, it is fine to keep them on master. But do keep in
mind that these changesets might be
[cherry-picked](#recovering-from-rebased-or-cherry-picked-changesets).
Once your changeset(s) are on github, select the appropriate branch containing your
changes and send a pull request. Make sure to choose the same upstream branch that
you developed against (probably stable or master). Most of the description of your
changes should be in the commit messages -- so no need to write a whole lot in the
pull request message. However, the pull request message is a good place to provide a
rationale or use case for the change if you think one is needed. More info on [pull
requests][pulls].
Pull requests are then managed like an issue from the [compass issues page][issues].
A code review will be performed by a compass core team member, and one of three outcomes
will result:
1. The change is rejected -- Not all changes are right for [compass's
philosophy](#project-philosophy). If your change is rejected it might be better
suited for a plugin, at least until it matures and/or proves itself with the users.
2. The change is rejected, *unless* -- Sometimes, there are missing pieces, or
other changes that need to be made before the change can be accepted. Comments
will be left on the commits indicating what issues need to be addressed.
3. The change is accepted -- The change is merged into compass, sometimes minor
changes are then applied by the committer after the merge.
Project Structure
compass/
bin/
compass - CLI executable
devbin/ - development scripts after installing the bundle
doc-src/ - source for documentation
docs/ - generated documentation
features/ - tests for compass
frameworks/ - All frameworks in this directory are loaded automatically
compass/ - The compass framework
stylesheets/ - The compass libraries
templates/ - The compass project templates and patterns
blueprint/
stylesheets/ - The blueprint libraries
templates/ - The blueprint project templates and patterns
lib/
compass.rb - The main compass ruby library
compass/
app_integration/ - integration with app frameworks
commands/ - UI agnostic support for the CLI
configuration/ - support for project configuration
exec/ - UI code for the CLI
installers/ - support for installing templates
sass_extensions/ - enhancements to Sass
functions/ - Sass functions exposed by compass
monkey_patches/ - Changes to sass itself
test/ - unit tests
General Philosophy
1. Users specify their own selectors. Compass never forces a user
to use a presentational class name.
2. Compass does not require javascript. It is a CSS framework.
3. Compass core is "design agnostic". This is why compass core has no
grid framework -- grids are not design agnostic.
4. Compass frameworks are not special. If compass can do it, so should an extension
be able.
5. Sass is awesome -- Compass should make sass more accessible and
demonstrate how to use Sass to its fullest potential.
6. Developing across browsers is hard and will always be hard. It takes
a community to get it right.
7. By default, Compass supports as many browsers as it can. Where it can't
it progressively enhances. Where it degrades, the documentation should
make a note. Deviation from this requires an excellent reason.
8. Compass is a proving ground for Sass features. The watcher and color
functions are examples of features that started in Compass and got
moved to Sass.
Stylesheet Conventions
1. All framework stylesheets are partials. Their filename begin with an underscore.
Otherwise, Sass will create stylesheets directly into the user's CSS directory.
2. Compass imports do not emit styles. There are a few limited exceptions to this like
the resets and base classes for inheritance.
3. Mixins with two-level defaults. Mixins often provide two levels of default
values. The first is a global default that can be overridden once. The second
is a default that can be overridden when the mixin is included.
4. Mixin argument names are part of the public API, make sure they are understandable and not
needlessly truncated or terse.
5. If adding a new folder of stylesheets, add a single stylesheet with the same name that
imports all of the stylesheets in the folder.
6. Try to avoid passing selectors as arguments. This is what mixins are for.
Common Problems & Miscellaneous Info
Setting up Git
Please follow [these instructions](http://help.github.com/git-email-settings/)
to set up your email address and attribution information.
Download your git repo:
git clone git@github.com:your_username/compass.git
Set up a remote to the main repo:
cd compass
git remote add chriseppstein git://github.com/chriseppstein/compass.git
Getting recent changes from the main repo:
git fetch chriseppstein
Using Compass while Under Development
1. Use the bin script. `/path/to/compass/bin/compass` is a version of the compass
command line that uses the local changes you have made. You can add `/path/to/compass/bin`
to your `$PATH`, or refer to it directly.
2. `gem build compass.gemspec`
3. `gem install compass-.gem` -- If installing to your
system gems, you'll probably need to add `sudo` to the front. If you don't know
what that means, you probably need to add `sudo` to the front.
4. In a [bundled][bundler] environment, you can configure your gem to use compass
while you work on it like so: `gem 'compass', :path => "/Users/myusername/some/path/to/compass"`
Bundler will perform some sort of charm on ruby to make it work.
5. Configuring ruby directly. If you're a ruby pro, you probably don't need to be
told that you can set compass on the load path like so: `export RUBYLIB=/Users/myusername/some/path/to/compass/lib`
Running Tests
1. You must have Ruby installed on your system. After [setting up git](#setting-up-git),
change to the root directory of your git checkout of Compass.
`cd compass`
2. Install the bundler Ruby gem.
`gem install bundler`
If installing to your system gems, you'll probably need to add `sudo` to the
front of that command. If you don't know what that means, you probably need
to add `sudo` to the front.
3. Install development dependencies:
`bundle install --binstubs devbin`
4. Running core library and stylesheet tests:
`bundle exec rake test features`
5. Running behavior tests
`./devbin/cucumber`
If stylesheet tests fail, the output of the test project is captured in
`test/fixtures/stylesheets//saved/` and the error message will report where
the error was. Here's an example:
Writing Stylesheet Tests
Compass has stylesheet tests to ensure that:
- each stylesheet compiles
- each stylesheet can be imported directly without any other dependencies
- refactorings that should not affect the output, don't
At some point, it would be great to have a test system that verifies that the stylesheets
*work correctly* in various browsers. If you have ideas for how to accomplish this in a sane
way, please let us know.
In the `test/fixtures/stylesheets` directory, there are a number of compass projects.
The tests work by adding or updating the sass files, running the tests to make sure they fail,
and then changing the expected css output to make the test pass. It is rudimentary, but as
a safety net, it has caught a number of problems that might have been missed otherwise.
If you add a new stylesheet to compass, please make sure to add a new test stylesheet
that only imports the newly added stylesheet and add rules that use the new features in that
stylesheet.
You cherry-picked/rebased
my changes. What should I do?
Depending on any number of reasons, including but not limited to the alignment of the stars,
Your changes might not be merged into compass using a simple merge. For instance, we might
decide to place a change against master into stable instead, or we might squish all your
changes together into a single commit at the time of merge, or we might want a change you've
submitted but not a change that it was placed onto top of. In these cases, there are
a couple of ways you can react:
1. If you have some changes on a branch that were not yet accepted, but other changes on that
branch were accepted then you should run the following command (make sure to fetch first):
`git checkout branch_name; git rebase chriseppstein/master` (assuming the change was applied
to the master branch)
2. If all your changes on the topic branch were accepted or you don't care to keep it around
anymore: `git checkout master; git branch -D branch_name; git push origin :branch_name`
[pulls]: http://help.github.com/pull-requests/
[issues]: http://github.com/chriseppstein/compass/issues
[documentation]: http://github.com/chriseppstein/compass/blob/stable/doc-src/README.markdown
[bundler]: http://gembundler.com/
[extensions]: /help/tutorials/extensions/
================================================
FILE: Guardfile
================================================
group :tests do
guard :test do
watch(%r{^lib/(.+)\.rb$}) { |m| "test/#{m[1]}_test.rb" }
watch(%r{^test/.+_test\.rb$})
watch(%r{^test/units/.+_test\.rb$})
watch('test/test_helper.rb') { "test" }
end
end
group :features do
guard :cucumber do
watch(%r{^features/.+\.feature$})
watch(%r{^features/support/.+$}) { 'features' }
watch(%r{^features/step_definitions/(.+)_steps\.rb$}) { |m| Dir[File.join("**/#{m[1]}.feature")][0] || 'features' }
end
end
================================================
FILE: LICENSE.markdown
================================================
Copyright (c) 2009-2014 Christopher M. Eppstein
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
No attribution is required by products that make use of this software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Except as contained in this notice, the name(s) of the above copyright
holders shall not be used in advertising or otherwise to promote the sale,
use or other dealings in this Software without prior written authorization.
Contributors to this project agree to grant all rights to the copyright
holder of the primary product. Attribution is maintained in the source
control history of the product.
================================================
FILE: README.markdown
================================================
# Compass Stylesheet Authoring Framework
**Depreciated:** Compass is no longer supported.
Build Status: [](https://travis-ci.org/Compass/compass)
Code Quality: [](https://codeclimate.com/github/Compass/compass)
## Resources
* [Compass Homepage](http://compass-style.org/)
* [Installing Compass](http://compass-style.org/install/)
* [Compass Reference](http://compass-style.org/install/reference/)
## Author
Compass is written by [Chris Eppstein](http://chriseppstein.github.io/).
Chris is a software engineer at [LinkedIn](http://www.linkedin.com/) and a member of the [Sass](https://github.com/nex3/sass) core team.
## Core Team Members
* [Scott Davis](https://github.com/scottdavis)
* [Miriam Suzanne](https://github.com/mirisuzanne)
* [Brandon Mathis](https://github.com/imathis)
## Major Contributors
* [Nico Hagenburger](https://github.com/hagenburger)
## License
Copyright (c) 2008-2014 Christopher M. Eppstein
All Rights Reserved.
Released under a [slightly modified MIT License](LICENSE.markdown).
================================================
FILE: Rakefile
================================================
GEMS = ['core', 'cli', 'import-once']
task :default => %w[test]
desc "Run all tests"
task :test do
sh %{./test_all.sh} do |ok, res|
Rake::Task["test_cleanup"].invoke if ok
end
end
desc "build gems"
task :build_gems => [:test] do
GEMS.each do |gem|
chdir gem do
if gem == 'cli'
sh "gem build compass.gemspec"
else
sh "gem build compass-#{gem}.gemspec"
end
end
end
end
desc "publish gems"
task :publish_gems => [:build_gems] do
GEMS.each do |gem|
chdir gem do
if gem == 'cli'
sh "gem push compass.gemspec"
else
sh "gem push compass-#{gem}.gemspec"
end
end
end
end
desc "Clean up all test files"
task :test_cleanup do
dirs = [
'core/devbin/',
'core/.sass-cache/',
'core/test/integrations/projects/busted_font_urls/tmp/',
'core/test/integrations/projects/busted_image_urls/tmp/',
'core/test/integrations/projects/compass/tmp/',
'core/test/integrations/projects/envtest/tmp/',
'core/test/integrations/projects/image_urls/tmp/',
'core/test/integrations/projects/relative/tmp/',
'core/test/integrations/projects/uses_only_stylesheets_ext/tmp/',
'core/test/integrations/projects/valid/tmp/',
'import-once/.sass-cache/'
]
dirs.each { |dir| rm_rf dir }
end
desc "Bundle Update"
task :bundle_update do
GEMS.each do |gem|
chdir gem do
sh "bundle update"
end
end
end
================================================
FILE: TODO.md
================================================
FYI: I'm abandoning the even/odd release numbering scheme in favor of using preview releases. Going forward the master branch will use the following release numbering:
* 0.11.0.alpha.N.shortsha (Not tagged)
* 0.11.0.beta.N (tagged, new features expected)
* 0.11.0.rc.N (tagged, no new features expected)
MUST:
* A proper welcome page for blueprint projects (or delete it)
* Rails Integration
NICE:
* some extension commands
* Better help for commands and patterns
* Color Palette extraction and management commands
v0.11
=====
Planned Release Date: Aug 2, 2010
This is a quick iteration release. The focus on turning out
even better documentation and some stylesheet updates and
enhancements that take better advantage of the Sass 3 features.
### Docs (can be done on stable)
* Improve the design
* Better tutorials and getting started guides.
* Terminal for Designers
* Better examples & example navigation
* Contribution guide:
* Compass stylesheets
* Compass ruby code
* Documentation patches
* SCSS Style Guide
* Bundler 1.0 support
* Upgrade nanoc
* Better search experience
* Search mixins and constants and code fragments that might use those.
* Awesome homepage that is better integrated with the docs.
* HTML5 the docs so they can run locally in offline mode.
### Compass Core
* Updates as necessary to the CSS3 module as the spec process develops.
* Typography module
### Blueprint
* Provide an option to use @extend in the blueprint grid
### Rails
* Fully integrated support of Rails 3
### Other
* Consider adding app integration with: Node.js, Django, Drupal, Wordpress
(Wherever opinionated layouts exist). Also, try to make one of these a plugin
to test out the concept.
* clean up all the argument names in preparation for keyword argument support from sass.
v0.12
=====
This release depends on Sass 3.2 and is aimed at taking advantage of
the new sass 3.2 feature set as well as really making the extensions
system come alive. Since I don't foresee any deprecations in Sass 3.2,
this will not be a coordinated release. Instead, this release will
trail Sass 3.2 by a month or two.
### Compass Core
* Figure out what to do about multiple attribute properties like background.
Might require list and function support from sass.
### Blueprint
* If sass 3.2 is out with @function support, use that for grid
calculations, otherwise punt to 1.0.
### Extensions
* Extension registry on compass-style.org.
* One step publishing via github + webhooks
* Easy install via CLI
* Local (per-user) extension repo with auto-discovery.
* Video showing how easy it is to create, publish, and install an extension.
v1.0 - Polaris
==============
### Blueprint
* If the @extend version of the grid is full of win, make it the default.
### Sassdoc
Extract the compass documentation system into a stand-alone project.
### Extensions
* Build basic docs and host them for all extensions using sassdoc.
* Support for selling extensions and taking a cut for umdf.org?
### Project Tools
* enable building project docs using the sassdoc tool.
v2.0
====
Version 2 is all about making compass easier to use. Compass and Sass
will have a GUI that makes it simple to manage your projects.
### GUI Prerelease 1
* Concept brainstorming
* mockups
* How can compass gui and sass gui interoperate or plug in.
### GUI Prerelease 2
Beta release as a separate install.
### GUI Prerelease 3
* Iterate based on feedback.
* Integrate with a Sass GUI.
* Embed the docs
### One-click Installers
Install compass and sass with one click
* Windows (Only if someone else wants to build and maintain it.)
* Mac (.dmg + drag & drop app or installer)
* Linux (Get distro packages going and in place for the 1.0 release)
================================================
FILE: cli/.gitignore
================================================
*.DS_Store
*.tmproj
*.lock
tmp/*
devbin
.sass-cache
test/tmp
test/fixtures/stylesheets/*/tmp
test/fixtures/stylesheets/*/saved
test/fixtures/stylesheets/empty
test/fixtures/stylesheets/*/sass/.sass-cache
test/fixtures/stylesheets/valid/css/*
pkg/*
compass-*.gem
coverage*
docs
.bundle
attic
devbin
.rvmrc
*.rbc
vendor/ruby
vendor
Gemfile.lock
*.pkg
RELEASE_VERSION
================================================
FILE: cli/Gemfile
================================================
source 'https://rubygems.org'
gemspec unless defined?(CI)
unless ENV['PKG']
gem "sass", "~> 3.3.13" unless defined?(CI)
gem "compass-core", :path => "../core" unless defined?(CI)
gem "compass-import-once", :path => "../import-once" unless defined?(CI)
gem 'sass-globbing', "~> 1.1.1"
gem "cucumber", "~> 1.2.1"
gem "rspec", "~> 2.0.0"
gem "compass-validator", "3.0.1"
gem "css_parser", "~> 1.0.1"
gem "rubyzip", "0.9.9"
gem 'mocha', '0.11.4'
gem 'minitest', '2.12.1'
gem 'diff-lcs', '~> 1.1.2'
gem 'rake'
gem 'json', '~> 1.7.7', :platforms => :ruby_18
gem 'true', "~> 0.2.3"
gem 'test-unit', '~> 3.0.9'
# Warning be carful adding OS dependant gems above this line it will break the CI server please
# place them below so they are excluded
unless ENV["CI"]
gem 'rb-fsevent'
gem 'ruby_gntp'
gem "ruby-prof", :platforms => [:mri_19, :mri_20]
gem "rcov", :platforms => :mri_18
gem 'guard', :platforms => [:mri_20]
gem 'guard-test', :platforms => [:mri_20]
gem 'guard-cucumber', :platforms => [:mri_20]
# gem 'packager'
gem 'colorize'
gem 'pry'
end
end
================================================
FILE: cli/Rakefile
================================================
sh "git checkout lib/compass/generated_version.rb"
require 'rubygems'
require 'rubygems/package_task'
require 'rake/testtask'
require 'fileutils'
if ENV["PKG"]
$: << File.expand_path(File.dirname(__FILE__))+"/lib"
else
require 'bundler/setup'
end
unless ENV['CI']
require 'colorize'
require 'fileutils'
end
begin
require 'rake/dsl_definition'
rescue LoadError
# pass
end
# ----- Default: Testing ------
task :default => [:test, :features]
begin
require 'cucumber'
require 'cucumber/rake/task'
Cucumber::Rake::Task.new(:features) do |t|
#t.cucumber_opts = %w{--format progress}
end
rescue LoadError
$stderr.puts "cannot load cucumber"
end
Rake::TestTask.new :test do |t|
t.libs << 'lib'
t.libs << 'test'
test_files = FileList['test/**/*_test.rb']
test_files.exclude('test/rails/*', 'test/haml/*')
t.test_files = test_files
t.verbose = true
end
Rake::TestTask.new :units do |t|
t.libs << 'lib'
t.libs << 'test'
test_files = FileList['test/units/**/*_test.rb']
test_files.exclude('test/rails/*', 'test/haml/*')
t.test_files = test_files
t.verbose = true
end
Rake::TestTask.new :integrations do |t|
t.libs << 'lib'
t.libs << 'test'
test_files = FileList['test/integrations/**/*_test.rb']
test_files.exclude('test/rails/*', 'test/haml/*')
t.test_files = test_files
t.verbose = true
end
namespace :git do
task :clean do
sh "git", "clean", "-fdx"
end
end
begin
require 'cucumber/rake/task'
require 'rcov/rcovtask'
namespace :rcov do
Cucumber::Rake::Task.new(:cucumber) do |t|
t.rcov = true
t.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
t.rcov_opts << %[-o "coverage"]
end
Rcov::RcovTask.new(:units) do |rcov|
rcov.libs << 'lib'
test_files = FileList['test/**/*_test.rb']
test_files.exclude('test/rails/*', 'test/haml/*')
rcov.pattern = test_files
rcov.output_dir = 'coverage'
rcov.verbose = true
rcov.rcov_opts = %w{--exclude osx\/objc,gems\/,spec\/,features\/ --aggregate coverage.data}
rcov.rcov_opts << %[-o "coverage" --sort coverage]
end
desc "Run both specs and features to generate aggregated coverage"
task :all do |t|
rm "coverage.data" if File.exist?("coverage.data")
Rake::Task["rcov:units"].invoke
Rake::Task["rcov:cucumber"].invoke
end
end
rescue LoadError => e
puts "WARNING: #{e}"
end
namespace :test do
debug = false
desc "update test expectations if needed"
task :update do
Rake::Task['test:update:fixtures'].invoke
end
task :debug do
debug = true
Rake::Task['test:update:fixtures'].invoke
end
namespace :update do
EXPECTED = 'css'
TMP = 'tmp'
#desc "update fixture expectations for test cases if needed"
task :fixtures do
fixtures = File.join('test/fixtures/stylesheets/compass'.split('/'))
# remove any existing temporary files
FileUtils.rm_rf(File.join(File.dirname(__FILE__), fixtures, TMP, '.'))
# compile the fixtures
puts "checking test cases..."
CHECKMARK = "\u2713 "
filter = debug ? '--trace' : "| grep 'error.*#{fixtures}'"
errors = %x[compass compile #{fixtures} #{filter}]
# check for compilation errors
if not errors.empty?
puts "Please fix the following errors before proceeding:".colorize(:red) if not debug
puts errors
else
# check to see what's changed
diff = %x[diff -r #{File.join(fixtures, EXPECTED, '')} #{File.join(fixtures, TMP, '')}]
# ignore non-CSS files in css/
diff.gsub!(/^Only in .*\/css\/(.*)\:.*[^.]/, '')
if diff.empty?
puts "#{CHECKMARK}Cool! Looks like all the tests are up to date".colorize(:green)
else
puts "The following changes were found:"
puts "===================================="
# check for new or removed expectations
diff.scan(/^Only in .*\/(#{EXPECTED}|#{TMP})\/(.*)\: (.*).css/).each do |match|
config = (match[0] == TMP) ? [:green, '>', 'NEW TEST'] : [:red, '<', 'DELETED']
puts "[#{File.join(match[1], match[2])}] #{config[2].colorize(config[0])}".colorize(:cyan)
new_file = File.join(File.dirname(__FILE__), fixtures, match[0], match[1], match[2]) + '.css'
puts File.read(new_file).gsub(/^(.*)/, config[1] + ' \1').colorize(config[0])
end
diff = diff.gsub(/^diff\s\-r\s.*\/tmp\/(.*).css/, '[\1]'.colorize(:cyan))
diff = diff.gsub(/^Only in .*\n?/, '')
diff = diff.gsub(/^(\<.*)/, '\1'.colorize(:red))
diff = diff.gsub(/^(\>.*)/, '\1'.colorize(:green))
diff = diff.gsub(/^(\d+.*)/, '\1'.colorize(:cyan))
puts diff
puts "===================================="
puts "Are all of these changes expected? [y/n]".colorize(:yellow)
if (($stdin.gets.chomp)[0] == 'y')
FileUtils.rm_rf(File.join(File.dirname(__FILE__), fixtures, EXPECTED, '.'))
FileUtils.cp_r(File.join(File.dirname(__FILE__), fixtures, TMP, '.'), File.join(File.dirname(__FILE__), fixtures, EXPECTED))
puts "#{CHECKMARK}Thanks! The test expectations have been updated".colorize(:green)
else
puts "Please manually update the test cases and expectations".colorize(:red)
end
end
end
end
end
end
# Release tasks
gemspec_file = FileList['compass.gemspec'].first
spec = eval(File.read(gemspec_file), binding, gemspec_file)
spec.files.delete("VERSION")
spec.files.delete("VERSION_NAME")
def spec.bump!
segments = version.to_s.split(".")
segments[-1] = segments.last.succ
self.version = Gem::Version.new(segments.join("."))
end
# Set SAME_VERSION when moving to a new major version and you want to specify the new version
# explicitly instead of bumping the current version.
# E.g. rake build SAME_VERSION=true
spec.bump! unless ENV["SAME_VERSION"]
desc "Run tests and build compass-#{spec.version}.gem"
task :build => [:default, :gem]
task :gem => :release_version
task :release_version do
open("lib/compass/generated_version.rb", "w") do |f|
f.write(< [:record_version, :push_gem, :tag]
desc "Build & Publish version #{spec.version}"
task :release => [:build, :publish]
Gem::PackageTask.new(spec) do |pkg|
pkg.need_zip = true
pkg.need_tar = true
end
desc "Record the new version in version control for posterity"
task :record_version do
unless ENV["SAME_VERSION"]
open(FileList["VERSION"].first, "w") do |f|
f.write(spec.version.to_s)
end
sh "git add VERSION"
sh "git checkout lib/compass/generated_version.rb"
sh %Q{git commit -m "Bump version to #{spec.version}."}
end
end
desc "Tag the repo as #{spec.version} and push the code and tag."
task :tag do
sh "git tag -a -m 'Version #{spec.version}' #{spec.version}"
sh "git push --tags origin #{`git rev-parse --abbrev-ref HEAD`}"
end
desc "Push compass-#{spec.version}.gem to the rubygems server"
task :push_gem do
sh "gem push pkg/compass-#{spec.version}.gem"
end
================================================
FILE: cli/VERSION
================================================
1.0.3
================================================
FILE: cli/VERSION_NAME
================================================
Polaris
================================================
FILE: cli/bin/compass
================================================
#!/usr/bin/env ruby
# The compass command line utility
# This allows compass to run easily from a git checkout without install.
def fallback_load_path(path)
retried = false
begin
yield
rescue LoadError
unless retried
$: << path
retried = true
retry
end
raise
end
end
fallback_load_path(File.join(File.dirname(__FILE__), '..', 'lib')) do
require 'compass'
require 'compass/exec'
end
if defined?(Bundler)
require 'bundler/shared_helpers'
Bundler.require :assets if Bundler::SharedHelpers.in_bundle?
end
runner = Proc.new do
Compass::Exec::SubCommandUI.new(ARGV).run!
end
if ARGV.delete("--profile")
require 'ruby-prof'
RubyProf.start
exit_code = runner.call
result = RubyProf.stop
# Print a flat profile to text
printer = RubyProf::FlatPrinter.new(result)
printer.print(STDERR, 0)
exit exit_code
else
exit runner.call || 1
end
================================================
FILE: cli/compass.gemspec
================================================
path = File.expand_path("lib", File.dirname(__FILE__))
$:.unshift(path) unless $:.include?(path)
require 'compass/version'
Gem::Specification.new do |gemspec|
gemspec.name = "compass"
gemspec.version = Compass::VERSION # Update VERSION file to set this.
gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintenance of CSS."
gemspec.homepage = "http://compass-style.org"
gemspec.authors = ["Chris Eppstein", "Scott Davis", "Eric M. Suzanne", "Brandon Mathis", "Nico Hagenburger"]
gemspec.email = "chris@eppsteins.net"
gemspec.executables = %w(compass)
gemspec.require_paths = %w(lib)
gemspec.rubygems_version = "1.3.5"
gemspec.summary = %q{A Real Stylesheet Framework}
gemspec.add_dependency 'sass', '>= 3.3.13', '< 3.5'
gemspec.add_dependency 'compass-core', "~> #{File.read(File.join(File.dirname(__FILE__),"..","core","VERSION")).strip}"
gemspec.add_dependency 'compass-import-once', "~> #{File.read(File.join(File.dirname(__FILE__),"..","import-once","VERSION")).strip}"
gemspec.add_dependency 'chunky_png', '~> 1.2'
gemspec.add_dependency 'rb-fsevent', '>= 0.9.3'
gemspec.add_dependency 'rb-inotify', '>= 0.9'
gemspec.post_install_message = <<-MESSAGE
Compass is charityware. If you love it, please donate on our behalf at http://umdf.org/compass Thanks!
MESSAGE
gemspec.files = %w(LICENSE.markdown VERSION VERSION_NAME Rakefile)
gemspec.files += Dir.glob("bin/*")
gemspec.files += Dir.glob("data/**/*")
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
================================================
FILE: cli/features/command_line.feature
================================================
Feature: Command Line
In order to manage my stylesheets
As a user on the command line
I want to create a new project
Scenario: Install a project without a framework
When I create a project using: compass create my_project
Then a directory my_project/ is created
And a configuration file my_project/config.rb is created
And a sass file my_project/sass/screen.scss is created
And a sass file my_project/sass/print.scss is created
And a sass file my_project/sass/ie.scss is created
And a css file my_project/stylesheets/screen.css is created
And a css file my_project/stylesheets/print.css is created
And a css file my_project/stylesheets/ie.css is created
And I am told how to link to /stylesheets/screen.css for media "screen, projection"
And I am told how to link to /stylesheets/print.css for media "print"
And I am told how to conditionally link "IE" to /stylesheets/ie.css for media "screen, projection"
Scenario: Install a project with specific directories
When I create a project using: compass create custom_project --using compass --sass-dir sass --css-dir css --images-dir assets/imgs
Then a directory custom_project/ is created
And a directory custom_project/sass/ is created
And a directory custom_project/css/ is created
And a sass file custom_project/sass/screen.scss is created
And a css file custom_project/css/screen.css is created
Scenario: Creating a bare project
When I create a project using: compass create bare_project --bare
Then a directory bare_project/ is created
And a configuration file bare_project/config.rb is created
And a directory bare_project/sass/ is created
And a directory bare_project/stylesheets/ is not created
And I am congratulated
And I am told that I can place stylesheets in the sass subdirectory
And I am told how to compile my sass stylesheets
Scenario: Compiling a project with errors
Given I am using the existing project in test/fixtures/stylesheets/valid
And the project has a file named "sass/error.scss" containing:
"""
.broken {
"""
When I run: compass compile
Then the command exits with a non-zero error code
Scenario: Creating a bare project with a framework
When I create a project using: compass create bare_project --using blueprint --bare
Then an error message is printed out: A bare project cannot be created when a framework is specified.
And the command exits with a non-zero error code
Scenario: Compiling an existing project.
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
Then a directory tmp/ is created
And a css file tmp/simple.css is created
Scenario: Compiling an existing project with a specified project
Given I am using the existing project in test/fixtures/stylesheets/valid
And I am in the parent directory
When I run: compass compile tmp_valid
Then a directory tmp_valid/tmp/ is created
And a css file tmp_valid/tmp/simple.css is created
Scenario: Recompiling a project with no changes
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I run: compass compile
Scenario: compiling a specific file in a project
Given I am using the existing project in test/fixtures/stylesheets/valid
And I run: compass compile sass/simple.sass
Then a sass file sass/another_simple.scss is not mentioned
And a css file tmp/simple.css is reported written
And a css file tmp/simple.css is created
And a css file tmp/another_simple.css is not created
Scenario: Re-compiling a specific file in a project with no changes
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I run: compass compile sass/simple.sass --force
Then a sass file sass/another_simple.scss is not mentioned
And a css file tmp/simple.css is reported written
Scenario: Basic help
When I run: compass help
Then I should see the following "primary" commands:
| clean |
| compile |
| create |
| init |
| watch |
And I should see the following "other" commands:
| config |
| extension |
| frameworks |
| help |
| imports |
| install |
| interactive |
| sprite |
| stats |
| unpack |
| validate |
| version |
Scenario: Recompiling a project with no material changes
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I wait 1 second
And I touch sass/simple.sass
And I run: compass compile
Then a css file tmp/simple.css is reported written
Scenario: Recompiling a project with changes
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I wait 1 second
And I add some sass to sass/simple.sass
And I run: compass compile
And a css file tmp/simple.css is reported written
Scenario: Cleaning a project
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I run: compass clean
Then the following files are reported removed:
| .sass-cache/ |
| tmp/simple.css |
| tmp/another_simple.css |
And the following files are removed:
| .sass-cache/ |
| tmp/simple.css |
| tmp/another_simple.css |
@now
Scenario: Watching a project for changes
Given ruby supports fork
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass compile
And I run in a separate process: compass watch
And I wait 4 seconds
And I touch sass/simple.sass
And I wait 2 seconds
And I shutdown the other process
Then a css file tmp/simple.css is reported written
Scenario: Generate a compass configuration file
Given I should clean up the directory: config
When I run: compass config config/compass.rb --sass-dir sass --css-dir assets/css
Then a configuration file config/compass.rb is created
And the following configuration properties are set in config/compass.rb:
| property | value |
| sass_dir | sass |
| css_dir | assets/css |
Scenario Outline: Print out a configuration value
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass config -p
Then I should see the following output:
And the command exits
Examples:
| property | value | exit |
| extensions_dir | extensions | normally |
| extensions_path | $PROJECT_PATH/extensions | normally |
| css_dir | tmp | normally |
| css_path | $PROJECT_PATH/tmp | normally |
| sass_dir | sass | normally |
| sass_path | $PROJECT_PATH/sass | normally |
| foobar | ERROR: configuration property 'foobar' does not exist | with a non-zero error code |
@validator
Scenario: Validate the generated CSS
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: compass validate
Then my css is validated
And I am informed that my css is valid.
@stats
Scenario: Get stats for my project
Given I am using the existing project in test/fixtures/stylesheets/valid
When I run: bundle exec compass stats
Then I am told statistics for each file:
| Filename | Rules | Properties | Mixins Defs | Mixins Used | Filesize | CSS Selectors | CSS Properties | CSS Filesize |
| sass/simple.sass | \d+ | \d+ | \d+ | \d+ | \d+ K?B | \d+ | \d+ | \d+ K?B |
| sass/another_simple.scss | \d+ | \d+ | \d+ | \d+ | \d+ K?B | \d+ | \d+ | \d+ K?B |
| Total.* | \d+ | \d+ | \d+ | \d+ | \d+ K?B | \d+ | \d+ | \d+ K?B |
@listframeworks
Scenario: List frameworks registered with compass
When I run: compass frameworks
Then I should see the following lines of output:
| compass |
================================================
FILE: cli/features/extensions.feature
================================================
Feature: Extensions
In order to have an open source ecosystem for stylesheets
As a compass user
I can install extensions that others have created
And I can create and publish my own extensions
@listframeworks
Scenario: Extensions directory for stand_alone projects
Given I am using the existing project in test/fixtures/stylesheets/compass
And the "extensions" directory exists
And and I have a fake extension at extensions/testing
When I run: compass frameworks
Then the list of frameworks includes "testing"
@listframeworks
Scenario: Shared extensions directory
Given the "~/.compass/extensions" directory exists
And and I have a fake extension at ~/.compass/extensions/testing
And I am using the existing project in test/fixtures/stylesheets/compass
When I run: compass frameworks
Then the list of frameworks includes "testing"
@listframeworks
Scenario: Frameworks without templates
Given I am using the existing project in test/fixtures/stylesheets/uses_only_stylesheets_ext
When I run: compass frameworks
Then the list of frameworks includes "only_stylesheets"
================================================
FILE: cli/features/step_definitions/command_line_steps.rb
================================================
$:.unshift(File.expand_path(File.join(File.dirname(__FILE__), '../../test')))
require 'bundler/setup'
require 'test_helper'
require 'compass/exec'
include Compass::TestCaseHelper
include Compass::CommandLineHelper
include Compass::IoHelper
Before do
Compass.reset_configuration!
@cleanup_directories = []
@original_working_directory = Dir.pwd
end
After do
Dir.chdir @original_working_directory
@cleanup_directories.each do |dir|
FileUtils.rm_rf dir
end
end
Given "ruby supports fork" do
if RUBY_PLATFORM == "java"
pending
end
end
# Given Preconditions
Given %r{^I am using the existing project in ([^\s]+)$} do |project|
tmp_project = "tmp_#{File.basename(project)}"
@cleanup_directories << tmp_project
FileUtils.cp_r project, tmp_project
Dir.chdir tmp_project
end
Given %r{^I am in the parent directory$} do
Dir.chdir ".."
end
Given /^I should clean up the directory: (\w+)$/ do |directory|
@cleanup_directories << directory
end
Given %r{^the project has a file named "([^"]*)" containing:$} do |arg1, string|
File.open(arg1, "w") do |f|
f << string
end
end
# When Actions are performed
When /^I create a project using: compass create ([^\s]+) ?(.+)?$/ do |dir, args|
@cleanup_directories << dir
compass 'create', dir, *(args || '').split
end
When /^I initialize a project using: compass init ?(.+)?$/ do |args|
compass 'init', *(args || '').split
end
When /^I run: compass ([^\s]+) ?(.+)?$/ do |command, args|
compass command, *(args || '').split
end
When /^I run in a separate process: compass ([^\s]+) ?(.+)?$/ do |command, args|
unless @other_process = fork
@last_result = ''
@last_error = ''
Signal.trap("HUP") do
open('/tmp/last_result.compass_test.txt', 'w') do |file|
file.puts $stdout.string
end
open('/tmp/last_error.compass_test.txt', 'w') do |file|
file.puts $stderr.string
end
exit!
end
# this command will run forever
# we kill it with a HUP signal from the parent process.
args = (args || '').split
args << { :wait => 5 }
compass command, *args
exit!
end
end
When /^I shutdown the other process$/ do
Process.kill("HUP", @other_process)
Process.wait
@last_result = File.read('/tmp/last_result.compass_test.txt')
@last_error = File.read('/tmp/last_error.compass_test.txt')
end
When /^I touch ([^\s]+)$/ do |filename|
FileUtils.touch filename
end
When /^I wait ([\d.]+) seconds?$/ do |count|
sleep count.to_f
end
When /^I add some sass to ([^\s]+)$/ do |filename|
open(filename, "w+") do |file|
file.puts ".added .some .arbitrary"
file.puts " sass: code"
end
end
# Then postconditions
Then /^a directory ([^ ]+) is (not )?created$/ do |directory, negated|
File.directory?(directory).should == !negated
end
Then /an? \w+ file ([^ ]+) is (not )?removed/ do |filename, negated|
File.exists?(filename).should == !!negated
end
Then /an? \w+ file ([^ ]+) is (not )?created/ do |filename, negated|
File.exists?(filename).should == !negated
end
Then "the following files are reported removed:" do |table|
table.rows.each do |css_file|
#need to find a better way but this works for now
step %Q{a css file #{css_file.first} is reported removed}
end
end
Then "the following files are removed:" do |table|
table.rows.each do |css_file|
step %Q{a css file #{css_file.first} is removed}
end
end
Then /an? \w+ file ([^ ]+) is reported removed/ do |filename|
@last_result.should =~ /delete.*#{Regexp.escape(filename)}/
end
Then /an? \w+ file ([^ ]+) is reported written/ do |filename|
@last_result.should =~ /write.*#{Regexp.escape(filename)}/
end
Then /a \w+ file ([^ ]+) is (?:reported )?compiled/ do |filename|
@last_result.should =~ /compile.*#{Regexp.escape(filename)}/
end
Then /a \w+ file ([^ ]+) is reported unchanged/ do |filename|
@last_result.should =~ /unchanged.*#{Regexp.escape(filename)}/
end
Then /a \w+ file ([^ ]+) is reported identical/ do |filename|
@last_result.should =~ /identical.*#{Regexp.escape(filename)}/
end
Then /a \w+ file ([^ ]+) is reported overwritten/ do |filename|
@last_result.should =~ /overwrite.*#{Regexp.escape(filename)}/
end
Then /a \w+ file ([^ ]+) is not mentioned/ do |filename|
@last_result.should_not =~ /#{Regexp.escape(filename)}/
end
Then /I am told how to link to ([^ ]+) for media "([^"]+)"/ do |stylesheet, media|
@last_result.should =~ %r{}
end
Then /I am told how to conditionally link "([^"]+)" to ([^ ]+) for media "([^"]+)"/ do |condition, stylesheet, media|
@last_result.should =~ %r{}mi
end
Then /^an error message is printed out: (.+)$/ do |error_message|
@last_error.should =~ Regexp.new(Regexp.escape(error_message))
end
Then /^the command exits with a non\-zero error code$/ do
@last_exit_code.should_not == 0
end
Then /^the command exits normally$/ do
@last_exit_code.should == 0
end
Then /^I am congratulated$/ do
@last_result.should =~ /Congratulations!/
end
Then /^I am told that I can place stylesheets in the ([^\s]+) subdirectory$/ do |subdir|
@last_result.should =~ /You may now add sass stylesheets to the #{subdir} subdirectory of your project./
end
Then /^I am told how to compile my sass stylesheets$/ do
@last_result.should =~ /You must compile your sass stylesheets into CSS when they change.\nThis can be done in one of the following ways:/
end
Then /^I should be shown a list of "([^"]+)" commands$/ do |kind|
@last_result.should =~ /^#{kind.capitalize} Commands:$/
@last_command_list = []
found = false
indent = nil
@last_result.split("\n").each do |line|
if line =~ /^#{kind.capitalize} Commands:$/
found = true
elsif found && line =~ /^\s+/
@last_command_list << line
elsif found && line =~ /^$|^\w/
break
end
end
end
Then /^the list of commands should describe the ([^ ]+) command$/ do |command|
@last_result.should =~ /^\s+\* #{command}\s+- [A-Z].+$/
end
Then /^the following configuration properties are set in ([^ ]+):$/ do |config_file, table|
config = Compass::Configuration::FileData.new_from_file(config_file)
table.hashes.each do |hash|
config.send(hash['property']).should == hash['value']
end
end
Then /^my css is validated$/ do
if @last_error =~ /The Compass CSS Validator could not be loaded/
pending "Missing Dependency: sudo gem install compass-validator"
else
@last_result.should =~ /files? validated/
end
end
Then /^I am informed that my css is valid.$/ do
@last_result.should =~ /Result: Valid/
end
Then /^I am told statistics for each file:$/ do |table|
# table is a Cucumber::Ast::Table
table.raw.each do |row|
re = Regexp.new row.join(' *\| *')
@last_result.should =~ re
end
end
Then /^I should see the following "([^"]+)" commands:$/ do |kind, table|
step %Q{I should be shown a list of "#{kind}" commands}
commands = @last_command_list.map{|c| c =~ /^\s+\* ([^ ]+)\s+- [A-Z].+$/; [$1]}
table.diff!(commands)
end
Then /^the image ([^ ]+) has a size of (\d+)x(\d+)$/ do |file, width, height|
# see http://snippets.dzone.com/posts/show/805
size = File.open(file, "rb") {|io| io.read}[0x10..0x18].unpack('NN')
size.should == [width.to_i, height.to_i]
end
Then /^I should see the following lines of output:$/ do |table|
table.diff!([['compass']])
end
Then /^I should see the following output: (.+)$/ do |expected|
(@last_result.strip + @last_error.strip).should == expected.gsub(/\$PROJECT_PATH/,Dir.pwd).strip
end
================================================
FILE: cli/features/step_definitions/extension_steps.rb
================================================
Given /^the "([^\"]*)" directory exists$/ do |directory|
directory.gsub!('~', ENV["HOME"]) if directory.include?('~/')
FileUtils.mkdir_p directory
end
Given /^and I have a fake extension at (.*)$/ do |directory|
directory.gsub!('~', ENV["HOME"]) if directory.include?('~/')
FileUtils.mkdir_p File.join(directory, 'stylesheets')
FileUtils.mkdir_p File.join(directory, 'templates/project')
open(File.join(directory, 'templates/project/manifest.rb'),"w") do |f|
f.puts %Q{
description "This is a fake extension"
help "this is the fake help"
welcome_message "this is a fake welcome"
}
end
end
Then /^the list of frameworks includes "([^\"]*)"$/ do |framework|
@last_result.split("\n").map{|f| f.gsub(/(^\s+[*-]\s+)|(\s+$)/,'')}.should include(framework)
end
================================================
FILE: cli/gemfiles/listen_2.gemfile
================================================
CI=true
main_gemfile = File.expand_path(File.join(File.dirname(__FILE__), "..", "Gemfile"))
eval File.read(main_gemfile), nil, main_gemfile
gem 'sass', '~> 3.3.12'
gem 'compass', :path => "../"
gem 'compass-core', :path => "../../core"
gem 'compass-import-once', :path => "../../import-once"
gem 'listen', '~> 2.7.1'
gemspec :path=>"../"
================================================
FILE: cli/gemfiles/sass_3_3.gemfile
================================================
CI=true
main_gemfile = File.expand_path(File.join(File.dirname(__FILE__), "..", "Gemfile"))
eval File.read(main_gemfile), nil, main_gemfile
gem 'sass', "~> 3.3.12"
gem 'compass', :path => "../"
gem 'compass-core', :path => "../../core"
gem 'compass-import-once', :path => "../../import-once"
gemspec :path=>"../"
================================================
FILE: cli/gemfiles/sass_local.gemfile
================================================
CI=true
main_gemfile = File.expand_path(File.join(File.dirname(__FILE__), "..", "Gemfile"))
eval File.read(main_gemfile), nil, main_gemfile
gem 'sass', :path => "../../sass"
gem 'compass', :path => "../"
gemspec :path=>"../"
================================================
FILE: cli/lib/compass/actions.rb
================================================
module Compass
module Actions
attr_writer :logger
def logger
@logger ||= ::Compass::Logger.new
end
# copy/process a template in the compass template directory to the project directory.
def copy(from, to, options = nil, binary = false)
options ||= self.options if self.respond_to?(:options)
if binary
contents = File.new(from,"rb").read
else
contents = File.new(from).read
end
write_file to, contents, options, binary
end
# create a directory and all the directories necessary to reach it.
def directory(dir, options = nil)
options ||= self.options if self.respond_to?(:options)
options ||= {}
if File.exists?(dir) && File.directory?(dir)
# do nothing
elsif File.exists?(dir)
msg = "#{basename(dir)} already exists and is not a directory."
raise Compass::FilesystemConflict.new(msg)
else
log_action :directory, separate("#{basename(dir)}/"), options
FileUtils.mkdir_p(dir)
end
end
# Write a file given the file contents as a string
def write_file(file_name, contents, options = nil, binary = false)
options ||= self.options if self.respond_to?(:options)
skip_write = false
contents = process_erb(contents, options[:erb]) if options[:erb]
if File.exists?(file_name)
existing_contents = IO.read(file_name)
if existing_contents == contents
log_action :identical, basename(file_name), options
skip_write = true
elsif options[:force]
log_action :overwrite, basename(file_name), options
else
msg = "File #{basename(file_name)} already exists. Run with --force to force overwrite."
raise Compass::FilesystemConflict.new(msg)
end
else
log_action :create, basename(file_name), options
end
if skip_write
FileUtils.touch file_name
else
mode = "w"
mode << "b" if binary
open(file_name, mode) do |file|
file.write(contents)
end
end
end
def process_erb(contents, ctx = nil)
ctx = Object.new.instance_eval("binding") unless ctx.is_a? Binding
ERB.new(contents).result(ctx)
end
def remove(file_name)
file_name ||= ''
if File.directory?(file_name)
FileUtils.rm_rf file_name
log_action :remove, basename(file_name)+"/", options
elsif File.exists?(file_name)
File.unlink file_name
log_action :remove, basename(file_name), options
end
end
def basename(file)
relativize(file) {|f| File.basename(file)}
end
def relativize(path)
path = File.expand_path(path)
if path.index(working_path+File::SEPARATOR) == 0
path[(working_path+File::SEPARATOR).length..-1]
elsif block_given?
yield path
else
path
end
end
# Write paths like we're on unix and then fix it
def separate(path)
path.gsub(%r{/}, File::SEPARATOR)
end
# Removes the trailing separator, if any, from a path.
def strip_trailing_separator(path)
(path[-1..-1] == File::SEPARATOR) ? path[0..-2] : path
end
def log_action(action, file, options)
quiet = !!options[:quiet]
quiet = false if options[:loud] && options[:loud] == true
quiet = false if options[:loud] && options[:loud].is_a?(Array) && options[:loud].include?(action)
unless quiet
logger.record(action, file, options[:extra].to_s)
end
end
end
end
================================================
FILE: cli/lib/compass/app_integration/stand_alone/configuration_defaults.rb
================================================
module Compass
module AppIntegration
module StandAlone
module ConfigurationDefaults
def default_project_type
:stand_alone
end
def sass_dir_without_default
"sass"
end
def javascripts_dir_without_default
"javascripts"
end
def css_dir_without_default
"stylesheets"
end
def images_dir_without_default
"images"
end
def default_cache_dir
".sass-cache"
end
end
end
end
end
================================================
FILE: cli/lib/compass/app_integration/stand_alone/installer.rb
================================================
module Compass
module Installers
class Base
end
class ManifestInstaller < Base
end
end
module AppIntegration
module StandAlone
class Installer < Compass::Installers::ManifestInstaller
def init
directory targetize("")
super
end
def write_configuration_files(config_file = nil)
config_file ||= targetize('config.rb')
write_file config_file, config_contents
end
def config_files_exist?
File.exists? targetize('config.rb')
end
def config_contents
project_path, Compass.configuration.project_path = Compass.configuration.project_path, nil
Compass.configuration.serialize
ensure
Compass.configuration.project_path = project_path
end
def prepare
write_configuration_files unless config_files_exist? || !@manifest.generate_config?
end
def completed_configuration
nil
end
def finalize(options = {})
if options[:create] && !manifest.welcome_message_options[:replace]
puts <<-NEXTSTEPS
*********************************************************************
Congratulations! Your compass project has been created.
You may now add and edit sass stylesheets in the #{Compass.configuration.sass_dir} subdirectory of your project.
Sass files beginning with an underscore are called partials and won't be
compiled to CSS, but they can be imported into other sass stylesheets.
You can configure your project by editing the config.rb configuration file.
You must compile your sass stylesheets into CSS when they change.
This can be done in one of the following ways:
1. To compile on demand:
compass compile [path/to/project]
2. To monitor your project for changes and automatically recompile:
compass watch [path/to/project]
More Resources:
* Website: http://compass-style.org/
* Sass: http://sass-lang.com
* Community: http://groups.google.com/group/compass-users/
NEXTSTEPS
end
puts manifest.welcome_message if manifest.welcome_message
if manifest.has_stylesheet? && !manifest.welcome_message_options[:replace]
puts "\nTo import your new stylesheets add the following lines of HTML (or equivalent) to your webpage:"
puts stylesheet_links
end
end
def compilation_required?
@manifest.compile?
end
end
end
end
end
================================================
FILE: cli/lib/compass/app_integration/stand_alone.rb
================================================
%w(configuration_defaults installer).each do |lib|
require "compass/app_integration/stand_alone/#{lib}"
end
module Compass
module AppIntegration
module StandAlone
extend self
def installer(*args)
Installer.new(*args)
end
def configuration
Compass::Configuration::Data.new('stand_alone').
extend(ConfigurationDefaults)
end
end
end
end
================================================
FILE: cli/lib/compass/app_integration.rb
================================================
require "compass/app_integration/stand_alone"
module Compass
module AppIntegration
module Helpers
#attr_accessor :project_types
DEAFULT_PROJECT_TYPES = {
:stand_alone => "Compass::AppIntegration::StandAlone"
}
def init
@project_types ||= DEAFULT_PROJECT_TYPES.dup
end
def project_types
@project_types
end
def default?
@project_types.keys === DEAFULT_PROJECT_TYPES.keys
end
def lookup(type)
unless @project_types[type].nil?
eval @project_types[type]
else
raise Compass::Error, "No application integration exists for #{type}"
end
end
def register(type, klass)
@project_types[type] = klass
end
end
extend Helpers
init
end
end
================================================
FILE: cli/lib/compass/commands/base.rb
================================================
module Compass
module Commands
class Base
def self.register(command_name)
Compass::Commands[command_name] = self
end
include Actions
attr_accessor :working_path, :options
def initialize(working_path, options)
self.working_path = working_path.to_s
self.options = options
end
def execute
perform
end
def perform
raise StandardError.new("Not Implemented")
end
def successful?
!@failed
end
def failed!
@failed = true
end
protected
def framework
unless Compass::Frameworks[options[:framework]]
raise Compass::Error.new("No such framework: #{options[:framework].inspect}")
end
Compass::Frameworks[options[:framework]]
end
end
end
end
================================================
FILE: cli/lib/compass/commands/clean_project.rb
================================================
require 'compass/commands/project_base'
require 'compass/compiler'
module Compass
module Commands
module CleanProjectOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass clean [path/to/project] [options]
Description:
Remove generated files and the sass cache.
Options:
}.split("\n").map{|l| l.gsub(/^ */,'')}.join("\n")
super
end
end
class CleanProject < UpdateProject
register :clean
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
compiler = new_compiler_instance
compiler.clean!
Compass::SpriteImporter.find_all_sprite_map_files(Compass.configuration.generated_images_path).each do |sprite|
remove sprite
end
end
def determine_cache_location
Compass.configuration.cache_path || Sass::Plugin.options[:cache_location] || File.join(working_path, ".sass-cache")
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(CleanProjectOptionsParser)
end
def usage
option_parser([]).to_s
end
def primary; true; end
def description(command)
"Remove generated files and the sass cache"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size > 0
parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)
unless arguments.empty?
parser.options[:sass_files] = arguments.dup
parser.options[:force] = true
end
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/create_project.rb
================================================
require 'fileutils'
require 'compass/commands/stamp_pattern'
module Compass
module Commands
module CreateProjectOptionsParser
def set_options(opts)
if $command == "create"
opts.banner = %Q{
Usage: compass create path/to/project [options]
Description:
Create a new compass project at the path specified.
Options:
}.split("\n").map{|l| l.gsub(/^ */,'')}.join("\n")
opts.on_tail("--bare", "Don't generate any Sass or CSS files.") do
self.options[:bare] = true
end
else
opts.banner = %Q{
Usage: compass init project_type path/to/project [options]
Description:
Initialize an existing project at the path specified.
Supported Project Types:
* rails
Options:
}.split("\n").map{|l| l.gsub(/^ */,'')}.join("\n").strip
end
opts.on("--using PATTERN", "A framework's pattern to use when creating the project.") do |framework|
framework = framework.split('/', 2)
self.options[:framework] = framework[0]
self.options[:pattern] = framework[1]
end
opts.on("-x", "--syntax SYNTAX", [:sass, :scss], "Specify the syntax to use when generating stylesheets.", "One of sass or scss. Defaults to scss.") do |syntax|
self.options[:preferred_syntax] = syntax
end
opts.on("--prepare", "Prepare the project by only creating configuration files.") do
self.options[:prepare] = true
end
super
end
end
class CreateProject < StampPattern
register :create
register :init
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(CreateProjectOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
if command.to_sym == :create
"Create a new compass project"
else
"Add compass to an existing project"
end
end
def primary; true; end
def parse!(arguments)
parser = option_parser(arguments)
parse_options!(parser, arguments)
parse_arguments!(parser, arguments)
if parser.options[:framework] && parser.options[:bare]
raise Compass::Error, "A bare project cannot be created when a framework is specified."
end
set_default_arguments(parser)
parser.options
end
def parse_init!(arguments)
parser = option_parser(arguments)
parse_options!(parser, arguments)
if arguments.size > 0
parser.options[:project_type] = arguments.shift.to_sym
end
parse_arguments!(parser, arguments)
set_default_arguments(parser)
parser.options
end
def parse_options!(parser, arguments)
parser.parse!
parser
end
def parse_arguments!(parser, arguments)
if arguments.size == 1
parser.options[:project_name] = arguments.shift
elsif arguments.size == 0
# default to the current directory.
else
raise Compass::Error, "Too many arguments were specified."
end
end
def set_default_arguments(parser)
parser.options[:framework] ||= :compass
parser.options[:pattern] ||= "project"
end
end
def is_project_creation?
true
end
end
end
end
================================================
FILE: cli/lib/compass/commands/default.rb
================================================
module Compass
module Commands
module DefaultOptionsParser
def set_options(opts)
opts.on("--trace") do
self.options[:trace] = true
end
opts.on("-?", "-h", "--help") do
self.options[:command] = Proc.new do
Help.new(working_path, options.merge(:help_command => "help"))
end
end
opts.on("-q", "--quiet") do
self.options[:quiet] = true
end
opts.on("-v", "--version") do
self.options[:command] = Proc.new do
PrintVersion.new(working_path, options)
end
end
super
end
end
class Default < Base
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(DefaultOptionsParser)
end
# def usage
# $stderr.puts caller.join("\n")
# "XXX"
# end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parser.options[:command] ||= Proc.new do
Help.new(working_path, options.merge(:help_command => "help"))
end
parser.options
end
end
def execute
instance_eval(&options[:command]).execute
end
end
end
end
================================================
FILE: cli/lib/compass/commands/extension_command.rb
================================================
require 'fileutils'
require 'compass/commands/base'
module Compass
module Commands
module ExtensionsOptionParser
def set_options(opts)
opts.banner = %Q{
Usage: compass extension install EXTENSION_NAME [options]
compass extension uninstall EXTENSION_NAME [options]
compass extension list
Description:
Manage the list of extensions on your system.
Compass to all of your compass projects.
Example:
compass extension install sassy-buttons
compass extension uninstall sassy-buttons
}
super
end
end
class ExtensionCommand < Base
register :extension
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(ExtensionsOptionParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Manage the list of compass extensions on your system"
end
def parse!(arguments)
{:arguments => arguments}
end
end
include InstallerCommand
def initialize(working_path, options)
super(working_path, options)
end
# all commands must implement perform
def perform
require 'rubygems/gem_runner'
Gem::GemRunner.new.run(options[:arguments])
end
end
end
end
================================================
FILE: cli/lib/compass/commands/help.rb
================================================
module Compass
module Commands
module HelpOptionsParser
def set_options(opts)
banner = %Q{Usage: compass help [command]
Description:
The Compass Stylesheet Authoring Framework helps you
build and maintain your stylesheets and makes it easy
for you to use stylesheet libraries provided by others.
Donating:
Compass is charityware. If you find it useful please make
a tax deductable donation: http://umdf.org/compass
To get help on a particular command please specify the command.
}
primary_commands = Compass::Commands.all.select do |c|
cmd = Compass::Commands[c]
cmd.respond_to?(:primary) && cmd.primary
end
other_commands = Compass::Commands.all - primary_commands
banner << command_list("Primary Commands:", primary_commands)
banner << command_list("Other Commands:", other_commands)
banner << "\nAvailable Frameworks & Patterns:\n\n"
banner << Compass::Frameworks.pretty_print
banner << "\nGlobal Options:\n"
opts.banner = banner
super
end
def command_list(header, commands)
list = "#{header}\n"
commands.sort_by{|c| c.to_s}.each do |command|
list << " * #{command}"
if Compass::Commands[command].respond_to? :description
list << "\t- #{Compass::Commands[command].description(command)}"
end
list << "\n"
end
list
end
end
class Help < Base
register :help
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(HelpOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Get help on a compass command or extension"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parser.options[:help_command] = arguments.shift || 'help'
parser.options
end
end
def execute
if Compass::Commands.command_exists? options[:help_command]
$command = options[:help_command]
puts Compass::Commands[options[:help_command]].usage
$command = "help"
elsif Compass::Frameworks.template_exists? options[:help_command]
puts Compass::Frameworks.template_usage(options[:help_command])
else
raise OptionParser::ParseError, "No such command: #{options[:help_command]}"
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/imports.rb
================================================
module Compass
module Commands
class Imports < ProjectBase
attr_accessor :options
register :imports
def initialize(working_path, options)
super
end
def execute
print ::Compass::Frameworks::ALL.map{|f|
"-I #{f.stylesheets_directory}"
}.join(' ')
end
class << self
def description(command)
"Emit an imports suitable for passing to the sass command-line."
end
def usage
"Usage: compass imports\n\n" +
"Prints out the imports known to compass.\n"+
"Useful for passing imports to the sass command line:\n" +
" sass -r compass `compass imports` a_file_using_compass.sass"
end
def parse!(arguments)
if arguments.join("").strip.size > 0
raise OptionParser::ParseError, "This command takes no options or arguments."
else
{}
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/installer_command.rb
================================================
require 'compass/installers'
module Compass
module Commands
module InstallerCommand
include Compass::Installers
def configure!
add_project_configuration
Compass.add_configuration(options, 'command_line')
Compass.discover_extensions!
Compass.add_configuration(installer.completed_configuration, 'installer')
end
def app
@app ||= Compass::AppIntegration.lookup(Compass.configuration.project_type)
end
def installer
@installer ||= if options[:bare]
Compass::Installers::BareInstaller.new(*installer_args)
else
app.installer(*installer_args)
end
end
def installer_args
[template_directory(options[:pattern] || "project"), project_directory, options]
end
end
end
end
================================================
FILE: cli/lib/compass/commands/interactive.rb
================================================
require 'compass/commands/project_base'
require 'compass/commands/update_project'
module Compass
module Commands
module InteractiveOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass interactive [path/to/project] [options]
Description:
Interactively evaluate SassScript
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
super
end
end
class Interactive < ProjectBase
register :interactive
def initialize(working_path, options)
super
end
def perform
require 'sass/repl'
Sass::Repl.new.run
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(InteractiveOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Interactively evaluate SassScript"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parser.options
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/list_frameworks.rb
================================================
module Compass
module Commands
class ListFrameworks < ProjectBase
attr_accessor :options
register :frameworks
def initialize(working_path, options)
super
end
def execute
if options[:quiet]
Compass::Frameworks::ALL.each do |framework|
puts framework.name unless framework.name =~ /^_/
end
else
puts "Available Frameworks & Patterns:\n\n"
puts Compass::Frameworks.pretty_print
end
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"List the available frameworks"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parser.options
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/print_version.rb
================================================
module Compass
module Commands
module VersionOptionsParser
def set_options(opts)
opts.banner = %Q{Usage: compass version [options]
Options:
}
opts.on_tail("-?", "-h", "--help", "Print out this message.") do
puts opts
exit
end
opts.on("-q", "--quiet", "Just print the version string.") do
self.options[:quiet] = true
end
opts.on("--major", "Print the major version number") do
self.options[:major] = true
self.options[:custom] = true
end
opts.on("--minor", "Print up to the minor version number") do
self.options[:major] = true
self.options[:minor] = true
self.options[:custom] = true
end
opts.on("--patch", "Print up to the patch version number") do
self.options[:major] = true
self.options[:minor] = true
self.options[:patch] = true
self.options[:custom] = true
end
end
end
class PrintVersion < Base
register :version
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(VersionOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Print out version information"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parser.options
end
def long_output_string
lines = []
lines << "Compass #{::Compass.version[:string]}"
if name = ::Compass.version[:name]
lines.last << " (#{name})"
end
lines << "Copyright (c) 2008-#{Time.now.year} Chris Eppstein"
lines << "Released under the MIT License."
lines << "Compass is charityware."
lines << "Please make a tax deductable donation for a worthy cause: http://umdf.org/compass"
lines.join("\n")
end
end
attr_accessor :options
def initialize(working_path, options)
self.options = options
end
def execute
if options[:custom]
version = ""
version << "#{Compass.version[:major]}" if options[:major]
version << ".#{Compass.version[:minor]}" if options[:minor]
version << ".#{Compass.version[:patch]}" if options[:patch]
puts version
elsif options[:quiet]
puts ::Compass.version[:string]
else
puts self.class.long_output_string
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/project_base.rb
================================================
require 'fileutils'
require 'pathname'
require 'compass/commands/base'
require 'compass/commands/installer_command'
module Compass
module Commands
class ProjectBase < Base
attr_accessor :project_directory, :project_name, :options
def initialize(working_path, options = {})
super(working_path, options)
self.project_name = determine_project_name(working_path, options)
Compass.add_configuration({:project_path => determine_project_directory(working_path, options)}, "implied")
configure!
end
def execute
super
end
protected
def configure!
add_project_configuration
Compass.add_configuration(options, "command_line")
Compass.discover_extensions! unless skip_extension_discovery?
end
def add_project_configuration
defaults = Compass.configuration_for(options, "cli_defaults")
if options[:project_type]
project_type_config = Compass.configuration_for(options[:project_type])
project_type_config.inherit_from!(Compass.default_configuration)
defaults.inherit_from!(project_type_config)
end
Compass.add_project_configuration(options[:configuration_file], :defaults => defaults) do
options[:project_type]
end
end
def projectize(path)
Compass.projectize(path)
end
def project_directory
Compass.configuration.project_path
end
def project_css_subdirectory
Compass.configuration.css_dir
end
def project_src_subdirectory
Compass.configuration.sass_dir
end
def project_images_subdirectory
Compass.configuration.images_dir
end
def assert_project_directory_exists!
if File.exists?(project_directory) && !File.directory?(project_directory)
raise Compass::FilesystemConflict.new("#{project_directory} is not a directory.")
elsif !File.directory?(project_directory)
raise Compass::Error.new("#{project_directory} does not exist.")
end
end
private
def determine_project_name(working_path, options)
if options[:project_name]
File.basename(strip_trailing_separator(options[:project_name]))
else
File.basename(working_path)
end
end
def determine_project_directory(working_path, options)
if options[:project_name]
if absolute_path?(options[:project_name])
options[:project_name]
else
File.join(working_path, options[:project_name])
end
else
working_path
end
end
def absolute_path?(path)
# Pretty basic implementation
path.index(File::SEPARATOR) == 0 || path.index(':') == 1
end
def skip_extension_discovery?
false
end
end
end
end
================================================
FILE: cli/lib/compass/commands/project_stats.rb
================================================
require 'compass/commands/project_base'
require 'compass/commands/update_project'
module Compass
module Commands
module StatsOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass stats [path/to/project] [options]
Description:
Compile project at the path specified (or the current
directory if not specified) and then compute statistics
for the sass and css files in the project.
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
super
end
end
class ProjectStats < UpdateProject
register :stats
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
super
require 'compass/stats'
compiler = new_compiler_instance
sass_files = sorted_sass_files(compiler)
total_label = "Total (#{sass_files.size} files):"
rows = [[ :-, :-, :-, :-, :-, :-, :-, :-, :- ],
[ 'Filename', 'Rules', 'Properties', 'Mixins Defs', 'Mixins Used', 'Filesize', 'CSS Selectors', 'CSS Properties', 'CSS Filesize' ],
[ :-, :-, :-, :-, :-, :-, :-, :-, :- ]]
maximums = [ total_label.length, 5, 10, 14, 11, 13, 13, 14, 14 ]
alignments = [ :left, :right, :right, :right, :right, :right, :right, :right, :right ]
delimiters = [ ['| ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'] ]
formatters = [ nil, nil, nil, nil, nil, :kb, nil, nil, :kb ]
totals = [ total_label, 0, 0, 0, 0, 0, 0, 0, 0 ]
columns = rows.first.size
sass_files.each do |sass_file|
css_file = compiler.corresponding_css_file(sass_file) unless sass_file[0..0] == '_'
row = filename_columns(sass_file)
row += sass_columns(sass_file)
row += css_columns(css_file)
row.each_with_index do |c, i|
maximums[i] = [maximums[i].to_i, c.size].max
totals[i] = totals[i] + c.to_i if i > 0
end
rows << row
end
rows << [:-] * columns
rows << totals.map{|t| t.to_s}
rows << [:-] * columns
rows.each do |row|
row.each_with_index do |col, i|
print pad(col, maximums[i], :align => alignments[i], :left => delimiters[i].first, :right => delimiters[i].last, :formatter => formatters[i])
end
print "\n"
end
if @missing_css_parser
puts "\nInstall #{@missing_css_parser} to enable stats on your css files:\n\n\tgem install #{@missing_css_parser}"
end
end
def pad(c, max, options = {})
options[:align] ||= :left
if c == :-
filler = '-'
c = ''
else
filler = ' '
end
c = send(:"format_#{options[:formatter]}", c) if options[:formatter]
spaces = max - c.size
filled = filler * [spaces,0].max
"#{options[:left]}#{filled if options[:align] == :right}#{c}#{filled if options[:align] == :left}#{options[:right]}"
end
def format_kb(v)
return v unless v =~ /^\d+$/
v = Integer(v)
if v < 1024
"#{v} B"
else
v = v / 1024.0
"#{v.ceil} KB"
end
end
def sorted_sass_files(compiler)
sass_files = compiler.sass_files
sass_files.map! do |s|
filename = Compass.deprojectize(s, File.join(Compass.configuration.project_path, Compass.configuration.sass_dir))
[s, File.dirname(filename), File.basename(filename)]
end
sass_files = sass_files.sort_by do |s,d,f|
File.join(d, f[0] == ?_ ? f[1..-1] : f)
end
sass_files.map!{|s,d,f| s}
end
def filename_columns(sass_file)
filename = Compass.deprojectize(sass_file, working_path)
[filename]
end
def sass_columns(sass_file)
sf = Compass::Stats::SassFile.new(sass_file)
sf.analyze!
%w(rule_count prop_count mixin_def_count mixin_count file_size).map do |t|
sf.send(t).to_s
end
end
def css_columns(css_file)
if File.exists?(css_file)
cf = Compass::Stats::CssFile.new(css_file)
cf.analyze!
%w(selector_count prop_count file_size).map do |t|
cf.send(t).to_s
end
else
return [ '--', '--' , '--']
end
rescue LoadError => e
@missing_css_parser = e.message =~ /iconv/ ? "iconv" : "css_parser"
return [ 'DISABLED', 'DISABLED', 'DISABLED' ]
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(StatsOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Report statistics about your stylesheets"
end
def primary; false; end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size == 1
parser.options[:project_name] = arguments.shift
elsif arguments.size == 0
# default to the current directory.
else
raise Compass::Error, "Too many arguments were specified."
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/project_structure.rb
================================================
require 'compass/commands/project_base'
require 'compass/commands/update_project'
module Compass
module Commands
module StructureOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass structure [path/to/project] [options]
Description:
Display the import structure of your stylesheets.
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
super
end
end
class ProjectStats < UpdateProject
register :structure
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
@compiler = new_compiler_instance
(options[:sass_files] || sorted_sass_files).each do |sass_file|
print_tree(Compass.projectize(sass_file))
end
end
def print_tree(file, depth = 0, importer = @compiler.importer)
puts ((depth > 0 ? "| " : " ") * depth) + "+- " + Compass.deprojectize(file)
@compiler.staleness_checker.send(:compute_dependencies, file, importer).each do |(dep, dep_importer)|
print_tree(dep, depth + 1, dep_importer)# unless Compass.deprojectize(dep)[0...1] == "/"
end
end
def sorted_sass_files
sass_files = @compiler.sass_files
sass_files.map! do |s|
filename = Compass.deprojectize(s, File.join(Compass.configuration.project_path, Compass.configuration.sass_dir))
[s, File.dirname(filename), File.basename(filename)]
end
sass_files = sass_files.sort_by do |s,d,f|
File.join(d, f[0] == ?_ ? f[1..-1] : f)
end
sass_files.map!{|s,d,f| s}
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(StructureOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Report statistics about your stylesheets"
end
def primary; false; end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size > 0
parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)
parser.options[:sass_files] = arguments
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/registry.rb
================================================
module Compass::Commands
module Registry
def register(name, command_class)
@commands ||= Hash.new
@commands[name.to_sym] = command_class
end
def get(name)
return unless name
@commands ||= Hash.new
@commands[name.to_sym] || @commands[abbreviation_of(name)]
end
def abbreviation_of(name)
re = /^#{Regexp.escape(name)}/
matching = @commands.keys.select{|k| k.to_s =~ re}
if matching.size == 1
matching.first
elsif name =~ /^-/
nil
elsif matching.size > 1
raise Compass::Error, "Ambiguous abbreviation '#{name}'. Did you mean one of: #{matching.join(", ")}"
else
raise Compass::Error, "Command not found: #{name}"
end
end
def abbreviation?(name)
re = /^#{Regexp.escape(name)}/
@commands.keys.detect{|k| k.to_s =~ re}
end
def command_exists?(name)
@commands ||= Hash.new
name && (@commands.has_key?(name.to_sym) || abbreviation?(name))
end
def all
@commands.keys
end
alias_method :[], :get
alias_method :[]=, :register
end
extend Registry
end
================================================
FILE: cli/lib/compass/commands/sprite.rb
================================================
require 'compass/commands/project_base'
require 'compass/commands/update_project'
module Compass
module Commands
module SpriteOptionsParser
def set_options(opts)
opts.on("-f SPRITE_FILE") do |output_file|
self.options[:output_file] = output_file
end
opts.on("--skip-overrides", "Skip the generation of sprite overrides") do |skip_overrides|
self.options[:skip_overrides] = skip_overrides
end
opts.banner = %Q{
Usage: compass sprite [options] "images/path/to/sprites/*.png"
Description:
Generate a sprite import based on the given sprite directory.
Alternatively, you can simply do this in your sass files:
@import "sprite-folder/*.png"
And a magical, custom made sprite file will be imported.
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
super
end
end
class Sprite < ProjectBase
register :sprite
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
relative_uri = options[:uri].gsub(/^#{Compass.configuration.images_dir}\//, '')
name = Compass::SpriteImporter.sprite_name(relative_uri)
sprites = Compass::SpriteImporter.new
options[:output_file] ||= File.join(Compass.configuration.sass_path, "sprites", "_#{name}.#{Compass.configuration.preferred_syntax}")
options[:skip_overrides] ||= false
contents = Compass::SpriteImporter.content_for_images(relative_uri, name, options[:skip_overrides])
if options[:output_file][-4..-1] != "scss"
contents = Sass::Engine.new(contents, Compass.sass_engine_options.merge(:syntax => :scss)).to_tree.to_sass
end
directory File.dirname(options[:output_file])
write_file options[:output_file], contents
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(SpriteOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Generate an import for your sprites."
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
parser.options[:uri] = arguments.shift
unless arguments.size == 0
raise Compass::Error, "Please specify at least one image to sprite."
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/stamp_pattern.rb
================================================
require 'fileutils'
require 'compass/commands/base'
require 'compass/commands/update_project'
module Compass
module Commands
module StampPatternOptionsParser
def set_options(opts)
opts.banner = %Q{Usage: compass install extension/pattern [path/to/project] [options]
Description:
Install an extension's pattern into your compass project
Example:
compass install blueprint/buttons
Options:
}
opts.on("-x", "--syntax SYNTAX", [:sass, :scss], "Specify the syntax to use when generating stylesheets.", "One of sass or scss. Defaults to scss.") do |syntax|
self.options[:preferred_syntax] = syntax
end
super
end
end
class StampPattern < ProjectBase
register :install
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(StampPatternOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Install an extension's pattern into your compass project"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size == 0
raise OptionParser::ParseError, "Please specify a pattern."
end
pattern = arguments.shift.split('/', 2)
parser.options[:framework] = pattern[0]
parser.options[:pattern] = pattern[1]
if arguments.size > 0
parser.options[:project_name] = arguments.shift
end
if arguments.size > 0
raise OptionParser::ParseError, "Unexpected trailing arguments: #{arguments.join(" ")}"
end
end
end
include InstallerCommand
def initialize(working_path, options)
super(working_path, options)
end
# all commands must implement perform
def perform
installer.init
installer.run(:skip_finalization => true, :skip_preparation => !is_project_creation?)
UpdateProject.new(working_path, options).perform if installer.compilation_required?
installer.finalize(options.merge(:create => is_project_creation?))
end
def is_project_creation?
false
end
def template_directory(pattern)
File.join(framework.templates_directory, pattern)
end
end
end
end
================================================
FILE: cli/lib/compass/commands/unpack_extension.rb
================================================
require 'compass/commands/project_base'
require 'fileutils'
module Compass
module Commands
module ExtensionOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass unpack EXTENSION
Description:
Copy an extension into your extensions folder for easy access to the source code.
This makes it easier to peruse the source in unfamiliar projects. It is not recommended
that you change other extensions' source -- this makes it hard to take updates from
the original author. The following extensions are available:
FRAMEWORKS
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
opts.banner.gsub!(/FRAMEWORKS/,Compass::Frameworks.pretty_print(true))
super
end
end
class UnpackExtension < ProjectBase
register :unpack
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
framework = Compass::Frameworks[options[:framework]]
unless framework
raise Compass::Error, "No extension named \"#{options[:framework]}\" was found."
end
files = Dir["#{framework.path}/**/*"]
extension_dir = File.join(Compass.configuration.extensions_path, framework.name)
FileUtils.rm_rf extension_dir
FileUtils.mkdir_p extension_dir
write_file File.join(extension_dir, "DO_NOT_MODIFY"), readme(framework)
files.each do |f|
next if File.directory?(f)
ending = f[(framework.path.size+1)..-1]
destination = File.join(extension_dir, ending)
FileUtils.mkdir_p(File.dirname(destination))
copy f, destination
end
puts "\nYou have unpacked \"#{framework.name}\""
puts
puts readme(framework)
end
def readme(framework)
%Q{| This is a copy of the "#{framework.name}" extension.
|
| It now overrides the original which was found here:
|
| #{framework.path}
|
| Unpacking an extension is useful when you need to easily peruse the
| extension's source. You might find yourself tempted to change the
| stylesheets here. If you do this, you'll find it harder to take
| updates from the original author. Sometimes this seems like a good
| idea at the time, but in a few months, you'll probably regret it.
|
| In the future, if you take an update of this framework, you'll need to run
|
| compass unpack #{framework.name}
|
| again or remove this unpacked extension.
|}.gsub(/^\s*\| ?/,"")
end
def skip_extension_discovery?
true
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(ExtensionOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Copy an extension into your extensions folder."
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size == 1
parser.options[:framework] = arguments.shift
elsif arguments.size == 0
raise Compass::Error, "Please specify an extension to unpack."
else
raise Compass::Error, "Too many arguments were specified."
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/update_project.rb
================================================
require 'compass/commands/project_base'
require 'compass/compiler'
module Compass
module Commands
module CompileProjectOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass compile [path/to/project] [path/to/project/src/file.sass ...] [options]
Description:
compile project at the path specified or the current directory if not specified.
Options:
}.split("\n").map{|l| l.gsub(/^ */,'')}.join("\n")
opts.on("--[no-]sourcemap", "Generate a sourcemap during compilation.") do |sm|
self.options[:sourcemap] = sm
end
opts.on("--time", "Display compilation times.") do
self.options[:time] = true
end
opts.on("--debug-info", "Turns on sass's debuging information") do
self.options[:debug_info]= true
end
opts.on("--no-debug-info", "Turns off sass's debuging information") do
self.options[:debug_info]= false
end
super
end
end
class UpdateProject < ProjectBase
register :compile
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
compiler = new_compiler_instance
check_for_sass_files!(compiler)
prepare_project!(compiler)
compiler.compile!
if compiler.error_count > 0
compiler.logger.red do
compiler.logger.log "Compilation failed in #{compiler.error_count} files."
end
failed!
end
end
def prepare_project!(compiler)
if options[:project_name]
Compass.configuration.project_path = File.expand_path(options[:project_name])
end
if config_file = new_config?(compiler)
compiler.logger.record :modified, relativize(config_file)
compiler.logger.record :clean, relativize(Compass.configuration.css_path)
compiler.clean!
end
end
# Determines if the configuration file is newer than any css file
def new_config?(compiler)
config_file = Compass.detect_configuration_file
return false unless config_file
config_mtime = File.mtime(config_file)
compiler.file_list.each do |(_, css_filename, _)|
return config_file if File.exists?(css_filename) && config_mtime > File.mtime(css_filename)
end
nil
end
def check_for_sass_files!(compiler)
file_list = compiler.file_list
if file_list.empty?
message = "Compass can't find any Sass files to compile.\nIs your compass configuration correct?.\nIf you're trying to start a new project, you have left off the directory argument.\n"
message << "Run \"compass -h\" to get help."
raise Compass::Error, message
elsif missing = file_list.find {|(sass_file, _, _)| !File.exist?(sass_file)}
raise Compass::Error, "File not found: #{missing[0]}"
end
end
def new_compiler_instance
Compass::SassCompiler.new(compiler_options)
end
def compiler_options
transfer_options(options, {}, :time, :debug_info, :only_sass_files, :force, :quiet)
end
def transfer_options(from, to, *keys)
keys.each do |k|
to[k] = from[k] unless from[k].nil?
end
to
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(CompileProjectOptionsParser)
end
def usage
option_parser([]).to_s
end
def primary; true; end
def description(command)
"Compile Sass stylesheets to CSS"
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size > 0
parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)
unless arguments.empty?
parser.options[:only_sass_files] = absolutize(*arguments)
end
end
end
def absolutize(*paths)
paths.map {|path| File.expand_path(path) }
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/validate_project.rb
================================================
require 'compass/commands/project_base'
require 'compass/commands/update_project'
module Compass
module Commands
module ValidationOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass validate [path/to/project] [options]
Description:
Compile project at the path specified or the current
directory if not specified and then validate the
generated CSS.
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
super
end
end
class ValidateProject < ProjectBase
register :validate
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def perform
require 'compass/validator'
UpdateProject.new(working_path, options).perform
Dir.chdir Compass.configuration.project_path do
Validator.new(project_css_subdirectory).validate()
end
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(ValidationOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Validate your generated css."
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size == 1
parser.options[:project_name] = arguments.shift
elsif arguments.size == 0
# default to the current directory.
else
raise Compass::Error, "Too many arguments were specified."
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/watch_project.rb
================================================
# encoding: UTF-8
require 'fileutils'
require 'pathname'
require 'compass/commands/update_project'
require "compass/sass_compiler"
module Compass
module Commands
module WatchProjectOptionsParser
def set_options(opts)
super
opts.banner = %Q{
Usage: compass watch [path/to/project] [path/to/project/src/file.sass ...] [options]
Description:
watch the project for changes and recompile when they occur.
Options:
}.split("\n").map{|l| l.gsub(/^ */,'')}.join("\n")
opts.on("--poll", :NONE, "Check periodically if there's been changes.") do
self.options[:poll] = 1 # check every 1 second.
end
end
end
class WatchProject < UpdateProject
register :watch
attr_accessor :last_update_time, :last_sass_files
def perform
compiler = new_compiler_instance
compiler.logger.time = true if options[:time]
prepare_project!(compiler)
compiler.logger.log ">>> #{compiler.logger.color(:green)}Compass is watching for changes.#{compiler.logger.color(:clear)} #{compiler.logger.color(:red)}Press Ctrl-C to Stop.#{compiler.logger.color(:clear)}"
begin
compiler.watch!(:additional_watch_paths => additional_watch_paths, &method(:notify_watches))
happy_styling!(compiler.logger)
rescue Interrupt
happy_styling!(compiler.logger)
end
end
def happy_styling!(logger)
logger.log "\n#{logger.color(:yellow)}★★★ #{logger.color(:blue)}Happy Styling!#{logger.color(:yellow)} ★★★#{logger.color(:clear)}"
end
def compiler_options
super.merge(:poll => options[:poll], :full_exception => true)
end
def additional_watch_paths
Compass.configuration.watches.map do |watch|
pathname = Pathname.new(File.join(Compass.configuration.project_path, watch.glob))
real_path = nil
pathname.ascend do |p|
if p.exist?
real_path = p
break
end
end
real_path
end.compact.uniq
end
def notify_watches(modified, added, removed)
project_path = Compass.configuration.project_path
files = {:modified => modified,
:added => added,
:removed => removed}
run_once, run_each = Compass.configuration.watches.partition {|w| w.run_once_per_changeset?}
run_once.each do |watcher|
if file = files.values.flatten.detect{|f| watcher.match?(f) }
action = files.keys.detect{|k| files[k].include?(file) }
watcher.run_callback(project_path, relative_to(file, project_path), action)
end
end
run_each.each do |watcher|
files.each do |action, list|
list.each do |file|
if watcher.match?(file)
watcher.run_callback(project_path, relative_to(file, project_path), action)
end
end
end
end
end
def relative_to(f, dir)
Pathname.new(f).relative_path_from(Pathname.new(dir))
rescue ArgumentError # does not share a common path.
f
end
class << self
def description(command)
"Compile Sass stylesheets to CSS when they change"
end
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(CompileProjectOptionsParser)
parser.extend(WatchProjectOptionsParser)
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands/write_configuration.rb
================================================
require 'compass/commands/project_base'
module Compass
module Commands
module ConfigurationOptionsParser
def set_options(opts)
opts.banner = %Q{
Usage: compass config [path/to/config_file.rb] [options]
Description:
Generate a configuration file for the options specified.
Compass will recognize configuration files in the
following locations relative to the project root:
* #{Compass::Configuration::Helpers::KNOWN_CONFIG_LOCATIONS.join("
* ")}
Any other location, and you'll need to specify it when working with the command line tool using the -c option.
Options:
}.strip.split("\n").map{|l| l.gsub(/^ {0,10}/,'')}.join("\n")
opts.on("--debug [PROPERTY]", "Debug your configuration by printing out details.") do |prop|
self.options[:debug] = prop.nil? ? true : prop.to_sym
end
opts.on("-p PROPERTY", "--property PROPERTY", "Print out the value of a particular configuration property") do |prop|
self.options[:display] = prop.to_sym
end
super
end
end
class WriteConfiguration < ProjectBase
register :config
include InstallerCommand
def initialize(working_path, options)
super
assert_project_directory_exists!
end
def add_project_configuration
Compass.add_project_configuration
end
def perform
if options[:display]
if Compass.configuration.respond_to?(options[:display])
puts Compass.configuration.send(options[:display])
else
raise Compass::Error, "ERROR: configuration property '#{options[:display]}' does not exist"
end
elsif options[:debug]
puts "Configuration sources:"
c = Compass.configuration
while c
print c.name
c = c.inherited_data
print ", " if c
end
print "\n"
Compass.configuration.debug.each do |prop, values|
if options[:debug].is_a?(Symbol)
next unless prop == options[:debug]
end
puts "***** #{prop} = #{values.first[:resolved].inspect} *****"
[:default, :value, :raw, :resolved].each do |kind|
puts "#{kind}: " + values.inject([]){|m, v| m << v[kind]}.map{|v| v.nil? ? '-' : v.inspect}.join(", ")
end
end
else
config_file = options[:configuration_file]
config_file ||= Compass.detect_configuration_file
config_file ||= Compass::Configuration::Helpers::KNOWN_CONFIG_LOCATIONS.first
directory File.dirname(config_file)
installer.write_configuration_files(config_file)
end
end
def installer_args
[nil, project_directory, options]
end
def explicit_config_file_must_be_readable?
false
end
class << self
def option_parser(arguments)
parser = Compass::Exec::CommandOptionParser.new(arguments)
parser.extend(Compass::Exec::GlobalOptionsParser)
parser.extend(Compass::Exec::ProjectOptionsParser)
parser.extend(ConfigurationOptionsParser)
end
def usage
option_parser([]).to_s
end
def description(command)
"Generate a configuration file for the provided command line options."
end
def parse!(arguments)
parser = option_parser(arguments)
parser.parse!
parse_arguments!(parser, arguments)
parser.options
end
def parse_arguments!(parser, arguments)
if arguments.size == 1
parser.options[:configuration_file] = arguments.shift
elsif arguments.size == 0
# default to the current directory.
else
raise Compass::Error, "Too many arguments were specified."
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/commands.rb
================================================
module Compass::Commands
end
require 'compass/commands/registry'
%w(base project_base default help list_frameworks
update_project watch_project create_project clean_project extension_command
imports installer_command print_version project_stats stamp_pattern
sprite validate_project write_configuration interactive unpack_extension
).each do |lib|
require "compass/commands/#{lib}"
end
Compass.discover_extensions!
================================================
FILE: cli/lib/compass/compiler.rb
================================================
require 'pathname'
module Compass
class Compiler
include Actions
attr_accessor :working_path, :from, :to, :options, :sass_options, :staleness_checker, :importer
def initialize(working_path, from, to, options)
Compass::Deprecation.deprecated!(:compass_compiler_constructor,
"Compass::Compiler is deprecated. Use Compass::SassCompiler instead.")
self.working_path = working_path.to_s
self.from, self.to = File.expand_path(from), to
self.logger = options.delete(:logger)
sass_opts = options.delete(:sass) || {}
self.options = options
self.sass_options = options.dup
self.sass_options.delete(:quiet)
self.sass_options.update(sass_opts)
self.sass_options[:cache_location] ||= determine_cache_location
self.sass_options[:filesystem_importer] ||= Sass::Importers::Filesystem
self.sass_options[:importer] = self.importer = self.sass_options[:filesystem_importer].new(from)
self.sass_options[:compass] ||= {}
self.sass_options[:compass][:logger] = self.logger
self.sass_options[:compass][:environment] = Compass.configuration.environment
self.sass_options[:compass][:compiler_in_use] = true
reset_staleness_checker!
end
def reset_staleness_checker!
self.staleness_checker = nil
#Sass::Plugin::StalenessChecker.dependencies_cache = {}
self.staleness_checker = Sass::Plugin::StalenessChecker.new(sass_options)
end
def determine_cache_location
Compass.configuration.cache_path || Sass::Plugin.options[:cache_location] || File.join(working_path, ".sass-cache")
end
def sass_files(options = {})
exclude_partials = options.fetch(:exclude_partials, true)
@sass_files = self.options[:sass_files] || Dir.glob(separate("#{from}/**/#{'[^_]' if exclude_partials}*.s[ac]ss"))
end
def relative_stylesheet_name(sass_file)
sass_file[(from.length + 1)..-1]
end
def stylesheet_name(sass_file)
if sass_file.index(from) == 0
sass_file[(from.length + 1)..-6].sub(/\.css$/,'')
else
raise Compass::Error, "You must compile individual stylesheets from the project directory."
end
end
def css_files
@css_files ||= sass_files.map{|sass_file| corresponding_css_file(sass_file)}
end
def sourcemap_files
@sourcemap_files ||= sass_files.map{|sass_file| corresponding_sourcemap_file(sass_file)}
end
def corresponding_css_file(sass_file)
"#{to}/#{stylesheet_name(sass_file)}.css"
end
def corresponding_sourcemap_file(sass_file)
"#{to}/#{stylesheet_name(sass_file)}.css.map"
end
def target_directories
css_files.map{|css_file| File.dirname(css_file)}.uniq.sort.sort_by{|d| d.length }
end
# Returns the sass file that needs to be compiled, if any.
def out_of_date?
sass_files.zip(css_files).each do |sass_filename, css_filename|
return sass_filename if needs_update?(css_filename, sass_filename)
end
false
end
def needs_update?(css_filename, sass_filename)
staleness_checker.stylesheet_needs_update?(css_filename, File.expand_path(sass_filename), importer)
end
# Determines if the configuration file is newer than any css file
def new_config?
config_file = Compass.detect_configuration_file
return false unless config_file
config_mtime = File.mtime(config_file)
css_files.each do |css_filename|
return config_file if File.exists?(css_filename) && config_mtime > File.mtime(css_filename)
end
nil
end
def reset!
reset_staleness_checker!
@sass_files = nil
@css_files = nil
@sourcemap_files = nil
end
def clean!
remove options[:cache_location]
css_files.zip(sourcemap_files).each do |css_file, sourcemap_file|
remove css_file
remove sourcemap_file
end
end
def run
failure_count = 0
if new_config?
# Wipe out the cache and force compilation if the configuration has changed.
remove options[:cache_location] if options[:cache_location]
options[:force] = true
end
# Make sure the target directories exist
target_directories.each {|dir| directory dir}
# Compile each sass file.
result = timed do
sass_files.zip(css_files, sourcemap_files).each do |sass_filename, css_filename, sourcemap_filename|
begin
compile_if_required sass_filename, css_filename, sourcemap_filename
rescue Sass::SyntaxError => e
failure_count += 1
handle_exception(sass_filename, css_filename, e)
end
end
end
if options[:time]
puts "Compilation took #{(result.__duration * 1000).round / 1000.0}s"
end
return failure_count
end
def compile_if_required(sass_filename, css_filename, sourcemap_filename = nil)
if should_compile?(sass_filename, css_filename, sourcemap_filename)
compile sass_filename, css_filename, sourcemap_filename
else
logger.record :unchanged, basename(sass_filename) unless options[:quiet]
remove(sourcemap_filename) if sourcemap_filename && !options[:sourcemap]
end
end
def timed(timed_thing = lambda {|res| res})
start_time = Time.now
res = yield
end_time = Time.now
has_duration = timed_thing.call(res)
has_duration.instance_variable_set("@__duration", end_time - start_time)
def has_duration.__duration
@__duration
end
res
end
# Compile one Sass file
def compile(sass_filename, css_filename, sourcemap_filename = nil)
css_content, sourcemap = logger.red do
timed(lambda {|r| r[0]}) do
engine = engine(sass_filename, css_filename, sourcemap_filename)
if sourcemap_filename && options[:sourcemap]
engine.render_with_sourcemap(relative_path(css_filename, sourcemap_filename))
else
[engine.render, nil]
end
end
end
duration = options[:time] ? "(#{(css_content.__duration * 1000).round / 1000.0}s)" : ""
write_file(css_filename, css_content, options.merge(:force => true, :extra => duration), sass_options[:unix_newlines])
Compass.configuration.run_stylesheet_saved(css_filename)
if sourcemap && sourcemap_filename
sourcemap_content = sourcemap.to_json(:css_path => css_filename,
:sourcemap_path => sourcemap_filename)
write_file(sourcemap_filename, sourcemap_content, options.merge(:force => true), sass_options[:unix_newlines])
Compass.configuration.run_sourcemap_saved(sourcemap_filename)
elsif sourcemap_filename && File.exist?(sourcemap_filename)
remove sourcemap_filename
Compass.configuration.run_sourcemap_removed(sourcemap_filename)
end
end
def relative_path(from_path, to_path)
Pathname.new(to_path).relative_path_from(Pathname.new(from_path).dirname).to_s
end
def should_compile?(sass_filename, css_filename, sourcemap_filename = nil)
return true if css_filename && !File.exist?(css_filename)
return true if sourcemap_filename && options[:sourcemap] && !File.exist?(sourcemap_filename)
options[:force] ||
needs_update?(css_filename, sass_filename) ||
(options[:sourcemap] && needs_update?(sourcemap_filename, sass_filename))
end
# A sass engine for compiling a single file.
def engine(sass_filename, css_filename, sourcemap_filename = nil)
syntax = (sass_filename =~ /\.(s[ac]ss)$/) && $1.to_sym || :sass
opts = sass_options.merge(:filename => sass_filename,
:css_filename => css_filename,
:syntax => syntax,
:sourcemap_filename => sourcemap_filename)
Sass::Engine.new(open(sass_filename).read, opts)
end
# Place the syntax error into the target css file,
# formatted to display in the browser (in development mode)
# if there's an error.
def handle_exception(sass_filename, css_filename, e)
exception_file = basename(e.sass_filename || sass_filename)
file = basename(sass_filename)
exception_file = nil if exception_file == file
formatted_error = "(Line #{e.sass_line}#{ " of #{exception_file}" if exception_file}: #{e.message})"
logger.record :error, file, formatted_error
Compass.configuration.run_stylesheet_error(sass_filename, formatted_error)
write_file css_filename, error_contents(e, sass_filename), options.merge(:force => true), sass_options[:unix_newlines]
end
# Haml refactored this logic in 2.3, this is backwards compatibility for either one
def error_contents(e, sass_filename)
if show_full_exception?
e.sass_template = sass_filename
Sass::SyntaxError.exception_to_css(e)
else
header = Sass::SyntaxError.send(:header_string, e, 1)
< e
raise e if e.is_a? SystemExit
if e.is_a?(::Compass::Error) || e.is_a?(OptionParser::ParseError)
$stderr.puts e.message
else
::Compass::Exec::Helpers.report_error(e, @options || {})
end
return 1
end
end
protected
def perform!
$command = args.shift
command_class = Compass::Commands[$command]
unless command_class
args.unshift($command)
$command = "help"
command_class = Compass::Commands::Default
end
@options = if command_class.respond_to?("parse_#{$command}!")
command_class.send("parse_#{$command}!", args)
else
command_class.parse!(args)
end
cmd = command_class.new(Dir.getwd, @options)
cmd.execute
cmd.successful? ? 0 : 1
rescue OptionParser::ParseError => e
puts "Error: #{e.message}"
puts command_class.usage if command_class.respond_to?(:usage)
end
end
end
================================================
FILE: cli/lib/compass/exec.rb
================================================
require 'compass/dependencies'
require 'optparse'
require 'compass/logger'
require 'compass/errors'
require 'compass/actions'
require 'compass/installers'
require 'compass/commands'
require 'rbconfig'
require 'pathname'
begin
require 'win32console' if RbConfig::CONFIG['host_os'] =~ /mswin|mingw/
rescue LoadError
$boring = true
end
module Compass::Exec
end
%w(helpers sub_command_ui
global_options_parser project_options_parser
command_option_parser).each do |lib|
require "compass/exec/#{lib}"
end
================================================
FILE: cli/lib/compass/generated_version.rb
================================================
module Compass
# This file intentionall does nothing.
# The compass build scripts put the release VERSION constant here.
end
================================================
FILE: cli/lib/compass/installers/bare_installer.rb
================================================
module Compass
module Installers
class BareInstaller < Base
def completed_configuration
nil
end
def init
directory targetize("")
directory targetize(Compass.configuration.sass_dir)
end
def prepare
end
def install
config_file ||= targetize('config.rb')
write_file config_file, config_contents
end
def config_contents
project_path, Compass.configuration.project_path = Compass.configuration.project_path, nil
Compass.configuration.serialize
ensure
Compass.configuration.project_path = project_path
end
def finalize(options = {})
puts <<-NEXTSTEPS
*********************************************************************
Congratulations! Your compass project has been created.
You may now add sass stylesheets to the #{Compass.configuration.sass_dir} subdirectory of your project.
Sass files beginning with an underscore are called partials and won't be
compiled to CSS, but they can be imported into other sass stylesheets.
You can configure your project by editing the config.rb configuration file.
You must compile your sass stylesheets into CSS when they change.
This can be done in one of the following ways:
1. To compile on demand:
compass compile [path/to/project]
2. To monitor your project for changes and automatically recompile:
compass watch [path/to/project]
More Resources:
* Website: http://compass-style.org/
* Sass: http://sass-lang.com
* Community: http://groups.google.com/group/compass-users/
NEXTSTEPS
end
end
end
end
================================================
FILE: cli/lib/compass/installers/base.rb
================================================
module Compass
module Installers
class Base
include Actions
attr_accessor :template_path, :target_path, :working_path
attr_accessor :options
def initialize(template_path, target_path, options = {})
@template_path = template_path
@target_path = target_path
@working_path = Dir.getwd
@options = options
self.logger = options[:logger]
end
[:css_dir, :sass_dir, :images_dir, :javascripts_dir, :http_stylesheets_path, :fonts_dir, :preferred_syntax].each do |dir|
define_method dir do
Compass.configuration.send(dir)
end
define_method "#{dir}_without_default" do
Compass.configuration.send("#{dir}_without_default")
end
end
# Runs the installer.
# Every installer must conform to the installation strategy of prepare, install, and then finalize.
# A default implementation is provided for each step.
def run(run_options = {})
prepare unless run_options[:skip_preparation]
install unless options[:prepare]
finalize(options.merge(run_options)) unless options[:prepare] || run_options[:skip_finalization]
end
# The default prepare method -- it is a no-op.
# Generally you would create required directories, etc.
def prepare
end
# The install method override this to install
def install
raise "Not Yet Implemented"
end
# The default finalize method -- it is a no-op.
# This could print out a message or something.
def finalize(options = {})
end
def compilation_required?
false
end
def pattern_name_as_dir
"#{options[:pattern_name]}/" if options[:pattern_name]
end
def self.installer(type, installer_opts = {}, &locator)
locator ||= lambda{|to| to}
loc_method = "install_location_for_#{type}".to_sym
define_method("simple_#{loc_method}", locator)
define_method(loc_method) do |to, options|
if options[:like] && options[:like] != type
send("install_location_for_#{options[:like]}", to, options)
else
send("simple_#{loc_method}", to)
end
end
define_method "install_#{type}" do |from, to, options|
from = templatize(from)
to = targetize(send(loc_method, to, options))
is_binary = installer_opts[:binary] || options[:binary]
if is_binary
copy from, to, nil, is_binary
else
contents = File.new(from).read
if options.delete(:erb)
ctx = TemplateContext.ctx(:to => to, :options => options)
contents = process_erb(contents, ctx)
end
write_file to, contents
end
end
end
installer :stylesheet do |to|
"#{sass_dir}/#{pattern_name_as_dir}#{to}"
end
def install_stylesheet(from, to, options)
from = templatize(from)
to = targetize(install_location_for_stylesheet(to, options))
contents = File.new(from).read
if options.delete(:erb)
ctx = TemplateContext.ctx(:to => to, :options => options)
contents = process_erb(contents, ctx)
end
if preferred_syntax.to_s != from[-4..-1]
# logger.record :convert, basename(from)
tree = Sass::Engine.new(contents, Compass.sass_engine_options.merge(:syntax => from[-4..-1].intern)).to_tree
contents = tree.send("to_#{preferred_syntax}")
to[-4..-1] = preferred_syntax.to_s
end
write_file to, contents
end
installer :css do |to|
"#{css_dir}/#{to}"
end
installer :image, :binary => true do |to|
"#{images_dir}/#{to}"
end
installer :javascript do |to|
"#{javascripts_dir}/#{to}"
end
installer :font do |to|
"#{fonts_dir}/#{to}"
end
installer :file do |to|
"#{pattern_name_as_dir}#{to}"
end
installer :html do |to|
"#{pattern_name_as_dir}#{to}"
end
def install_directory(from, to, options)
d = if within = options[:within]
if respond_to?(within)
targetize("#{send(within)}/#{to}")
else
raise Compass::Error, "Unrecognized location: #{within}"
end
else
targetize(to)
end
directory d
end
alias install_html_without_haml install_html
def install_html(from, to, options)
if to =~ /\.haml$/
require 'haml'
to = to[0..-(".haml".length+1)]
if respond_to?(:install_location_for_html)
to = install_location_for_html(to, options)
end
contents = File.read(templatize(from))
if options.delete(:erb)
ctx = TemplateContext.ctx(:to => to, :options => options)
contents = process_erb(contents, ctx)
end
Compass.configure_sass_plugin!
html = Haml::Engine.new(contents, :filename => templatize(from)).render
write_file(targetize(to), html, options)
else
install_html_without_haml(from, to, options)
end
end
# returns an absolute path given a path relative to the current installation target.
# Paths can use unix style "/" and will be corrected for the current platform.
def targetize(path)
strip_trailing_separator File.join(target_path, separate(path))
end
# returns an absolute path given a path relative to the current template.
# Paths can use unix style "/" and will be corrected for the current platform.
def templatize(path)
strip_trailing_separator File.join(template_path, separate(path))
end
# Emits an HTML fragment that can be used to link to the compiled css files
def stylesheet_links
""
end
end
end
end
require 'compass/installers/bare_installer'
require 'compass/installers/manifest_installer'
================================================
FILE: cli/lib/compass/installers/manifest.rb
================================================
module Compass
module Installers
class Manifest
include Enumerable
# A Manifest entry
class Entry < Struct.new(:type, :from, :options)
def to
options[:to] || from
end
end
attr_reader :options
def initialize(manifest_file = nil, options = {})
@entries = []
@options = options
@generate_config = true
@compile_after_generation = true
parse(manifest_file) if manifest_file
end
def self.known_extensions
@known_extensions ||= {}
end
def self.plural_types
@plural_types ||= {}
end
def self.type(t, options = {})
Array(options[:extensions]).each do |ext|
self.known_extensions[ext] = t
end
self.plural_types[options[:plural]] = t if options[:plural]
eval <<-END
def #{t}(from, options = {})
@entries << Entry.new(:#{t}, from, options)
end
def has_#{t}?
@entries.detect {|e| e.type == :#{t}}
end
def each_#{t}
@entries.select {|e| e.type == :#{t}}.each {|e| yield e}
end
END
end
type :stylesheet, :plural => :stylesheets, :extensions => %w(scss sass)
type :image, :plural => :images, :extensions => %w(png gif jpg jpeg tiff gif)
type :javascript, :plural => :javascripts, :extensions => %w(js)
type :font, :plural => :fonts, :extensions => %w(eot otf woff ttf)
type :html, :plural => :html, :extensions => %w(html haml)
type :file, :plural => :files
type :directory, :plural => :directories
def discover(type)
type = self.class.plural_types[type] || type
dir = File.dirname(@manifest_file)
Dir.glob("#{dir}/**/*").each do |file|
next if /manifest\.rb/ =~ file
short_name = file[(dir.length+1)..-1]
options = {}
ext = if File.extname(short_name) == ".erb"
options[:erb] = true
File.extname(short_name[0..-5])
else
File.extname(short_name)
end[1..-1]
file_type = self.class.known_extensions[ext]
file_type = :file if file_type.nil?
file_type = :directory if File.directory?(file)
if type == :all || type == file_type
send(file_type, short_name, options)
end
end
end
def help(value = nil)
if value
@help = value
else
@help
end
end
attr_reader :welcome_message_options
def welcome_message(value = nil, options = {})
if value
@welcome_message = value
@welcome_message_options = options
else
@welcome_message
end
end
def welcome_message_options
@welcome_message_options || {}
end
def description(value = nil)
if value
@description = value
else
@description
end
end
# Enumerates over the manifest files
def each
@entries.each {|e| yield e}
end
def generate_config?
@generate_config
end
def compile?
@compile_after_generation
end
protected
def no_configuration_file!
@generate_config = false
end
def skip_compilation!
@compile_after_generation = false
end
def with_manifest(manifest_file)
@manifest_file = manifest_file
yield
ensure
@manifest_file = nil
end
# parses a manifest file which is a ruby script
# evaluated in a Manifest instance context
def parse(manifest_file)
with_manifest(manifest_file) do
if File.exists?(manifest_file)
open(manifest_file) do |f|
eval(f.read, instance_binding, manifest_file)
end
else
eval("discover :all", instance_binding, manifest_file)
end
end
end
def instance_binding
binding
end
end
end
end
================================================
FILE: cli/lib/compass/installers/manifest_installer.rb
================================================
module Compass
module Installers
class ManifestInstaller < Base
attr_accessor :manifest
def initialize(template_path, target_path, options = {})
super
@manifest = Manifest.new(manifest_file, options) if template_path
end
def manifest_file
@manifest_file ||= File.join(template_path, "manifest.rb")
end
# Initializes the project to work with compass
def init
dirs = manifest.map do |entry|
unless entry.type == :directory
loc = send("install_location_for_#{entry.type}", entry.to, entry.options)
File.dirname(loc)
end
end.compact
if manifest.has_stylesheet?
dirs << sass_dir
dirs << css_dir
end
dirs.uniq.sort.each do |dir|
directory targetize(dir)
end
end
# The default install method. Calls install_ methods in the order specified by the manifest.
def install
manifest.each do |entry|
send("install_#{entry.type}", entry.from, entry.to, entry.options)
end
end
def stylesheet_links
html = "\n"
manifest.each_stylesheet do |stylesheet|
# Skip partials.
next if File.basename(stylesheet.from)[0..0] == "_"
media = if stylesheet.options[:media]
%Q{ media="#{stylesheet.options[:media]}"}
end
ss_line = %Q{ }
if stylesheet.options[:condition]
ss_line = " "
end
html << ss_line + "\n"
end
html << ""
end
end
end
end
================================================
FILE: cli/lib/compass/installers/template_context.rb
================================================
module Compass
module Installers
class TemplateContext
def self.ctx(*arguments)
new(*arguments).send(:get_binding)
end
def initialize(template, locals = {})
@template = template
@locals = locals
end
def http_stylesheets_path
config.http_stylesheets_path ||
config.default_for(:http_stylesheets_path) ||
config.http_root_relative(config.css_dir)
end
Compass::Configuration::ATTRIBUTES.each do |attribute|
unless instance_methods.include?(attribute.to_s)
define_method attribute do
config.send(attribute) || config.default_for(attribute)
end
end
end
def config
Compass.configuration
end
alias configuration config
protected
def get_binding
@locals.each do |k, v|
eval("#{k} = v")
end
binding
end
end
end
end
================================================
FILE: cli/lib/compass/installers.rb
================================================
%w(manifest template_context base manifest_installer bare_installer).each do |f|
require "compass/installers/#{f}"
end
================================================
FILE: cli/lib/compass/logger.rb
================================================
module Compass
class Logger
COLORS = { :clear => 0, :red => 31, :green => 32, :yellow => 33, :blue => 34 }
ACTION_COLORS = {
:error => :red,
:warning => :yellow,
:info => :green,
:compile => :green,
:overwrite => :yellow,
:modified => :yellow,
:clean => :yellow,
:write => :green,
:create => :green,
:remove => :yellow,
:delete => :yellow,
:deleted => :yellow,
:created => :yellow,
:exists => :green,
:directory => :green,
:identical => :green,
:convert => :green,
:unchanged => :yellow
}
DEFAULT_ACTIONS = ACTION_COLORS.keys
ACTION_CAN_BE_QUIET = {
:error => false,
:warning => true,
:info => true,
:compile => true,
:overwrite => true,
:modified => true,
:clean => true,
:write => true,
:create => true,
:remove => true,
:delete => true,
:deleted => true,
:created => true,
:exists => true,
:directory => true,
:identical => true,
:convert => true,
:unchanged => true
}
attr_accessor :actions, :options, :time
def initialize(*actions)
self.options = actions.last.is_a?(Hash) ? actions.pop : {}
@actions = DEFAULT_ACTIONS.dup
@actions += actions
end
# Record an action that has occurred
def record(action, *arguments)
return if options[:quiet] && ACTION_CAN_BE_QUIET[action]
msg = ""
if time
msg << Time.now.strftime("%I:%M:%S.%3N %p")
end
msg << color(ACTION_COLORS[action]) if Compass.configuration.color_output
msg << "#{action_padding(action)}#{action}"
msg << color(:clear) if Compass.configuration.color_output
msg << " #{arguments.join(' ')}"
log msg
end
def green
wrap(:green) { yield }
end
def red
wrap(:red) { yield }
end
def yellow
wrap(:yellow) { yield }
end
def wrap(c, reset_to = :clear)
$stderr.write(color(c))
$stdout.write(color(c))
yield
ensure
$stderr.write(color(reset_to))
$stdout.write(color(reset_to))
$stdout.flush
end
def color(c)
if Compass.configuration.color_output && c && COLORS.has_key?(c.to_sym)
if defined?($boring) && $boring
""
else
"\e[#{COLORS[c.to_sym]}m"
end
else
""
end
end
# Emit a log message without a trailing newline
def emit(msg)
print msg
$stdout.flush
end
# Emit a log message with a trailing newline
def log(msg)
puts msg
$stdout.flush
end
# add padding to the left of an action that was performed.
def action_padding(action)
' ' * [(max_action_length - action.to_s.length), 0].max
end
# the maximum length of all the actions known to the logger.
def max_action_length
@max_action_length ||= actions.inject(0){|memo, a| [memo, a.to_s.length].max}
end
end
class NullLogger < Logger
def record(*args)
end
def log(msg)
end
def emit(msg)
end
end
end
================================================
FILE: cli/lib/compass/quick_cache.rb
================================================
module QuickCache
# cache a value in memory for just a few seconds
# This can speed up reads of values that change relatively infrequently
# but might be read many times in a short burst of reads.
def quick_cache(key, ttl = 1)
@quick_cache ||= {}
if @quick_cache[key] && @quick_cache[key].first > Time.now - ttl
@quick_cache[key].last
else
(@quick_cache[key] = [Time.now, yield]).last
end
end
end
================================================
FILE: cli/lib/compass/rails.rb
================================================
# Rails requires compass by requiring this file.
require 'compass'
================================================
FILE: cli/lib/compass/sass_compiler.rb
================================================
require 'sass/plugin'
class Compass::SassCompiler
include Compass::Actions
attr_writer :logger
attr_reader :quiet
attr_reader :error_count
attr_accessor :config
attr_accessor :display_compilation_times
attr_accessor :working_path
attr_accessor :only_sass_files
def initialize(options = {}, config = Compass.configuration)
options = options.dup
self.config = config
self.display_compilation_times = options.delete(:time)
self.working_path = options.delete(:working_path) || Dir.pwd
self.only_sass_files = options.delete(:only_sass_files) || []
@quiet = options[:quiet]
plugin_options = config.to_sass_plugin_options.merge(options)
if only_sass_files.any?
plugin_options[:template_location] = []
plugin_options[:load_paths] = config.sass_load_paths
end
plugin_options[:always_update] = true if options.delete(:force)
plugin_options[:compass] ||= {}
plugin_options[:compass][:logger] = logger
@compiler = Sass::Plugin::Compiler.new(plugin_options)
@start_times = {}
@error_count = 0
public_methods(true).grep(/^when_/).each do |callback|
@compiler.send(callback.to_s.sub(/^when_/, 'on_')) {|*args| send(callback, *args) }
end
end
def compile!
@compiler.update_stylesheets(individual_files)
end
def watch!(options = {}, &block)
skip_initial_update = options.fetch(:skip_initial_update, false)
begin
@compiler.watch(individual_files, options.merge(:skip_initial_update => skip_initial_update), &block)
rescue Sass::SyntaxError => e
skip_initial_update = true
retry
end
end
def individual_files
only_sass_files.map {|sass_file| [sass_file, corresponding_css_file(sass_file)]}
end
def clean!
@compiler.clean(individual_files)
end
def file_list
@compiler.file_list(individual_files)
end
def when_updating_stylesheets(individual_files)
@start_times = {}
@error_count = 0
end
def when_compilation_starting(sass_file, css, sourcemap)
@start_times[sass_file] = Time.now
end
def when_template_created(sass_file)
logger.record :created, relativize(sass_file)
end
def when_template_deleted(sass_file)
logger.record :deleted, relativize(sass_file)
end
def when_template_modified(sass_file)
logger.record :modified, relativize(sass_file)
end
def when_updated_stylesheet(sass_file, css, sourcemap)
if css && display_compilation_times && @start_times[sass_file]
duration = ((Time.now - @start_times[sass_file]) * 1000).round / 1000.0
logger.record :write, "#{relativize(css)} (#{duration}s)"
else
logger.record :write, relativize(css) if css
end
config.run_stylesheet_saved(css) if css
logger.record :write, relativize(sourcemap) if sourcemap
config.run_sourcemap_saved(sourcemap) if sourcemap
end
def when_creating_directory(dirname)
logger.record :directory, relativize(dirname)
end
def when_deleting_css(filename)
logger.record :delete, relativize(filename)
config.run_stylesheet_removed(filename) if filename
end
def when_deleting_sourcemap(filename)
logger.record :delete, relativize(filename)
config.run_sourcemap_removed(filename) if filename
end
def when_compilation_error(error, sass_file, css_file, sourcemap_file)
@error_count += 1
if error.respond_to?(:sass_filename)
error_filename = error.sass_filename || sass_file
if relativize(error_filename) == relativize(sass_file)
logger.record :error, "#{relativize(sass_file)} (Line #{error.sass_line}: #{error.message})"
else
logger.record :error, "#{relativize(sass_file)} (Line #{error.sass_line} of #{relativize(error_filename)}: #{error.message})"
end
else
logger.record :error, "#{relativize(sass_file)} (#{error.backtrace.first}: #{error.message})"
end
config.run_stylesheet_error(sass_file, error.message)
end
def logger
@logger ||= Compass::Logger.new(:quiet => quiet)
end
def corresponding_css_file(sass_file)
"#{config.css_path}/#{stylesheet_name(sass_file)}.css"
end
def stylesheet_name(sass_file)
if sass_file.index(config.sass_path) == 0
sass_file[(config.sass_path.length + 1)..-6].sub(/\.css$/,'')
else
raise Compass::Error, "Individual stylesheets must be in the sass directory."
end
end
def sass_files(options = {})
@compiler.template_location_array.map do |(sass_dir, css_dir)|
glob = options[:include_partials] ?
File.join("**","*.s[ac]ss*") :
File.join("**","[^_]*.s[ac]ss*")
Dir.glob(File.join(sass_dir, glob))
end.flatten
end
end
================================================
FILE: cli/lib/compass/sass_extensions/functions/sprites.rb
================================================
module Compass::SassExtensions::Functions::Sprites
extend Compass::SassExtensions::Functions::SassDeclarationHelper
extend Sass::Script::Value::Helpers
include Sass::Script::Value::Helpers
ZERO = number(0)
BOOL_FALSE = bool(false)
VALID_SELECTORS = %w(hover active target focus)
# Provides a consistent interface for getting a variable in ruby
# from a keyword argument hash that accounts for underscores/dash equivalence
# and allows the caller to pass a symbol instead of a string.
module VariableReader
def get_var(variable_name)
self[variable_name.to_s.gsub(/-/,"_")]
end
end
# Returns the width of the generated sprite map
def sprite_width(map, sprite=nil)
verify_map(map, 'sprite-width')
file = get_sprite_file(map, sprite)
width, _ = image_dimensions(file)
number(width, "px")
end
declare :sprite_width, [:map]
declare :sprite_width, [:map, :sprite]
# Returns the height of the generated sprite map
def sprite_height(map, sprite=nil)
verify_map(map, 'sprite-height')
file = get_sprite_file(map, sprite)
_, height = image_dimensions(file)
number(height, "px")
end
declare :sprite_height, [:map]
declare :sprite_height, [:map, :sprite]
# Returns a list of all sprite names
def sprite_names(map)
verify_map(map, 'sprite-names')
list(map.sprite_names.map { |f| identifier(f) }, :comma)
end
declare :sprite_names, [:map]
# Returns the system path of the sprite file
def sprite_path(map)
verify_map(map, 'sprite-path')
identifier(map.filename)
end
declare :sprite_path, [:map]
# Returns the sprite file as an inline image
# @include "icon/*.png";
# #{$icon-sprite-base-class} {
# background-image: inline-sprite($icon-sprites);
# }
def inline_sprite(map)
verify_map(map, "sprite-url")
map.generate
path = map.filename
inline_image_string(data(path), compute_mime_type(path))
end
declare :inline_sprite, [:map]
# Creates a Compass::SassExtensions::Sprites::SpriteMap object. A sprite map, when used in a property is the same
# as calling sprite-url. So the following background properties are equivalent:
#
# $icons: sprite-map("icons/*.png");
# background: sprite-url($icons) no-repeat;
# background: $icons no-repeat;
#
# The sprite map object will generate the sprite map image, if necessary,
# the first time it is converted to a url. Simply constructing it has no side-effects.
def sprite_map(glob, kwargs = {})
kwargs.extend VariableReader
Compass::SassExtensions::Sprites::SpriteMap.from_uri(glob, self, kwargs)
end
declare :sprite_map, [:glob], :var_kwargs => true
# Returns the image and background position for use in a single shorthand property:
#
# $icons: sprite-map("icons/*.png"); // contains icons/new.png among others.
# background: sprite($icons, new) no-repeat;
#
# Becomes:
#
# background: url('/images/icons.png?12345678') 0 -24px no-repeat;
#
# If the `use_percentages` parameter is passed as true, percentages will be
# used to position the sprite. Example output:
#
# background: url('/images/icons.png?12345678') 0 50% no-repeat;
#
def sprite(map, sprite, offset_x = ZERO, offset_y = ZERO, use_percentages = BOOL_FALSE)
sprite = convert_sprite_name(sprite)
verify_map(map)
verify_sprite(sprite)
url = sprite_url(map)
position = sprite_position(map, sprite, offset_x, offset_y, use_percentages)
list([url] + position.value, :space)
end
declare :sprite, [:map, :sprite]
declare :sprite, [:map, :sprite, :offset_x]
declare :sprite, [:map, :sprite, :offset_x, :offset_y]
declare :sprite, [:map, :sprite, :offset_x, :offset_y, :use_percentages]
# Returns the name of a sprite map
# The name is derived from the folder than contains the sprites.
def sprite_map_name(map)
verify_map(map, "sprite-map-name")
identifier(map.name)
end
declare :sprite_name, [:sprite]
# Returns the path to the original image file for the sprite with the given name
def sprite_file(map, sprite)
sprite = convert_sprite_name(sprite)
verify_map(map, "sprite")
verify_sprite(sprite)
if image = map.image_for(sprite.value)
image_path = Pathname.new(File.expand_path(image.file))
images_path = Pathname.new(File.expand_path(Compass.configuration.images_path))
quoted_string(image_path.relative_path_from(images_path).to_s)
else
missing_image!(map, sprite)
end
end
declare :sprite_file, [:map, :sprite]
# Returns boolean if sprite has a parent
def sprite_does_not_have_parent(map, sprite)
sprite = convert_sprite_name(sprite)
verify_map map
verify_sprite sprite
bool(map.image_for(sprite.value).parent.nil?)
end
declare :sprite_does_not_have_parent, [:map, :sprite]
#return the name of the selector file
def sprite_selector_file(map, sprite, selector)
sprite = convert_sprite_name(sprite)
image = map.image_for(sprite)
if map.send(:"has_#{selector.value}?", sprite.value)
return identifier(image.send(selector.value).name)
end
raise Sass::SyntaxError, "Sprite: #{sprite.value} does not have a #{selector} state"
end
declare :sprite_selector_file, [:map, :sprite, :selector]
# Returns boolean if sprite has the selector
def sprite_has_selector(map, sprite, selector)
sprite = convert_sprite_name(sprite)
verify_map map
verify_sprite sprite
unless VALID_SELECTORS.include?(selector.value)
raise Sass::SyntaxError, "Invalid Selctor did you mean one of: #{VALID_SELECTORS.join(', ')}"
end
bool map.send(:"has_#{selector.value}?", sprite.value)
end
declare :sprite_has_selector, [:map, :sprite, :selector]
# Determines if the CSS selector is valid
IDENTIFIER_RX = /\A#{Sass::SCSS::RX::IDENT}\Z/
def sprite_has_valid_selector(selector)
unless selector.value =~ IDENTIFIER_RX
raise Sass::SyntaxError, "#{selector} must be a legal css identifier"
end
bool true
end
# Returns a url to the sprite image.
def sprite_url(map)
verify_map(map, "sprite-url")
map.generate
generated_image_url(identifier("#{map.path}-s#{map.uniqueness_hash}.png"))
end
declare :sprite_url, [:map]
# Returns the position for the original image in the sprite.
# This is suitable for use as a value to background-position:
#
# $icons: sprite-map("icons/*.png");
# background-position: sprite-position($icons, new);
#
# Might generate something like:
#
# background-position: 0 -34px;
#
# You can adjust the background relative to this position by passing values for
# `$offset-x` and `$offset-y`:
#
# $icons: sprite-map("icons/*.png");
# background-position: sprite-position($icons, new, 3px, -2px);
#
# Would change the above output to:
#
# background-position: 3px -36px;
#
# If you set the `use_percentages` parameter to true, the position will be
# expressed in percentages. An example:
#
# background-position: sprite-position($icons, new, 0, 0, true);
#
# Would result in something like this:
#
# background-position: 0 42%;
#
def sprite_position(map, sprite = nil, offset_x = ZERO, offset_y = ZERO, use_percentages = BOOL_FALSE)
assert_type offset_x, :Number
assert_type offset_y, :Number
sprite = convert_sprite_name(sprite)
verify_map(map, "sprite-position")
unless sprite.is_a?(Sass::Script::Value::String) || sprite.is_a?(Sass::Script::Value::Number)
raise Sass::SyntaxError, %Q(The second argument to sprite-position must be a sprite name. See http://beta.compass-style.org/help/tutorials/spriting/ for more information.)
end
image = map.image_for(sprite.value)
unless image
missing_image!(map, sprite)
end
if use_percentages.value
xdivis = map.width - image.width;
x = (offset_x.value + image.left.to_f) / (xdivis.nonzero? || 1) * 100
x = x == 0 ? number(x) : number(x, "%")
ydivis = map.height - image.height;
y = (offset_y.value + image.top.to_f) / (ydivis.nonzero? || 1) * 100
y = y == 0 ? number(y) : number(y, "%")
else
if offset_x.unit_str == "%"
x = offset_x # CE: Shouldn't this be a percentage of the total width?
else
x = offset_x.value - image.left
x = x == 0 ? number(x) : number(x, "px")
end
y = offset_y.value - image.top
y = y == 0 ? number(y) : number(y, "px")
end
list(x, y, :space)
end
declare :sprite_position, [:map]
declare :sprite_position, [:map, :sprite]
declare :sprite_position, [:map, :sprite, :offset_x]
declare :sprite_position, [:map, :sprite, :offset_x, :offset_y]
declare :sprite_position, [:map, :sprite, :offset_x, :offset_y, :use_percentages]
protected
def get_sprite_file(map, sprite=nil)
if sprite
map.image_for(sprite).file
else
map.filename
end
end
def reversed_color_names
if Sass::Script::Value::Color.const_defined?(:HTML4_COLORS_REVERSE)
Sass::Script::Value::Color::HTML4_COLORS_REVERSE
else
Sass::Script::Value::Color::COLOR_NAMES_REVERSE
end
end
def convert_sprite_name(sprite)
case sprite
when Sass::Script::Value::Color
rgb = if reversed_color_names.keys.first.size == 3
sprite.rgb
else
# Sass 3.3 includes the alpha channel
sprite.rgba
end
identifier(reversed_color_names[rgb])
when Sass::Script::Value::Bool
identifier(sprite.to_s)
else
sprite
end
end
def verify_map(map, error = "sprite")
unless map.is_a?(Compass::SassExtensions::Sprites::SpriteMap)
missing_sprite!(error)
end
end
def verify_sprite(sprite)
unless sprite.is_a?(Sass::Script::Value::String) || sprite.is_a?(Sass::Script::Value::Number)
raise Sass::SyntaxError, %Q(The second argument to sprite() must be a sprite name. See http://beta.compass-style.org/help/tutorials/spriting/ for more information.)
end
end
def missing_image!(map, sprite)
raise Sass::SyntaxError, "No sprite called #{sprite} found in sprite map #{map.path}/#{map.name}. Did you mean one of: #{map.sprite_names.join(", ")}"
end
def missing_sprite!(function_name)
raise Sass::SyntaxError, %Q(The first argument to #{function_name}() must be a sprite map. See http://beta.compass-style.org/help/tutorials/spriting/ for more information.)
end
end
================================================
FILE: cli/lib/compass/sass_extensions/functions.rb
================================================
module Compass::SassExtensions::Functions
module SassDeclarationHelper
def declare(*args)
Sass::Script::Functions.declare(*args)
end
end
end
%w(sprites).each do |func|
require "compass/sass_extensions/functions/#{func}"
end
module Sass::Script::Functions
include Compass::SassExtensions::Functions::Sprites
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb
================================================
begin
require 'oily_png'
rescue LoadError
require 'chunky_png'
end
module Compass
module SassExtensions
module Sprites
class ChunkyPngEngine < Compass::SassExtensions::Sprites::Engine
def construct_sprite
@canvas = ChunkyPNG::Image.new(width, height, ChunkyPNG::Color::TRANSPARENT)
images.each do |image|
input_png = begin
ChunkyPNG::Image.from_file(image.file)
rescue ChunkyPNG::SignatureMismatch
raise Compass::SpriteException, "You have provided a file that does not have a PNG signature. Only PNG files are supported by the default sprite engine"
end
canvas.replace! input_png, image.left, image.top
end
end
def save(filename)
if canvas.nil?
construct_sprite
end
canvas.save(filename, Compass.configuration.chunky_png_options)
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/engines.rb
================================================
module Compass
module SassExtensions
module Sprites
class Engine
attr_accessor :width, :height, :images, :canvas
def initialize(width, height, images)
@width, @height, @images = width, height, images
@canvas = nil
end
def construct_sprite
raise ::Compass::Error, "You must implement construct_sprite"
end
def save(filename)
raise ::Compass::Error, "You must implement save(filename)"
end
end
end
end
end
require 'compass/sass_extensions/sprites/engines/chunky_png_engine'
================================================
FILE: cli/lib/compass/sass_extensions/sprites/image.rb
================================================
module Compass
module SassExtensions
module Sprites
class Image
include Sass::Script::Value::Helpers
ACTIVE = %r{[_-]active$}
TARGET = %r{[_-]target$}
HOVER = %r{[_-]hover$}
FOCUS = %r{[_-]focus$}
PARENT = %r{(.+)[-_](.+)$}
REPEAT_X = 'repeat-x'
REPEAT_Y = 'repeat-y'
NO_REPEAT = 'no-repeat'
VALID_REPEATS = [REPEAT_Y, REPEAT_X, NO_REPEAT]
attr_reader :relative_file, :options, :base, :name
attr_accessor :top, :left
def initialize(base, relative_file, options)
@base, @relative_file, @options = base, relative_file, options
@left = @top = 0
@name = File.basename(relative_file, '.png')
end
# The Full path to the image
def file
@file ||= find_file
end
def find_file
Compass.configuration.sprite_load_path.compact.each do |path|
f = File.join(path, relative_file)
if File.exists?(f)
return f
end
end
end
# Width of the image
def width
dimensions.first
end
def size
@size ||= File.size(file)
end
# Height of the image
def height
dimensions.last
end
def get_var_file(var)
options.get_var "#{base.name}_#{name}_#{var}"
end
# Value of $#{name}-repeat or $repeat
def repeat
@repeat ||= begin
rep = (get_var_file("repeat") || options.get_var("repeat") || identifier(NO_REPEAT)).value
unless VALID_REPEATS.include? rep
raise SpriteException, "Invalid option for repeat \"#{rep}\" - valid options are #{VALID_REPEATS.join(', ')}"
end
rep
end
end
def repeat_x?
repeat == REPEAT_X
end
def repeat_y?
repeat == REPEAT_Y
end
def no_repeat?
repeat == NO_REPEAT
end
# Value of $#{name}-position or $position defaults to 0px
def position
@position ||= get_var_file("position") || options.get_var("position") || number(0, "px")
end
# Offset within the sprite
def offset
@offset ||= (position.unitless? || position.unit_str == "px") ? position.value : 0
end
# Spacing between this image and the next
def spacing
@spacing ||= (get_var_file("spacing") || options.get_var("spacing") || number(0, 'px')).value
end
# MD5 hash of this file
def digest
Digest::MD5.file(file).hexdigest
end
# mtime of this file
def mtime
File.mtime(file)
end
# Is hover selector
def hover?
name =~ HOVER
end
# Hover selector Image object if exsists
def hover
base.get_magic_selector_image(name, 'hover')
end
# Is target selector
def target?
name =~ TARGET
end
# Target selector Image object if exsists
def target
base.get_magic_selector_image(name, 'target')
end
# Is active selector
def active?
name =~ ACTIVE
end
# Active selector Image object if exsists
def active
base.get_magic_selector_image(name, 'active')
end
# Is active selector
def focus?
name =~ FOCUS
end
# Active selector Image object if exsists
def focus
base.get_magic_selector_image(name, 'focus')
end
def parent
if [hover?, target?, active?, focus?].any?
PARENT.match name
base.image_for($1)
end
end
private
def dimensions
@dimensions ||= Compass::Core::SassExtensions::Functions::ImageSize::ImageProperties.new(file).size
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/image_methods.rb
================================================
module Compass
module SassExtensions
module Sprites
module ImageMethods
# Fetches the Sprite::Image object for the supplied name
def image_for(name)
if name.is_a?(Sass::Script::Value::String)
name = name.value
end
name = name.to_s
@images.detect { |img| img.name.downcase == name.downcase}
end
# Returns true if the image name has a hover selector image
def has_hover?(name)
!get_magic_selector_image(name, 'hover').nil?
end
# Returns true if the image name has a target selector image
def has_target?(name)
!get_magic_selector_image(name, 'target').nil?
end
# Returns true if the image name has a focus selector image
def has_focus?(name)
!get_magic_selector_image(name, 'focus').nil?
end
# Returns true if the image name has an active selector image
def has_active?(name)
!get_magic_selector_image(name, 'active').nil?
end
SEPERATORS = ['_', '-']
def get_magic_selector_image(name, selector)
SEPERATORS.each do |seperator|
file = image_for("#{name}#{seperator}#{selector}")
return file if !file.nil?
end
nil
end
# Return and array of image names that make up this sprite
def sprite_names
image_names.map { |f| File.basename(f, '.png') }
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/image_row.rb
================================================
require 'forwardable'
module Compass
module SassExtensions
module Sprites
class ImageRow
extend Forwardable
attr_reader :images, :max_width
def_delegators :@images, :last, :delete, :empty?, :length
def initialize(max_width)
@images = []
@max_width = max_width
end
def add(image)
return false if !will_fit?(image)
@images << image
true
end
alias :<< :add
def height
images.map(&:height).max
end
def width
images.map(&:width).max
end
def total_width
images.inject(0) {|sum, img| sum + img.width }
end
def efficiency
1 - (total_width.to_f / max_width.to_f)
end
def will_fit?(image)
(total_width + image.width) <= max_width
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/images.rb
================================================
module Compass
module SassExtensions
module Sprites
class Images < Array
def sort_by!(method)
invert = false
if method.to_s[0] == '!'[0] # have todo this for 1.8.7 compat
method = method.to_s[1..-1]
invert = true
end
method = method.to_sym
self.sort! do |a, b|
unless a.send(method) == b.send(method)
a.send(method) <=> b.send(method)
else
other = ([:size, :name] - [method]).first
a.send(other) <=> b.send(other)
end
end
self.reverse! if invert
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout/diagonal.rb
================================================
module Compass
module SassExtensions
module Sprites
module Layout
class Diagonal < SpriteLayout
def layout!
calculate_width!
calculate_height!
calculate_positions!
end
private # ===========================================================================================>
def calculate_width!
@width = @images.inject(0) {|sum, img| sum + img.width}
end
def calculate_height!
@height = @images.inject(0) {|sum, img| sum + img.height}
end
def calculate_positions!
previous = nil
@images.each_with_index do |image, index|
if previous.nil?
previous = image
image.top = @height - image.height
image.left = 0
next
end
image.top = previous.top - image.height
image.left = previous.left + previous.width
previous = image
end
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout/horizontal.rb
================================================
module Compass
module SassExtensions
module Sprites
module Layout
class Horizontal < SpriteLayout
def layout!
calculate_height!
calculate_width!
calculate_positions!
tile_images_that_repeat!
end
private # ===========================================================================================>
def calculate_height!
@height = @images.map {|image| image.height + image.offset}.max
if repeating_images?
calculate_repeat_extra_height!
end
@height
end
def calculate_width!
@width = @images.inject(0) { |sum, image| sum += (image.width + image.spacing) }
end
def repeating_images?
@repeating_images ||= @images.any?(&:repeat_y?)
end
def calculate_repeat_extra_height!
m = @images.inject(1) {|m,img| img.repeat_y? ? m.lcm(img.height) : m }
remainder = @height % m
@height += (m - remainder) unless remainder.zero?
end
def calculate_positions!
@images.each_with_index do |image, index|
image.top = image.position.unit_str == '%' ? (@height - image.height) * (image.position.value / 100.0) : image.position.value
next if index == 0
last_image = @images[index-1]
image.left = last_image.left + last_image.width + [image.spacing, last_image.spacing].max
end
end
def tile_images_that_repeat!
return unless repeating_images?
@images.map {|img| img if img.repeat_y?}.compact.each do |image|
y = (image.top + image.height)
while y < @height do
begin
img = image.dup
img.top = y.to_i
@images << img
y += image.height
end
end #while
end
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout/smart.rb
================================================
module Compass
module SassExtensions
module Sprites
module Layout
class Smart < SpriteLayout
def layout!
calculate_positions!
end
private # ===========================================================================================>
def calculate_positions!
fitter = ::Compass::SassExtensions::Sprites::RowFitter.new(@images)
current_y = 0
fitter.fit!.each do |row|
current_x = 0
row.images.each_with_index do |image, index|
image.left = current_x
image.top = current_y
current_x += image.width
end
current_y += row.height
end
@width = fitter.width
@height = fitter.height
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout/vertical.rb
================================================
module Compass
module SassExtensions
module Sprites
module Layout
class Vertical < SpriteLayout
def layout!
calculate_width!
calculate_positions!
calculate_height!
tile_images_that_repeat!
end
private # ===========================================================================================>
def calculate_width!
@width = @images.map { |image| image.width + image.offset }.max
if repeating_images?
calculate_repeat_extra_width!
end
@width
end
def calculate_height!
last = @images.last
@height = last.top + last.height
end
def repeating_images?
@repeating_images ||= @images.any?(&:repeat_x?)
end
def calculate_repeat_extra_width!
m = @images.inject(1) {|m,img| img.repeat_x? ? m.lcm(img.width) : m }
remainder = @width % m
@width += (m - remainder) unless remainder.zero?
end
def calculate_positions!
@images.each_with_index do |image, index|
image.left = (image.position.unit_str == "%" ? (@width - image.width) * (image.position.value / 100.0) : image.position.value).to_i
next if index == 0
last_image = @images[index-1]
image.top = last_image.top + last_image.height + [image.spacing, last_image.spacing].max
end #each_with_index
end #method
def tile_images_that_repeat!
return unless repeating_images?
@images.map {|img| img if img.repeat_x?}.compact.each do |image|
x = image.left - (image.left / image.width).ceil * image.width
while x < @width do
begin
img = image.dup
img.top = image.top
img.left = x.to_i
@images << img
x += image.width
end #begin
end #while
end #map
end #method
end #Vertical
end #Layout
end #Sprites
end #SassExtensions
end #Compass
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout.rb
================================================
require 'rational'
module Compass
module SassExtensions
module Sprites
module Layout
class SpriteLayout
attr_reader :images, :options
attr_accessor :height, :width
def initialize(images, kwargs={})
@images = images
@options = kwargs
@height = 0
@width = 0
layout!
end
def layout!
raise Compass::SpriteException, "You must impliment layout!"
end
def properties
if @width.zero?
raise Compass::SpriteException, "You must set the width fetching the properties"
end
if @height.zero?
raise Compass::SpriteException, "You must set the height fetching the properties"
end
[@images, @width, @height]
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/layout_methods.rb
================================================
module Compass
module SassExtensions
module Sprites
module LayoutMethods
HORIZONTAL = 'horizontal'
DIAGONAL = 'diagonal'
SMART = 'smart'
VERTICAL = 'vertical'
def smart?
layout == SMART
end
def horizontal?
layout == HORIZONTAL
end
def diagonal?
layout == DIAGONAL
end
def vertical?
layout == VERTICAL
end
def layout
@layout ||= @kwargs.get_var('layout').value
end
# Calculates the overal image dimensions
# collects image sizes and input parameters for each sprite
def compute_image_positions!
case layout
when SMART
require 'compass/sass_extensions/sprites/layout/smart'
@images, @width, @height = Layout::Smart.new(@images, @kwargs).properties
when DIAGONAL
require 'compass/sass_extensions/sprites/layout/diagonal'
@images, @width, @height = Layout::Diagonal.new(@images, @kwargs).properties
when HORIZONTAL
require 'compass/sass_extensions/sprites/layout/horizontal'
@images, @width, @height = Layout::Horizontal.new(@images, @kwargs).properties
else
require 'compass/sass_extensions/sprites/layout/vertical'
@images, @width, @height = Layout::Vertical.new(@images, @kwargs).properties
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/row_fitter.rb
================================================
require 'forwardable'
module Compass
module SassExtensions
module Sprites
class RowFitter
extend Forwardable
attr_reader :images, :rows
def_delegators :rows, :[]
def initialize(images)
@images = images.sort do |a,b|
if a.height == b.height
b.width <=> a.width
else
a.height <=> b.height
end
end
@rows = []
end
def fit!(style = :scan)
send("#{style}_fit")
@rows
end
def width
@width ||= @images.collect(&:width).max
end
def height
@height ||= @rows.inject(0) {|sum, row| sum += row.height}
end
def efficiency
@rows.inject(0) { |sum, row| sum += row.efficiency } ** @rows.length
end
private
def new_row(image = nil)
row = Compass::SassExtensions::Sprites::ImageRow.new(width)
row.add(image) if image
row
end
def fast_fit
row = new_row
@images.each do |image|
if !row.add(image)
@rows << row
row = new_row(image)
end
end
@rows << row
end
def scan_fit
fast_fit
moved_images = []
begin
removed = false
catch :done do
@rows.each do |row|
(@rows - [ row ]).each do |other_row|
other_row.images.each do |image|
if !moved_images.include?(image)
if row.will_fit?(image)
other_row.delete(image)
row << image
@rows.delete(other_row) if other_row.empty?
removed = true
moved_images << image
throw :done
end
end
end
end
end
end
end while removed
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/sprite_map.rb
================================================
module Compass
module SassExtensions
module Sprites
class SpriteMap < Sass::Script::Value::Base
attr_accessor :image_names, :path, :name, :map, :kwargs
attr_accessor :images, :width, :height, :engine
include SpriteMethods
include ImageMethods
include LayoutMethods
include Sass::Script::Value::Helpers
# Initialize a new sprite object from a relative file path
# the path is relative to the images_path confguration option
def self.from_uri(uri, context, kwargs)
uri = uri.value
path, name = Compass::SpriteImporter.path_and_name(uri)
files = Compass::SpriteImporter.files(uri)
sprites = files.map do |sprite|
relative_name(sprite)
end
new(sprites, path, name, context, kwargs)
end
def self.relative_name(sprite)
sprite = File.expand_path(sprite)
Compass.configuration.sprite_load_path.each do |path|
path_with_slash = "#{File.expand_path(path)}/"
if sprite.include?(path_with_slash)
return sprite.gsub(path_with_slash, '')
end
end
end
def initialize(sprites, path, name, context, kwargs)
@image_names = sprites
@path = path
@name = name
@kwargs = kwargs
@kwargs['cleanup'] ||= bool(true)
@kwargs['layout'] ||= identifier('vertical')
@kwargs['sort_by'] ||= identifier('none')
@images = nil
@width = nil
@height = nil
@engine = nil
@evaluation_context = context
compute_image_metadata!
end
def sort_method
@kwargs['sort_by'].value
end
def inspect
puts 'images'
@images.each do |img|
puts img.file
end
puts "options"
@kwargs.each do |k,v|
puts "#{k}:#{v}"
end
end
def to_s(kwargs = self.kwargs)
sprite_url(self).value
end
def respond_to?(meth)
super || @evaluation_context.respond_to?(meth)
end
def method_missing(meth, *args, &block)
if @evaluation_context.respond_to?(meth)
@evaluation_context.send(meth, *args, &block)
else
super
end
end
private
def modulize
@modulize ||= Compass::configuration.sprite_engine.to_s.scan(/([^_.]+)/).flatten.map {|chunk| "#{chunk[0].chr.upcase}#{chunk[1..-1]}" }.join
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites/sprite_methods.rb
================================================
module Compass
module SassExtensions
module Sprites
module SpriteMethods
# Changing this string will invalidate all previously generated sprite images.
# We should do so only when the packing algorithm changes
SPRITE_VERSION = "2"
# Calculates the overal image dimensions
# collects image sizes and input parameters for each sprite
# Calculates the height
def compute_image_metadata!
@width = 0
init_images
compute_image_positions!
init_engine
end
def init_engine
@engine = eval("::Compass::SassExtensions::Sprites::#{modulize}Engine.new(nil, nil, nil)")
@engine.width = @width
@engine.height = @height
@engine.images = @images
end
# Creates the Sprite::Image objects for each image and calculates the width
def init_images
@images = Images.new
image_names.each do |relative_file|
@images << Image.new(self, relative_file, kwargs)
end
unless sort_method == 'none'
@images.sort_by! sort_method
end
end
def name_and_hash
"#{path}-s#{uniqueness_hash}.png"
end
# The on-the-disk filename of the sprite
def filename
File.join(Compass.configuration.generated_images_path, name_and_hash)
end
def relativize(path)
Pathname.new(path).relative_path_from(Pathname.new(Dir.pwd)).to_s rescue path
end
# Generate a sprite image if necessary
def generate
if generation_required?
if kwargs.get_var('cleanup').value
cleanup_old_sprites
end
engine.construct_sprite
Compass.configuration.run_sprite_generated(engine.canvas)
save!
else
log :unchanged, filename
end
end
def cleanup_old_sprites
Sass::Util.glob(File.join(Compass.configuration.generated_images_path, "#{path}-s*.png")).each do |file|
log :remove, file
FileUtils.rm file
Compass.configuration.run_sprite_removed(file)
end
end
# Does this sprite need to be generated
def generation_required?
!File.exists?(filename) || outdated? || options[:force]
end
# Returns the uniqueness hash for this sprite object
def uniqueness_hash
@uniqueness_hash ||= begin
sum = Digest::MD5.new
sum << SPRITE_VERSION
sum << path
sum << layout
images.each do |image|
[:relative_file, :height, :width, :repeat, :spacing, :position, :digest].each do |attr|
sum << image.send(attr).to_s
end
end
sum.hexdigest[0...10]
end
@uniqueness_hash
end
# Saves the sprite engine
def save!
FileUtils.mkdir_p(File.dirname(filename))
saved = engine.save(filename)
log :create, filename
Compass.configuration.run_sprite_saved(filename)
@mtime = nil if saved
saved
end
# All the full-path filenames involved in this sprite
def image_filenames
@images.map(&:file)
end
# Checks whether this sprite is outdated
def outdated?
if File.exists?(filename)
return @images.any? {|image| image.mtime.to_i > self.mtime.to_i }
end
true
end
# Mtime of the sprite file
def mtime
@mtime ||= File.mtime(filename)
end
# Calculate the size of the sprite
def size
[width, height]
end
def log(action, filename, *extra)
if options[:compass] && options[:compass][:logger] && !options[:quiet]
options[:compass][:logger].record(action, relativize(filename), *extra)
end
end
end
end
end
end
================================================
FILE: cli/lib/compass/sass_extensions/sprites.rb
================================================
require 'digest/md5'
require 'compass/sprite_importer'
module Compass
module SassExtensions
module Sprites
end
end
end
require 'compass/sass_extensions/sprites/images'
require 'compass/sass_extensions/sprites/layout'
require 'compass/sass_extensions/sprites/image_row'
require 'compass/sass_extensions/sprites/row_fitter'
require 'compass/sass_extensions/sprites/image'
require 'compass/sass_extensions/sprites/layout_methods'
require 'compass/sass_extensions/sprites/sprite_methods'
require 'compass/sass_extensions/sprites/image_methods'
require 'compass/sass_extensions/sprites/sprite_map'
require 'compass/sass_extensions/sprites/engines'
================================================
FILE: cli/lib/compass/sass_extensions.rb
================================================
unless Sass::Script::Functions.methods.grep(/\Adeclare\Z/).any?
raise LoadError, "It looks like you've got an incompatible version of Sass. This often happens when you have an old haml gem installed. Please upgrade Haml to v3.1 or above."
end
module Compass::SassExtensions
end
require 'compass/sass_extensions/functions'
require 'compass/sass_extensions/sprites'
================================================
FILE: cli/lib/compass/sprite_importer/binding.rb
================================================
require 'ostruct'
module Compass
module Sprites
class Binding < OpenStruct
def get_binding
binding
end
end
end
end
================================================
FILE: cli/lib/compass/sprite_importer/content.erb
================================================
@import "compass/utilities/sprites/base";
// General Sprite Defaults
// You can override them before you import this file.
$<%= name %>-sprite-dimensions : false !default;
$<%= name %>-use-percentages : false !default;
$<%= name %>-position : 0% !default;
$<%= name %>-spacing : 0 !default;
$<%= name %>-repeat : no-repeat !default;
$<%= name %>-prefix : '' !default;
$<%= name %>-clean-up : true !default;
$<%= name %>-layout : vertical !default;
$<%= name %>-inline : false !default;
$<%= name %>-sort-by : 'none' !default;
$<%= name %>-class-separator : $default-sprite-separator !default;
$<%= name %>-sprite-base-class : ".<%= name %>#{$<%= name %>-class-separator}sprite" !default;
<% if skip_overrides %>
$<%= name %>-sprites: sprite-map("<%= uri %>", $layout: $<%= name %>-layout, $cleanup: $<%= name %>-clean-up, $spacing: $<%= name %>-spacing, $position : $<%= name %>-position);
<% else %>
// These variables control the generated sprite output
// You can override them selectively before you import this file.
<% sprite_names.each do |sprite_name| %>
$<%= name %>-<%= sprite_name %>-position: $<%= name %>-position !default;
$<%= name %>-<%= sprite_name %>-spacing: $<%= name %>-spacing !default;
$<%= name %>-<%= sprite_name %>-repeat: $<%= name %>-repeat !default;
<% end %>
$<%= name %>-sprites: sprite-map("<%= uri %>",
<% sprite_names.each do |sprite_name| %>
$<%= name %>-<%= sprite_name %>-position: $<%= name %>-<%= sprite_name %>-position,
$<%= name %>-<%= sprite_name %>-spacing: $<%= name %>-<%= sprite_name %>-spacing,
$<%= name %>-<%= sprite_name %>-repeat: $<%= name %>-<%= sprite_name %>-repeat,
<% end %>
$layout : $<%= name %>-layout,
$cleanup : $<%= name %>-clean-up,
$spacing : $<%= name %>-spacing,
$position : $<%= name %>-position,
$sort-by : $<%= name %>-sort-by
);
<% end %>
// All sprites should extend this class
// The <%= name %>-sprite mixin will do so for you.
@if $<%= name %>-inline {
#{$<%= name %>-sprite-base-class} {
background-image: inline-sprite($<%= name %>-sprites);
}
} @else {
#{$<%= name %>-sprite-base-class} {
background-image: sprite-url($<%= name %>-sprites);
background-repeat: no-repeat;
}
}
//sass functions to return the dimensions of a sprite image as units
<% [:width, :height].each do |dimension| %>
@function <%= name %>-sprite-<%= dimension %>($name) {
@return sprite-<%= dimension %>($<%= name %>-sprites, $name);
}
<% end %>
// Use this to set the dimensions of an element
// based on the size of the original image.
@mixin <%= name %>-sprite-dimensions($name) {
@include sprite-dimensions($<%= name %>-sprites, $name)
}
// Move the background position to display the sprite.
@mixin <%= name %>-sprite-position($name, $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages) {
@include sprite-background-position($<%= name %>-sprites, $name, $offset-x, $offset-y, $use-percentages)
}
// Extends the sprite base class and set the background position for the desired sprite.
// It will also apply the image dimensions if $dimensions is true.
@mixin <%= name %>-sprite($name, $dimensions: $<%= name %>-sprite-dimensions, $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages, $separator: $<%= name %>-class-separator) {
@extend #{$<%= name %>-sprite-base-class};
@include sprite($<%= name %>-sprites, $name, $dimensions, $offset-x, $offset-y, $use-percentages, $separator: $separator);
}
@mixin <%= name %>-sprites($sprite-names, $dimensions: $<%= name %>-sprite-dimensions, $prefix: sprite-map-name($<%= name %>-sprites), $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages, $separator: $<%= name %>-class-separator) {
@include sprites($<%= name %>-sprites, $sprite-names, $<%= name %>-sprite-base-class, $dimensions, $prefix, $offset-x, $offset-y, $use-percentages, $separator: $separator)
}
// Generates a class for each sprited image.
@mixin all-<%= name %>-sprites($dimensions: $<%= name %>-sprite-dimensions, $prefix: sprite-map-name($<%= name %>-sprites), $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages, $separator: $<%= name %>-class-separator) {
@include <%= name %>-sprites(<%= sprite_names.join(" ") %>, $dimensions, $prefix, $offset-x, $offset-y, $use-percentages, $separator: $separator);
}
================================================
FILE: cli/lib/compass/sprite_importer.rb
================================================
require 'erb'
require 'compass/sprite_importer/binding'
module Compass
class SpriteImporter < Sass::Importers::Base
VAILD_FILE_NAME = /\A#{Sass::SCSS::RX::IDENT}\Z/
SPRITE_IMPORTER_REGEX = %r{((.+/)?([^\*.]+))/(.+?)\.png}
VALID_EXTENSIONS = ['.png']
TEMPLATE_FOLDER = File.join(File.expand_path('../', __FILE__), 'sprite_importer')
CONTENT_TEMPLATE_FILE = File.join(TEMPLATE_FOLDER, 'content.erb')
CONTENT_TEMPLATE = ERB.new(File.read(CONTENT_TEMPLATE_FILE))
# finds all sprite files
def self.find_all_sprite_map_files(path)
hex = "[0-9a-f]"
glob = "*-s#{hex*10}{#{VALID_EXTENSIONS.join(",")}}"
Sass::Util.glob(File.join(path, "**", glob))
end
def find(uri, options)
if uri =~ SPRITE_IMPORTER_REGEX
return self.class.sass_engine(uri, self.class.sprite_name(uri), self, options)
end
nil
end
def find_relative(uri, base, options)
nil
end
def to_s
self.class.name
end
def hash
self.class.name.hash
end
def eql?(other)
other.class == self.class
end
def mtime(uri, options)
self.class.files(uri).sort.inject(Time.at(0)) do |max_time, file|
(t = File.mtime(file)) > max_time ? t : max_time
end
end
def key(uri, options={})
[self.class.name + ":sprite:" + File.dirname(File.expand_path(uri)), File.basename(uri)]
end
def public_url(*args)
nil
end
def self.path_and_name(uri)
if uri =~ SPRITE_IMPORTER_REGEX
[$1, $3]
else
raise Compass::Error, "invalid sprite path"
end
end
# Name of this spite
def self.sprite_name(uri)
_, name = path_and_name(uri)
name
end
# The on-disk location of this sprite
def self.path(uri)
path, _ = path_and_name(uri)
path
end
# Returns the Glob of image files for the uri
def self.files(uri)
Compass.configuration.sprite_load_path.compact.each do |folder|
files = Sass::Util.glob(File.join(folder, uri)).sort
next if files.empty?
return files
end
path = Compass.configuration.sprite_load_path.to_a.join(', ')
raise Compass::SpriteException, %Q{No files were found in the load path matching "#{uri}". Your current load paths are: #{path}}
end
# Returns an Array of image names without the file extension
def self.sprite_names(uri)
files(uri).collect do |file|
File.basename(file, '.png')
end
end
# Returns the sass_options for this sprite
def self.sass_options(uri, importer, options)
options.merge!(:filename => uri.gsub(%r{\*/},"*\\/"), :syntax => :scss, :importer => importer)
end
# Returns a Sass::Engine for this sprite object
def self.sass_engine(uri, name, importer, options)
content = content_for_images(uri, name, options[:skip_overrides])
Sass::Engine.new(content, sass_options(uri, importer, options))
end
# Generates the Sass for this sprite file
def self.content_for_images(uri, name, skip_overrides = false)
binder = Compass::Sprites::Binding.new(:name => name, :uri => uri, :skip_overrides => skip_overrides, :sprite_names => sprite_names(uri), :files => files(uri))
CONTENT_TEMPLATE.result(binder.get_binding)
end
end
end
================================================
FILE: cli/lib/compass/stats.rb
================================================
module Compass
module Stats
class StatsVisitor
attr_accessor :rule_count, :prop_count, :mixin_def_count, :mixin_count
def initialize
self.rule_count = 0
self.prop_count = 0
self.mixin_def_count = 0
self.mixin_count = 0
end
def visit(node)
self.prop_count += 1 if node.is_a?(Sass::Tree::PropNode) && !node.children.any?
if node.is_a?(Sass::Tree::RuleNode)
self.rule_count += node.rule.reject{|r| r.is_a?(Sass::Script::Tree::Node)}.map{|r| r.split(/,/)}.flatten.compact.size
end
self.mixin_def_count += 1 if node.is_a?(Sass::Tree::MixinDefNode)
self.mixin_count += 1 if node.is_a?(Sass::Tree::MixinNode)
end
def up(node)
end
def down(node)
end
def import?(node)
return false
full_filename = node.send(:import)
full_filename != Compass.deprojectize(full_filename)
end
end
class CssFile
attr_accessor :path, :css
attr_accessor :selector_count, :prop_count
attr_accessor :file_size
def initialize(path)
require 'css_parser'
self.path = path
self.css = CssParser::Parser.new
self.css.add_block!(contents)
self.selector_count = 0
self.prop_count = 0
end
def contents
@contents ||= File.read(path)
end
def lines
contents.inject(0){|m,c| m + 1 }
end
def analyze!
self.file_size = File.size(path)
css.each_selector do |selector, declarations, specificity|
sels = selector.split(/,/).size
props = declarations.split(/;/).size
self.selector_count += sels
self.prop_count += props
end
end
end
class SassFile
attr_accessor :path
attr_reader :visitor
attr_accessor :file_size
def initialize(path)
self.path = path
end
def contents
@contents ||= File.read(path)
end
def tree
opts = Compass.configuration.to_sass_engine_options
opts[:syntax] = path[-4..-1].to_sym
@tree = Sass::Engine.new(contents, opts).to_tree
end
def visit_tree!
@visitor = StatsVisitor.new
tree.visit_depth_first(@visitor)
@visitor
end
def analyze!
self.file_size = File.size(path)
visit_tree!
end
def lines
contents.inject(0){|m,c| m + 1 }
end
def rule_count
visitor.rule_count
end
def prop_count
visitor.prop_count
end
def mixin_def_count
visitor.mixin_def_count
end
def mixin_count
visitor.mixin_count
end
end
end
end
================================================
FILE: cli/lib/compass/test_case.rb
================================================
module Compass
# Write your unit test like this if you want to make sure all your stylesheets compile.
#
# require 'compass/test_case'
# class StylesheetsTest < Compass::TestCase
# def test_stylesheets
# my_sass_files.each do |sass_file|
# assert_compiles(sass_file) do |result|
# assert_not_blank result
# end
# end
# end
# protected
# def my_sass_files
# Dir.glob(File.expand_path(File.join(File.dirname(__FILE__), "../..", "app/stylesheets/**/[^_]*.sass")))
# end
# end
class TestCase < (defined?(ActiveSupport::TestCase) ? ActiveSupport::TestCase : Test::Unit::TestCase)
def setup
super
@last_compile = nil
end
def compile(stylesheet)
input = open(stylesheet)
template = input.read()
input.close()
@last_compile = ::Sass::Engine.new(template, ::Sass::Plugin.engine_options(:filename => stylesheet)).render
yield @last_compile if block_given?
end
def assert_compiles(stylesheet, &block)
compile(stylesheet, &block)
end
end
end
================================================
FILE: cli/lib/compass/validator.rb
================================================
begin
require 'rubygems'
require 'compass-validator'
rescue LoadError => e
if e.message =~ /core_ext/
raise Compass::MissingDependency, <<-ERRORMSG
The Compass CSS Validator is out of date. Please upgrade it:
sudo gem install compass-validator --version ">= 3.0.1"
ERRORMSG
else
raise Compass::MissingDependency, <<-ERRORMSG
The Compass CSS Validator could not be loaded. Please install it:
sudo gem install compass-validator
ERRORMSG
end
end
================================================
FILE: cli/lib/compass/version.rb
================================================
require 'compass/generated_version'
module Compass
module Version
def scope(file) # :nodoc:
File.join(File.dirname(__FILE__), '..', '..', file)
end
def parse_version(version, name)
nil_or_int = lambda{|i| i.nil? ? nil : i.to_i}
segments = version.split(".")
{
:string => version,
:name => name,
:major => nil_or_int.call(segments.shift),
:minor => nil_or_int.call(segments.shift),
:patch => nil_or_int.call(segments.shift),
:state => segments.shift,
:iteration => nil_or_int.call(segments.shift)
}
end
# Returns a hash representing the version.
# The :major, :minor, and :teeny keys have their respective numbers.
# The :string key contains a human-readable string representation of the version.
# The :rev key will have the current revision hash.
#
# This method swiped from Haml and then modified, some credit goes to Nathan Weizenbaum
def version
Compass::VERSION_DETAILS
end
end
extend Compass::Version
unless defined?(::Compass::VERSION)
VERSION = File.read(scope("VERSION")).strip
VERSION_NAME = File.read(scope("VERSION_NAME")).strip
end
VERSION_DETAILS = parse_version(VERSION, VERSION_NAME)
end
================================================
FILE: cli/lib/compass.rb
================================================
module Compass
end
%w(core
deprecation
dependencies
sass_extensions
version
errors
quick_cache
logger
actions
).each do |lib|
require "compass/#{lib}"
end
require 'sass/callbacks'
module Compass
def base_directory
File.expand_path(File.join(File.dirname(__FILE__), '..'))
end
def lib_directory
File.expand_path(File.join(File.dirname(__FILE__)))
end
module_function :base_directory, :lib_directory
extend QuickCache
end
%w(configuration/helpers
configuration/comments
configuration/serialization
configuration/file_data
app_integration
compiler
sprite_importer
).each do |lib|
require "compass/#{lib}"
end
================================================
FILE: cli/test/fixtures/extensions/only_stylesheets/compass_init.rb
================================================
Compass::Frameworks.register("only-stylesheets", :stylesheets_dir => File.join(File.dirname(__FILE__),"scss"))
================================================
FILE: cli/test/fixtures/extensions/only_stylesheets/scss/only_stylesheets/foo.scss
================================================
@mixin only-stylesheets {
color: red;
}
================================================
FILE: cli/test/fixtures/fonts/bgrove.base64.txt
================================================
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
================================================
FILE: cli/test/fixtures/stylesheets/busted_font_urls/config.rb
================================================
# Require any additional compass plugins here.
project_type = :stand_alone
css_dir = "tmp"
sass_dir = "sass"
fonts_dir = "fonts"
output_style = :compact
# To enable relative image paths using the images_url() function:
# http_images_path = :relative
http_fonts_path = "/fonts"
line_comments = false
asset_cache_buster do |path, file|
pathname = Pathname.new(path)
dirname = pathname.dirname
basename = pathname.basename(pathname.extname)
extname = pathname.extname
case pathname.basename(pathname.extname).to_s
when "grid"
new_path = "#{dirname}/#{basename}-BUSTED#{extname}"
{:path => new_path, :query => nil}
when "feed"
"query_string"
when "dk"
{:query => "query_string"}
end
end
asset_host do |path|
"http://assets%d.example.com" % (path.size % 4)
end
================================================
FILE: cli/test/fixtures/stylesheets/busted_font_urls/css/screen.css
================================================
.showgrid { font-family: url('http://assets3.example.com/fonts/grid-BUSTED.ttf'); }
.no-buster { font-family: url('http://assets3.example.com/fonts/grid.ttf'); }
.buster-by-default { font-family: url('http://assets3.example.com/fonts/grid-BUSTED.ttf'); }
.feed { font-family: url('http://assets3.example.com/fonts/feed.ttf?query_string'); }
.dk { font-family: url('http://assets1.example.com/fonts/sub/dk.ttf?query_string'); }
================================================
FILE: cli/test/fixtures/stylesheets/busted_font_urls/sass/screen.sass
================================================
.showgrid
font-family: font-url("grid.ttf", $only-path: false, $cache-buster: true)
.no-buster
font-family: font-url("grid.ttf", $only-path: false, $cache-buster: false)
.buster-by-default
font-family: font-url("grid.ttf")
.feed
font-family: font-url("feed.ttf", $only-path: false, $cache-buster: true)
.dk
font-family: font-url("sub/dk.ttf", $only-path: false, $cache-buster: true)
================================================
FILE: cli/test/fixtures/stylesheets/busted_image_urls/config.rb
================================================
# Require any additional compass plugins here.
project_type = :stand_alone
css_dir = "tmp"
sass_dir = "sass"
images_dir = "images"
output_style = :compact
# To enable relative image paths using the images_url() function:
# http_images_path = :relative
http_images_path = "/images"
line_comments = false
asset_cache_buster do |path, file|
pathname = Pathname.new(path)
case pathname.basename(pathname.extname).to_s
when "grid"
new_path = "%s/%s-BUSTED%s" % [pathname.dirname, pathname.basename(pathname.extname), pathname.extname]
{:path => new_path, :query => nil}
when "feed"
"query_string"
when "dk"
{:query => "query_string"}
end
end
asset_host do |path|
"http://assets%d.example.com" % (path.size % 4)
end
================================================
FILE: cli/test/fixtures/stylesheets/busted_image_urls/css/screen.css
================================================
.showgrid { background-image: url('http://assets0.example.com/images/grid-BUSTED.png'); }
.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }
.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }
.feed { background-image: url('http://assets0.example.com/images/feed.png?query_string'); }
.dk { background-image: url('http://assets0.example.com/images/flags/dk.png?query_string'); }
================================================
FILE: cli/test/fixtures/stylesheets/busted_image_urls/sass/screen.sass
================================================
.showgrid
background-image: image-url("grid.png")
.inlinegrid
background-image: inline-image("grid.png")
.no-buster
background-image: image-url("grid.png", $only-path: false, $cache-buster: false)
.feed
background-image: image-url("feed.png")
.dk
background-image: image-url("flags/dk.png")
================================================
FILE: cli/test/fixtures/stylesheets/compass/config.rb
================================================
# Require any additional compass plugins here.
require 'true'
require 'compass/import-once/activate'
project_type = :stand_alone
css_dir = "tmp"
sass_dir = "sass"
images_dir = "images"
output_style = :nested
# To enable relative image paths using the images_url() function:
# http_images_path = :relative
http_images_path = "/images"
line_comments = false
asset_cache_buster do |path, file|
"busted=true"
end
disable_warnings = true
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/animation-with-legacy-ie.css
================================================
@-moz-keyframes test {
0%, 100% {
opacity: 1; }
50% {
opacity: 0; } }
@-webkit-keyframes test {
0%, 100% {
opacity: 1; }
50% {
opacity: 0; } }
@keyframes test {
0%, 100% {
opacity: 1; }
50% {
opacity: 0; } }
.animation {
-moz-animation: test;
-webkit-animation: test;
animation: test; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/animation.css
================================================
@-moz-keyframes test {
0%, 100% {
background-color: red; }
50% {
background-color: blue; } }
@-webkit-keyframes test {
0%, 100% {
background-color: red; }
50% {
background-color: blue; } }
@keyframes test {
0%, 100% {
background-color: red; }
50% {
background-color: blue; } }
.animation {
-moz-animation: test;
-webkit-animation: test;
animation: test; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/appearance.css
================================================
.searchfield {
-moz-appearance: searchfield;
-webkit-appearance: searchfield; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/background-clip.css
================================================
.background-clip {
-moz-background-clip: border;
-o-background-clip: border-box;
-webkit-background-clip: border;
background-clip: border-box; }
.background-clip-multiple {
-moz-background-clip: border, padding, content;
-o-background-clip: border-box, padding-box, content-box;
-webkit-background-clip: border, padding, content;
background-clip: border-box, padding-box, content-box; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/background-origin.css
================================================
.background-origin {
-moz-background-origin: border;
-o-background-origin: border-box;
-webkit-background-origin: border;
background-origin: border-box; }
.background-origin-multiple {
-moz-background-origin: border, padding, content;
-o-background-origin: border-box, padding-box, content-box;
-webkit-background-origin: border, padding, content;
background-origin: border-box, padding-box, content-box; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/background-size.css
================================================
.background-size-default {
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto; }
.background-size-single {
-moz-background-size: 50% 25%;
-o-background-size: 50% 25%;
-webkit-background-size: 50% 25%;
background-size: 50% 25%; }
.background-size-multiple {
-moz-background-size: 4em 3em, 100% auto, 50%;
-o-background-size: 4em 3em, 100% auto, 50%;
-webkit-background-size: 4em 3em, 100% auto, 50%;
background-size: 4em 3em, 100% auto, 50%; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/border_radius.css
================================================
.simple {
-moz-border-radius: 4px / 4px;
-webkit-border-radius: 4px 4px;
border-radius: 4px / 4px; }
.compound {
-moz-border-radius: 2px 5px / 3px 6px;
-webkit-border-radius: 2px 3px;
border-radius: 2px 5px / 3px 6px; }
.crazy {
-moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
-webkit-border-radius: 1px 2px;
border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/box-sizing.css
================================================
.div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.div {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/box.css
================================================
.hbox {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-ms-box-orient: horizontal;
box-orient: horizontal;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-box-align: stretch;
box-align: stretch; }
.hbox > * {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-box-flex: 0;
box-flex: 0; }
.vbox {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
box-orient: vertical;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-box-align: stretch;
box-align: stretch; }
.vbox > * {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-box-flex: 0;
box-flex: 0; }
.spacer {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1; }
.reverse {
-webkit-box-direction: reverse;
-moz-box-direction: reverse;
-ms-box-direction: reverse;
box-direction: reverse; }
.box-flex-0 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-ms-box-flex: 0;
box-flex: 0; }
.box-flex-1 {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1; }
.box-flex-2 {
-webkit-box-flex: 2;
-moz-box-flex: 2;
-ms-box-flex: 2;
box-flex: 2; }
.box-flex-group-0 {
-webkit-box-flex-group: 0;
-moz-box-flex-group: 0;
-ms-box-flex-group: 0;
box-flex-group: 0; }
.box-flex-group-1 {
-webkit-box-flex-group: 1;
-moz-box-flex-group: 1;
-ms-box-flex-group: 1;
box-flex-group: 1; }
.box-flex-group-2 {
-webkit-box-flex-group: 2;
-moz-box-flex-group: 2;
-ms-box-flex-group: 2;
box-flex-group: 2; }
.start {
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-box-pack: start;
box-pack: start; }
.end {
-webkit-box-pack: end;
-moz-box-pack: end;
-ms-box-pack: end;
box-pack: end; }
.center {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-box-pack: center;
box-pack: center; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/box_shadow.css
================================================
.no-box-shadow {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.box-shadow {
-moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
-webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }
.single-box-shadow {
-moz-box-shadow: 0px 5px #333333;
-webkit-box-shadow: 0px 5px #333333;
box-shadow: 0px 5px #333333; }
.multiple-box-shadows {
-moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
-webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;
box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }
.legacy-single-box-shadow {
-moz-box-shadow: 0px 5px blue;
-webkit-box-shadow: 0px 5px blue;
box-shadow: 0px 5px blue; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/brightness.css
================================================
.black-is-0-percent {
brightness: 0%; }
.white-is-100-percent {
brightness: 100%; }
.green-is-58-point-7-percent {
brightness: 58.7%; }
.blue-is-11-point-4-percent {
brightness: 11.4%; }
.red-is-29-point-9-percent {
brightness: 29.9%; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/browser-support.css
================================================
.android {
versions: "2.1", "2.2", "2.3", "3", "4", "4.1", "4.2-4.3", "4.4", "4.4.3";
background-img-opts: -webkit;
background-img-opts-unprefixed-at: "3";
border-image: -webkit;
border-image-unprefixed-at: "4.4";
border-radius: -webkit;
border-radius-unprefixed-at: "2.2";
css-animation: -webkit;
css-appearance: -webkit;
css-boxshadow: -webkit;
css-boxshadow-unprefixed-at: "4";
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-gradients-unprefixed-at: "4.4";
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-repeating-gradients: -webkit;
css-repeating-gradients-unprefixed-at: "4.4";
css-transitions: -webkit;
css-transitions-unprefixed-at: "4.4";
css3-boxsizing: -webkit;
css3-boxsizing-unprefixed-at: "4";
font-feature: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-stroke: -webkit;
transforms2d: -webkit;
transforms3d: -webkit;
user-select-none: -webkit; }
.android-chrome {
versions: "36";
css-animation: -webkit;
css-appearance: -webkit;
css-canvas: -webkit;
css-filters: -webkit;
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
font-feature: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-stroke: -webkit;
transforms3d: -webkit;
user-select-none: -webkit; }
.android-firefox {
versions: "31";
css-appearance: -moz;
css-hyphens: -moz;
css-placeholder: -moz;
css3-tabsize: -moz;
font-feature: -moz;
intrinsic-width: -moz;
multicolumn: -moz;
text-decoration: -moz;
text-size-adjust: -moz;
user-select-none: -moz; }
.blackberry {
versions: "7", "10";
border-image: -webkit;
border-image-unprefixed-at: "10";
calc: -webkit;
css-animation: -webkit;
css-appearance: -webkit;
css-boxshadow: -webkit;
css-boxshadow-unprefixed-at: "10";
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-repeating-gradients: -webkit;
css-transitions: -webkit;
css3-boxsizing: -webkit;
css3-boxsizing-unprefixed-at: "10";
flexbox: -webkit;
font-feature: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-stroke: -webkit;
transforms2d: -webkit;
transforms3d: -webkit;
user-select-none: -webkit; }
.chrome {
versions: "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39";
border-image: -webkit;
border-image-unprefixed-at: "16";
border-radius: -webkit;
border-radius-unprefixed-at: "5";
calc: -webkit;
calc-unprefixed-at: "26";
css-animation: -webkit;
css-appearance: -webkit;
css-boxshadow: -webkit;
css-boxshadow-unprefixed-at: "10";
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-gradients-unprefixed-at: "26";
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-regions: -webkit;
css-regions-unprefixed-at: "19";
css-repeating-gradients: -webkit;
css-repeating-gradients-unprefixed-at: "26";
css-transitions: -webkit;
css-transitions-unprefixed-at: "26";
css3-boxsizing: -webkit;
css3-boxsizing-unprefixed-at: "10";
flexbox: -webkit;
flexbox-unprefixed-at: "29";
font-feature: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-stroke: -webkit;
transforms2d: -webkit;
transforms2d-unprefixed-at: "36";
transforms3d: -webkit;
transforms3d-unprefixed-at: "36";
user-select-none: -webkit; }
.firefox {
versions: "2", "3", "3.5", "3.6", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34";
background-img-opts: -moz;
background-img-opts-unprefixed-at: "4";
border-image: -moz;
border-image-unprefixed-at: "15";
border-radius: -moz;
border-radius-unprefixed-at: "4";
calc: -moz;
calc-unprefixed-at: "16";
css-animation: -moz;
css-animation-unprefixed-at: "16";
css-appearance: -moz;
css-boxshadow: -moz;
css-boxshadow-unprefixed-at: "4";
css-gradients: -moz;
css-gradients-unprefixed-at: "16";
css-hyphens: -moz;
css-placeholder: -moz;
css-repeating-gradients: -moz;
css-repeating-gradients-unprefixed-at: "16";
css-resize: prefix-no-longer-needed;
css-resize-unprefixed-at: "5";
css-selection: -moz;
css-transitions: -moz;
css-transitions-unprefixed-at: "16";
css3-boxsizing: -moz;
css3-boxsizing-unprefixed-at: "29";
css3-tabsize: -moz;
font-feature: -moz;
font-feature-unprefixed-at: "32";
inline-block: prefix-no-longer-needed;
inline-block-unprefixed-at: "3";
intrinsic-width: -moz;
multicolumn: -moz;
text-decoration: -moz;
transforms2d: -moz;
transforms2d-unprefixed-at: "16";
transforms3d: -moz;
transforms3d-unprefixed-at: "16";
user-select-none: -moz; }
.ie {
versions: "5.5", "6", "7", "8", "9", "10", "11";
css-grid: -ms;
css-hyphens: -ms;
css-placeholder: -ms;
css-regions: -ms;
transforms2d: -ms;
transforms2d-unprefixed-at: "10";
user-select-none: -ms; }
.ie-mobile {
versions: "10";
css-grid: -ms;
css-placeholder: -ms;
css-regions: -ms;
text-size-adjust: -ms;
user-select-none: -ms; }
.ios-safari {
versions: "3.2", "4.0-4.1", "4.2-4.3", "5.0-5.1", "6.0-6.1", "7.0-7.1", "8";
border-image: -webkit;
border-image-unprefixed-at: "6.0-6.1";
border-radius: -webkit;
border-radius-unprefixed-at: "4.0-4.1";
calc: -webkit;
calc-unprefixed-at: "7.0-7.1";
css-animation: -webkit;
css-appearance: -webkit;
css-boxshadow: -webkit;
css-boxshadow-unprefixed-at: "5.0-5.1";
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-gradients-unprefixed-at: "7.0-7.1";
css-hyphens: -webkit;
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-regions: -webkit;
css-repeating-gradients: -webkit;
css-repeating-gradients-unprefixed-at: "7.0-7.1";
css-shapes: prefix-no-longer-needed;
css-sticky: -webkit;
css-transitions: -webkit;
css-transitions-unprefixed-at: "7.0-7.1";
css3-boxsizing: -webkit;
css3-boxsizing-unprefixed-at: "5.0-5.1";
flexbox: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-size-adjust: -webkit;
text-stroke: -webkit;
transforms2d: -webkit;
transforms3d: -webkit;
user-select-none: -webkit; }
.opera {
versions: "9.5-9.6", "10.0-10.1", "10.5", "10.6", "11", "11.1", "11.5", "11.6", "12", "12.1", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24";
background-img-opts: -webkit;
background-img-opts-unprefixed-at: "10.5";
border-image: -webkit;
border-image-unprefixed-at: "15";
css-animation: -webkit;
css-appearance: -webkit;
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-gradients-unprefixed-at: "12.1";
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-repeating-gradients: -webkit;
css-repeating-gradients-unprefixed-at: "12.1";
css-transitions: -webkit;
css-transitions-unprefixed-at: "12.1";
css3-tabsize: prefix-no-longer-needed;
css3-tabsize-unprefixed-at: "15";
flexbox: -webkit;
flexbox-unprefixed-at: "17";
font-feature: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
object-fit: prefix-no-longer-needed;
object-fit-unprefixed-at: "15";
text-overflow: prefix-no-longer-needed;
text-overflow-unprefixed-at: "11";
text-stroke: -webkit;
transforms2d: -webkit;
transforms2d-unprefixed-at: "23";
transforms3d: -webkit;
transforms3d-unprefixed-at: "23";
user-select-none: -webkit; }
.opera-mini {
versions: "5.0-7.0";
text-overflow: -o; }
.opera-mobile {
versions: "10", "11.5", "12", "12.1", "22";
border-image: -o;
border-image-unprefixed-at: "22";
css-animation: prefix-no-longer-needed;
css-appearance: prefix-no-longer-needed;
css-canvas: prefix-no-longer-needed;
css-filters: prefix-no-longer-needed;
css-gradients: prefix-no-longer-needed;
css-gradients-unprefixed-at: "12.1";
css-masks: prefix-no-longer-needed;
css-placeholder: prefix-no-longer-needed;
css-reflections: prefix-no-longer-needed;
css-repeating-gradients: prefix-no-longer-needed;
css-repeating-gradients-unprefixed-at: "12.1";
css-transitions: -o;
css-transitions-unprefixed-at: "12.1";
css3-tabsize: -o;
css3-tabsize-unprefixed-at: "22";
font-feature: prefix-no-longer-needed;
intrinsic-width: prefix-no-longer-needed;
multicolumn: prefix-no-longer-needed;
object-fit: -o;
object-fit-unprefixed-at: "22";
text-overflow: -o;
text-overflow-unprefixed-at: "12.1";
text-stroke: prefix-no-longer-needed;
transforms2d: prefix-no-longer-needed;
transforms3d: prefix-no-longer-needed;
user-select-none: prefix-no-longer-needed; }
.safari {
versions: "3.1", "3.2", "4", "5", "5.1", "6", "6.1", "7", "8";
border-image: -webkit;
border-image-unprefixed-at: "6";
border-radius: -webkit;
border-radius-unprefixed-at: "5";
calc: -webkit;
calc-unprefixed-at: "6.1";
css-animation: -webkit;
css-appearance: -webkit;
css-boxshadow: -webkit;
css-boxshadow-unprefixed-at: "5.1";
css-canvas: -webkit;
css-filters: -webkit;
css-gradients: -webkit;
css-gradients-unprefixed-at: "6.1";
css-hyphens: -webkit;
css-masks: -webkit;
css-placeholder: -webkit;
css-reflections: -webkit;
css-regions: -webkit;
css-repeating-gradients: -webkit;
css-repeating-gradients-unprefixed-at: "6.1";
css-shapes: prefix-no-longer-needed;
css-sticky: -webkit;
css-transitions: -webkit;
css-transitions-unprefixed-at: "6.1";
css3-boxsizing: -webkit;
css3-boxsizing-unprefixed-at: "5.1";
flexbox: -webkit;
intrinsic-width: -webkit;
multicolumn: -webkit;
text-stroke: -webkit;
transforms2d: -webkit;
transforms3d: -webkit;
user-select-none: -webkit; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/color.css
================================================
.handles-null {
content: "there should be no property below this one"; }
.contrasts-light {
background-color: #eeeeee;
color: black; }
.contrasts-dark {
background-color: #222222;
color: white; }
.contrasts-light-with-contrast-color-override {
background-color: #eeeeee;
color: red; }
.contrasts-dark-with-contrast-color-override {
background-color: #222222;
color: yellow; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/columns.css
================================================
.columns {
-moz-columns: 20em 5;
-webkit-columns: 20em 5;
columns: 20em 5; }
.column-count {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5; }
.column-gap {
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px; }
.column-width {
-moz-column-width: 90px;
-webkit-column-width: 90px;
column-width: 90px; }
.column-span {
-moz-column-span: all;
-webkit-column-span: all;
column-span: all; }
.column-rule-width {
-moz-rule-width: 1px;
-webkit-rule-width: 1px;
rule-width: 1px; }
.column-rule-style {
-moz-rule-style: dotted;
-webkit-rule-style: dotted;
rule-style: dotted; }
.column-rule-color {
-moz-rule-color: blue;
-webkit-rule-color: blue;
rule-color: blue; }
.column-rule {
-moz-column-rule: 1px solid blue;
-webkit-column-rule: 1px solid blue;
column-rule: 1px solid blue; }
.column-rule-spaced {
-moz-column-rule: 1px solid blue;
-webkit-column-rule: 1px solid blue;
column-rule: 1px solid blue; }
.column-break-before {
-moz-page-break-before: always;
-webkit-column-break-before: always;
break-before: always; }
.column-break-after {
-moz-page-break-after: always;
-webkit-column-break-after: always;
break-after: always; }
.column-break-inside {
-moz-page-break-inside: auto;
-webkit-column-break-inside: auto;
break-inside: auto; }
.column-count {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5; }
.column-gap {
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px; }
.column-width {
-moz-column-width: 90px;
-webkit-column-width: 90px;
column-width: 90px; }
.column-rule-width {
-moz-rule-width: 1px;
-webkit-rule-width: 1px;
rule-width: 1px; }
.column-rule-style {
-moz-rule-style: dotted;
-webkit-rule-style: dotted;
rule-style: dotted; }
.column-rule-color {
-moz-rule-color: blue;
-webkit-rule-color: blue;
rule-color: blue; }
.column-rule {
-moz-column-rule: 1px solid blue;
-webkit-column-rule: 1px solid blue;
column-rule: 1px solid blue; }
.column-rule-spaced {
-moz-column-rule: 1px solid blue;
-webkit-column-rule: 1px solid blue;
column-rule: 1px solid blue; }
.column-break-before {
-moz-page-break-before: always;
-webkit-column-break-before: always;
break-before: always; }
.column-break-after {
-moz-page-break-after: always;
-webkit-column-break-after: always;
break-after: always; }
.column-break-inside {
-moz-page-break-inside: auto;
-webkit-column-break-inside: auto;
break-inside: auto; }
.column-break-before-shortcut {
-moz-page-break-before: always;
-webkit-column-break-before: always;
break-before: always; }
.column-break-after-shortcut {
-moz-page-break-after: always;
-webkit-column-break-after: always;
break-after: always; }
.column-break-inside-shortcut {
-moz-page-break-inside: auto;
-webkit-column-break-inside: auto;
break-inside: auto; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/filters.css
================================================
.blur {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: blur(5px);
filter: blur(5px); }
.brightness {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: brightness(0.2);
filter: brightness(0.2); }
.hue-rotate {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: hue-rotate(20deg);
filter: hue-rotate(20deg); }
.contrast {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: contrast(150%);
filter: contrast(150%); }
.grayscale {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: grayscale(150%);
filter: grayscale(150%); }
.sepia {
/* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-filter: sepia(150%);
filter: sepia(150%); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/flexbox.css
================================================
.display {
display: -webkit-flex;
display: flex; }
.flex-direction {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-wrap {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse; }
.flex-flow {
-webkit-flex-flow: row-reverse wrap-reverse;
flex-flow: row-reverse wrap-reverse; }
.order {
-webkit-order: 1;
order: 1; }
.flex {
-webkit-flex: 1 0 auto;
flex: 1 0 auto; }
.flex-grow {
-webkit-flex-grow: 1;
flex-grow: 1; }
.flex-shrink {
-webkit-flex-shrink: 1;
flex-shrink: 1; }
.flex-basis {
-webkit-flex-basis: auto;
flex-basis: auto; }
.justify-content {
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.align-items {
-webkit-align-items: flex-start;
align-items: flex-start; }
.align-self {
-webkit-align-self: flex-start;
align-self: flex-start; }
.align-content {
-webkit-align-content: flex-start;
align-content: flex-start; }
.flexbox {
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
-webkit-flex-wrap: wrap-reverse;
-webkit-flex-flow: row-reverse wrap-reverse;
-webkit-order: 1;
-webkit-flex: 1 0 auto;
-webkit-flex-grow: 1;
-webkit-flex-shrink: 0;
-webkit-flex-basis: auto;
-webkit-justify-content: flex-start;
-webkit-align-items: flex-start;
-webkit-align-self: flex-start;
-webkit-align-content: flex-start;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
flex-flow: row-reverse wrap-reverse;
order: 1;
flex: 1 0 auto;
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
justify-content: flex-start;
align-items: flex-start;
align-self: flex-start;
align-content: flex-start; }
.flexbox-2 {
display: -ms-flexbox;
-ms-flex-flow: row-reverse;
-ms-flex-order: 1; }
.flexbox-1 {
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-ordinal-group: 1;
-moz-box-flex: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-ordinal-group: 1;
-webkit-box-flex: 1; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/fonts.css
================================================
@font-face {
font-family: "font1";
src: url('/fonts/font1.eot?busted=true');
src: url('/fonts/font1.eot?&busted=true#iefix') format('embedded-opentype'), url('/fonts/font1.woff?busted=true') format('woff'); }
@font-face {
font-family: "Issue1491";
src: url('/fonts/font1.eot?busted=true');
src: url('/fonts/font1.eot?&busted=true#iefix') format("embedded-opentype"), url('/fonts/font1.woff?busted=true') format("woff"); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/force-wrap.css
================================================
pre {
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/gradients.css
================================================
.bg-shortcut-simple-image {
background: white url("foo.png"); }
.bg-shortcut-linear-gradient {
background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
background: white -moz-linear-gradient(top left, #dddddd, #aaaaaa);
background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
background: white linear-gradient(to bottom right, #dddddd, #aaaaaa); }
.bg-shortcut-radial-gradient {
background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: white -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }
.bg-linear-gradient-angle-svg {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-linear-gradient(135deg, #0000ff, #000000);
background-image: -webkit-linear-gradient(135deg, #0000ff, #000000);
background-image: linear-gradient(-45deg, #0000ff, #000000); }
.bg-linear-gradient-angle2-svg {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #0000ff), color-stop(100%, #000000));
background-image: -moz-linear-gradient(top left, #0000ff, #000000);
background-image: -webkit-linear-gradient(top left, #0000ff, #000000);
background-image: linear-gradient(to bottom right, #0000ff, #000000); }
.bg-all-gradient-types-with-simplification {
background: #ffcc00;
background: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), #ffcc00;
background: url('/images/4x6.png?busted=true'), -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa)), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
background: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
background: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00; }
.bg-simple-image {
background-image: url("foo.png"); }
.bg-linear-gradient {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
background-image: linear-gradient(to bottom right, #dddddd, #aaaaaa); }
.bg-linear-gradient-pixel-stop-from-top {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 40, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));
background-image: -moz-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
background-image: linear-gradient(to bottom, #dddddd 10px, #aaaaaa 40px); }
.bg-linear-gradient-pixel-stop-from-left {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 40 50%, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));
background-image: -moz-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
background-image: linear-gradient(to right, #dddddd 10px, #aaaaaa 40px); }
.transparent-in-linear-gradient {
background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #aaaaaa));
background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), #aaaaaa); }
.currentColor-in-linear-gradient {
background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImN1cnJlbnRDb2xvciIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, currentColor));
background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), currentColor); }
.rgba-in-linear-gradient {
background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: white -moz-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
background-image: white -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
background-image: white linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1)); }
.bg-radial-gradient {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -moz-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
background-image: -webkit-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
background-image: radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px); }
.currentColor-in-radial-gradient {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iY3VycmVudENvbG9yIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
background-image: -webkit-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
background-image: radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px); }
.bg-linear-gradient-with-angle {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-linear-gradient(135deg, #dddddd, #aaaaaa);
background-image: -webkit-linear-gradient(135deg, #dddddd, #aaaaaa);
background-image: linear-gradient(-45deg, #dddddd, #aaaaaa); }
.bg-radial-gradient-with-angle-and-shape {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImVsbGlwc2UiIGN5PSJjb3ZlciIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -moz-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
background-image: radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px); }
.bg-all-gradient-types {
background-image: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: url('/images/4x6.png?busted=true'), -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa)), radial-gradient(center center, #dddddd, #aaaaaa 100px);
background-image: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
background-image: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px); }
.border-image-gradient {
-moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
-moz-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
-o-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
-webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
-webkit-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; }
.direct-list-image-plain {
list-style-image: url('/images/4x6.png?busted=true'); }
.shorthand-list-image-plain {
list-style: outside url('/images/4x6.png?busted=true'); }
.direct-list-image-with-gradient {
list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);
list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);
list-style-image: radial-gradient(#00ff00, #ff0000 10px); }
.shorthand-list-image-with-gradient {
list-style: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
list-style: outside -moz-radial-gradient(#00ff00, #ff0000 10px);
list-style: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);
list-style: outside radial-gradient(#00ff00, #ff0000 10px); }
.content-plain {
content: "asdf"; }
.content-with-gradient {
content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
content: -moz-radial-gradient(#00ff00, #ff0000 10px);
content: -webkit-radial-gradient(#00ff00, #ff0000 10px);
content: radial-gradient(#00ff00, #ff0000 10px); }
.bg-linear-gradient-no-position {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
background-image: -moz-linear-gradient(#dddddd, #aaaaaa);
background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);
background-image: linear-gradient(#dddddd, #aaaaaa); }
.bg-radial-gradient-no-position {
background-image: -moz-radial-gradient(#dddddd, #aaaaaa 100px);
background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);
background-image: radial-gradient(#dddddd, #aaaaaa 100px); }
.image-fallback {
background-image: image(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
background-image: -webkit-image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000); }
.cross-fade {
background-image: cross-fade(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
background-image: -webkit-cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true')); }
.unknown-function-wrapper {
background: foo(-moz-radial-gradient(#dddddd, #aaaaaa 100px));
background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));
background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }
.ie-horizontal-filter {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
.ie-vertical-filter {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
.ie-alpha-filter {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }
.linear-gradient-new {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #88aa44));
background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
.linear-gradient-old {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #88aa44));
background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
.linear-gradient-unknown-new {
background: -moz-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
background: -webkit-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
background: linear-gradient(120deg, #ff0000 0%, #88aa44 100%); }
.linear-gradient-unknown-old {
background: -moz-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
background: -webkit-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
background: linear-gradient(330deg, #ff0000 0%, #88aa44 100%); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/grid_background.css
================================================
.baseline {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
-moz-background-size: 100% 1.5em;
-o-background-size: 100% 1.5em;
-webkit-background-size: 100% 1.5em;
background-size: 100% 1.5em;
background-position: left top; }
.columns {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjMuMTI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzLjEyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQuMTY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcuMjkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcuMjkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOC4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4LjMzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMS40NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTEuNDU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxNS42MjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE1LjYyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxNi42NjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxNi42NjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTkuNzkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE5Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjIwLjgzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjIwLjgzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyMy45NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjMuOTU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjI4LjEyNSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjguMTI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI5LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI5LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzMi4yOTE2NyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzIuMjkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjM2LjQ1ODMzJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzNi40NTgzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQwLjYyNSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAuNjI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQxLjY2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQxLjY2NjY3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0NC43OTE2NyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDQuNzkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ4Ljk1ODMzJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0OC45NTgzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTMuMTI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1My4xMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjU3LjI5MTY3JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1Ny4yOTE2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1OC4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1OC4zMzMzMyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjEuNDU4MzMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjYxLjQ1ODMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYyLjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjUuNjI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NS42MjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjY5Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2OS43OTE2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MC44MzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MC44MzMzMyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzMuOTU4MzMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjczLjk1ODMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3OC4xMjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijc4LjEyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3OS4xNjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3OS4xNjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODIuMjkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgyLjI5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjMzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjMzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4Ni40NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODYuNDU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5MC42MjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjkwLjYyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5MS42NjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5MS42NjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTQuNzkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijk0Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1LjgzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1LjgzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5OC45NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTguOTU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(121, 121, 229, 0.25)), color-stop(3.125%, rgba(79, 79, 221, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.16667%, rgba(0, 0, 0, 0)), color-stop(4.16667%, rgba(121, 121, 229, 0.25)), color-stop(7.29167%, rgba(79, 79, 221, 0.25)), color-stop(7.29167%, rgba(0, 0, 0, 0)), color-stop(8.33333%, rgba(0, 0, 0, 0)), color-stop(8.33333%, rgba(121, 121, 229, 0.25)), color-stop(11.45833%, rgba(79, 79, 221, 0.25)), color-stop(11.45833%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(121, 121, 229, 0.25)), color-stop(15.625%, rgba(79, 79, 221, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.66667%, rgba(0, 0, 0, 0)), color-stop(16.66667%, rgba(121, 121, 229, 0.25)), color-stop(19.79167%, rgba(79, 79, 221, 0.25)), color-stop(19.79167%, rgba(0, 0, 0, 0)), color-stop(20.83333%, rgba(0, 0, 0, 0)), color-stop(20.83333%, rgba(121, 121, 229, 0.25)), color-stop(23.95833%, rgba(79, 79, 221, 0.25)), color-stop(23.95833%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(121, 121, 229, 0.25)), color-stop(28.125%, rgba(79, 79, 221, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.16667%, rgba(0, 0, 0, 0)), color-stop(29.16667%, rgba(121, 121, 229, 0.25)), color-stop(32.29167%, rgba(79, 79, 221, 0.25)), color-stop(32.29167%, rgba(0, 0, 0, 0)), color-stop(33.33333%, rgba(0, 0, 0, 0)), color-stop(33.33333%, rgba(121, 121, 229, 0.25)), color-stop(36.45833%, rgba(79, 79, 221, 0.25)), color-stop(36.45833%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(121, 121, 229, 0.25)), color-stop(40.625%, rgba(79, 79, 221, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.66667%, rgba(0, 0, 0, 0)), color-stop(41.66667%, rgba(121, 121, 229, 0.25)), color-stop(44.79167%, rgba(79, 79, 221, 0.25)), color-stop(44.79167%, rgba(0, 0, 0, 0)), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, rgba(121, 121, 229, 0.25)), color-stop(48.95833%, rgba(79, 79, 221, 0.25)), color-stop(48.95833%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(121, 121, 229, 0.25)), color-stop(53.125%, rgba(79, 79, 221, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.16667%, rgba(0, 0, 0, 0)), color-stop(54.16667%, rgba(121, 121, 229, 0.25)), color-stop(57.29167%, rgba(79, 79, 221, 0.25)), color-stop(57.29167%, rgba(0, 0, 0, 0)), color-stop(58.33333%, rgba(0, 0, 0, 0)), color-stop(58.33333%, rgba(121, 121, 229, 0.25)), color-stop(61.45833%, rgba(79, 79, 221, 0.25)), color-stop(61.45833%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(121, 121, 229, 0.25)), color-stop(65.625%, rgba(79, 79, 221, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.66667%, rgba(0, 0, 0, 0)), color-stop(66.66667%, rgba(121, 121, 229, 0.25)), color-stop(69.79167%, rgba(79, 79, 221, 0.25)), color-stop(69.79167%, rgba(0, 0, 0, 0)), color-stop(70.83333%, rgba(0, 0, 0, 0)), color-stop(70.83333%, rgba(121, 121, 229, 0.25)), color-stop(73.95833%, rgba(79, 79, 221, 0.25)), color-stop(73.95833%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(121, 121, 229, 0.25)), color-stop(78.125%, rgba(79, 79, 221, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.16667%, rgba(0, 0, 0, 0)), color-stop(79.16667%, rgba(121, 121, 229, 0.25)), color-stop(82.29167%, rgba(79, 79, 221, 0.25)), color-stop(82.29167%, rgba(0, 0, 0, 0)), color-stop(83.33333%, rgba(0, 0, 0, 0)), color-stop(83.33333%, rgba(121, 121, 229, 0.25)), color-stop(86.45833%, rgba(79, 79, 221, 0.25)), color-stop(86.45833%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(121, 121, 229, 0.25)), color-stop(90.625%, rgba(79, 79, 221, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.66667%, rgba(0, 0, 0, 0)), color-stop(91.66667%, rgba(121, 121, 229, 0.25)), color-stop(94.79167%, rgba(79, 79, 221, 0.25)), color-stop(94.79167%, rgba(0, 0, 0, 0)), color-stop(95.83333%, rgba(0, 0, 0, 0)), color-stop(95.83333%, rgba(121, 121, 229, 0.25)), color-stop(98.95833%, rgba(79, 79, 221, 0.25)), color-stop(98.95833%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
background-position: left top; }
.combined {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjMuMTI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzLjEyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQuMTY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcuMjkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcuMjkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOC4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4LjMzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMS40NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTEuNDU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxNS42MjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE1LjYyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxNi42NjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxNi42NjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTkuNzkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE5Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjIwLjgzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjIwLjgzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyMy45NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjMuOTU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjI4LjEyNSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjguMTI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI5LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjI5LjE2NjY3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzMi4yOTE2NyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzIuMjkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjM2LjQ1ODMzJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIzNi40NTgzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQwLjYyNSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAuNjI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQxLjY2NjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQxLjY2NjY3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0NC43OTE2NyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDQuNzkxNjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDUuODMzMzMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ4Ljk1ODMzJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0OC45NTgzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTMuMTI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1My4xMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTQuMTY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjU3LjI5MTY3JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1Ny4yOTE2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1OC4zMzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1OC4zMzMzMyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjEuNDU4MzMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjYxLjQ1ODMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjYyLjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjUuNjI1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NS42MjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjYuNjY2NjclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjY5Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2OS43OTE2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MC44MzMzMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MC44MzMzMyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzMuOTU4MzMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjczLjk1ODMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3OC4xMjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijc4LjEyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3OS4xNjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3OS4xNjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODIuMjkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgyLjI5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjMzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjMzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4Ni40NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODYuNDU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iODcuNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5MC42MjUlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjkwLjYyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5MS42NjY2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI5MS42NjY2NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTQuNzkxNjclIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijk0Ljc5MTY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1LjgzMzMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1LjgzMzMzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5OC45NTgzMyUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTguOTU4MzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(121, 121, 229, 0.25)), color-stop(3.125%, rgba(79, 79, 221, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.16667%, rgba(0, 0, 0, 0)), color-stop(4.16667%, rgba(121, 121, 229, 0.25)), color-stop(7.29167%, rgba(79, 79, 221, 0.25)), color-stop(7.29167%, rgba(0, 0, 0, 0)), color-stop(8.33333%, rgba(0, 0, 0, 0)), color-stop(8.33333%, rgba(121, 121, 229, 0.25)), color-stop(11.45833%, rgba(79, 79, 221, 0.25)), color-stop(11.45833%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(121, 121, 229, 0.25)), color-stop(15.625%, rgba(79, 79, 221, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.66667%, rgba(0, 0, 0, 0)), color-stop(16.66667%, rgba(121, 121, 229, 0.25)), color-stop(19.79167%, rgba(79, 79, 221, 0.25)), color-stop(19.79167%, rgba(0, 0, 0, 0)), color-stop(20.83333%, rgba(0, 0, 0, 0)), color-stop(20.83333%, rgba(121, 121, 229, 0.25)), color-stop(23.95833%, rgba(79, 79, 221, 0.25)), color-stop(23.95833%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(121, 121, 229, 0.25)), color-stop(28.125%, rgba(79, 79, 221, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.16667%, rgba(0, 0, 0, 0)), color-stop(29.16667%, rgba(121, 121, 229, 0.25)), color-stop(32.29167%, rgba(79, 79, 221, 0.25)), color-stop(32.29167%, rgba(0, 0, 0, 0)), color-stop(33.33333%, rgba(0, 0, 0, 0)), color-stop(33.33333%, rgba(121, 121, 229, 0.25)), color-stop(36.45833%, rgba(79, 79, 221, 0.25)), color-stop(36.45833%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(121, 121, 229, 0.25)), color-stop(40.625%, rgba(79, 79, 221, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.66667%, rgba(0, 0, 0, 0)), color-stop(41.66667%, rgba(121, 121, 229, 0.25)), color-stop(44.79167%, rgba(79, 79, 221, 0.25)), color-stop(44.79167%, rgba(0, 0, 0, 0)), color-stop(45.83333%, rgba(0, 0, 0, 0)), color-stop(45.83333%, rgba(121, 121, 229, 0.25)), color-stop(48.95833%, rgba(79, 79, 221, 0.25)), color-stop(48.95833%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(121, 121, 229, 0.25)), color-stop(53.125%, rgba(79, 79, 221, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.16667%, rgba(0, 0, 0, 0)), color-stop(54.16667%, rgba(121, 121, 229, 0.25)), color-stop(57.29167%, rgba(79, 79, 221, 0.25)), color-stop(57.29167%, rgba(0, 0, 0, 0)), color-stop(58.33333%, rgba(0, 0, 0, 0)), color-stop(58.33333%, rgba(121, 121, 229, 0.25)), color-stop(61.45833%, rgba(79, 79, 221, 0.25)), color-stop(61.45833%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(121, 121, 229, 0.25)), color-stop(65.625%, rgba(79, 79, 221, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.66667%, rgba(0, 0, 0, 0)), color-stop(66.66667%, rgba(121, 121, 229, 0.25)), color-stop(69.79167%, rgba(79, 79, 221, 0.25)), color-stop(69.79167%, rgba(0, 0, 0, 0)), color-stop(70.83333%, rgba(0, 0, 0, 0)), color-stop(70.83333%, rgba(121, 121, 229, 0.25)), color-stop(73.95833%, rgba(79, 79, 221, 0.25)), color-stop(73.95833%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(121, 121, 229, 0.25)), color-stop(78.125%, rgba(79, 79, 221, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.16667%, rgba(0, 0, 0, 0)), color-stop(79.16667%, rgba(121, 121, 229, 0.25)), color-stop(82.29167%, rgba(79, 79, 221, 0.25)), color-stop(82.29167%, rgba(0, 0, 0, 0)), color-stop(83.33333%, rgba(0, 0, 0, 0)), color-stop(83.33333%, rgba(121, 121, 229, 0.25)), color-stop(86.45833%, rgba(79, 79, 221, 0.25)), color-stop(86.45833%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(121, 121, 229, 0.25)), color-stop(90.625%, rgba(79, 79, 221, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.66667%, rgba(0, 0, 0, 0)), color-stop(91.66667%, rgba(121, 121, 229, 0.25)), color-stop(94.79167%, rgba(79, 79, 221, 0.25)), color-stop(94.79167%, rgba(0, 0, 0, 0)), color-stop(95.83333%, rgba(0, 0, 0, 0)), color-stop(95.83333%, rgba(121, 121, 229, 0.25)), color-stop(98.95833%, rgba(79, 79, 221, 0.25)), color-stop(98.95833%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(121, 121, 229, 0.25) 0px, rgba(79, 79, 221, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(121, 121, 229, 0.25) 40px, rgba(79, 79, 221, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(121, 121, 229, 0.25) 80px, rgba(79, 79, 221, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(121, 121, 229, 0.25) 120px, rgba(79, 79, 221, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(121, 121, 229, 0.25) 160px, rgba(79, 79, 221, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(121, 121, 229, 0.25) 200px, rgba(79, 79, 221, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(121, 121, 229, 0.25) 240px, rgba(79, 79, 221, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(121, 121, 229, 0.25) 280px, rgba(79, 79, 221, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(121, 121, 229, 0.25) 320px, rgba(79, 79, 221, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(121, 121, 229, 0.25) 360px, rgba(79, 79, 221, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(121, 121, 229, 0.25) 400px, rgba(79, 79, 221, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(121, 121, 229, 0.25) 440px, rgba(79, 79, 221, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(121, 121, 229, 0.25) 480px, rgba(79, 79, 221, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(121, 121, 229, 0.25) 520px, rgba(79, 79, 221, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(121, 121, 229, 0.25) 560px, rgba(79, 79, 221, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(121, 121, 229, 0.25) 600px, rgba(79, 79, 221, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(121, 121, 229, 0.25) 640px, rgba(79, 79, 221, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(121, 121, 229, 0.25) 680px, rgba(79, 79, 221, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(121, 121, 229, 0.25) 720px, rgba(79, 79, 221, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(121, 121, 229, 0.25) 760px, rgba(79, 79, 221, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(121, 121, 229, 0.25) 800px, rgba(79, 79, 221, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(121, 121, 229, 0.25) 840px, rgba(79, 79, 221, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(121, 121, 229, 0.25) 880px, rgba(79, 79, 221, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(121, 121, 229, 0.25) 920px, rgba(79, 79, 221, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
-moz-background-size: 100% 1.5em, auto;
-o-background-size: 100% 1.5em, auto;
-webkit-background-size: 100% 1.5em, auto;
background-size: 100% 1.5em, auto;
background-position: left top; }
.percent-baseline {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
-moz-background-size: 100% 1.5em;
-o-background-size: 100% 1.5em;
-webkit-background-size: 100% 1.5em;
background-size: 100% 1.5em;
background-position: left top; }
.percent-columns {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(11%, rgba(0, 0, 0, 0)), color-stop(11%, rgba(121, 121, 229, 0.25)), color-stop(16%, rgba(79, 79, 221, 0.25)), color-stop(16%, rgba(0, 0, 0, 0)), color-stop(17%, rgba(0, 0, 0, 0)), color-stop(17%, rgba(121, 121, 229, 0.25)), color-stop(22%, rgba(79, 79, 221, 0.25)), color-stop(22%, rgba(0, 0, 0, 0)), color-stop(23%, rgba(0, 0, 0, 0)), color-stop(23%, rgba(121, 121, 229, 0.25)), color-stop(28%, rgba(79, 79, 221, 0.25)), color-stop(28%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(121, 121, 229, 0.25)), color-stop(34%, rgba(79, 79, 221, 0.25)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(121, 121, 229, 0.25)), color-stop(40%, rgba(79, 79, 221, 0.25)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(41%, rgba(0, 0, 0, 0)), color-stop(41%, rgba(121, 121, 229, 0.25)), color-stop(46%, rgba(79, 79, 221, 0.25)), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(121, 121, 229, 0.25)), color-stop(52%, rgba(79, 79, 221, 0.25)), color-stop(52%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(121, 121, 229, 0.25)), color-stop(58%, rgba(79, 79, 221, 0.25)), color-stop(58%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(121, 121, 229, 0.25)), color-stop(64%, rgba(79, 79, 221, 0.25)), color-stop(64%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(121, 121, 229, 0.25)), color-stop(70%, rgba(79, 79, 221, 0.25)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(71%, rgba(121, 121, 229, 0.25)), color-stop(76%, rgba(79, 79, 221, 0.25)), color-stop(76%, rgba(0, 0, 0, 0)), color-stop(77%, rgba(0, 0, 0, 0)), color-stop(77%, rgba(121, 121, 229, 0.25)), color-stop(82%, rgba(79, 79, 221, 0.25)), color-stop(82%, rgba(0, 0, 0, 0)), color-stop(83%, rgba(0, 0, 0, 0)), color-stop(83%, rgba(121, 121, 229, 0.25)), color-stop(88%, rgba(79, 79, 221, 0.25)), color-stop(88%, rgba(0, 0, 0, 0)), color-stop(89%, rgba(0, 0, 0, 0)), color-stop(89%, rgba(121, 121, 229, 0.25)), color-stop(94%, rgba(79, 79, 221, 0.25)), color-stop(94%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(121, 121, 229, 0.25)), color-stop(100%, rgba(79, 79, 221, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-position: left top; }
.percent-combined {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(11%, rgba(0, 0, 0, 0)), color-stop(11%, rgba(121, 121, 229, 0.25)), color-stop(16%, rgba(79, 79, 221, 0.25)), color-stop(16%, rgba(0, 0, 0, 0)), color-stop(17%, rgba(0, 0, 0, 0)), color-stop(17%, rgba(121, 121, 229, 0.25)), color-stop(22%, rgba(79, 79, 221, 0.25)), color-stop(22%, rgba(0, 0, 0, 0)), color-stop(23%, rgba(0, 0, 0, 0)), color-stop(23%, rgba(121, 121, 229, 0.25)), color-stop(28%, rgba(79, 79, 221, 0.25)), color-stop(28%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(121, 121, 229, 0.25)), color-stop(34%, rgba(79, 79, 221, 0.25)), color-stop(34%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(121, 121, 229, 0.25)), color-stop(40%, rgba(79, 79, 221, 0.25)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(41%, rgba(0, 0, 0, 0)), color-stop(41%, rgba(121, 121, 229, 0.25)), color-stop(46%, rgba(79, 79, 221, 0.25)), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(121, 121, 229, 0.25)), color-stop(52%, rgba(79, 79, 221, 0.25)), color-stop(52%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(121, 121, 229, 0.25)), color-stop(58%, rgba(79, 79, 221, 0.25)), color-stop(58%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(121, 121, 229, 0.25)), color-stop(64%, rgba(79, 79, 221, 0.25)), color-stop(64%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(121, 121, 229, 0.25)), color-stop(70%, rgba(79, 79, 221, 0.25)), color-stop(70%, rgba(0, 0, 0, 0)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(71%, rgba(121, 121, 229, 0.25)), color-stop(76%, rgba(79, 79, 221, 0.25)), color-stop(76%, rgba(0, 0, 0, 0)), color-stop(77%, rgba(0, 0, 0, 0)), color-stop(77%, rgba(121, 121, 229, 0.25)), color-stop(82%, rgba(79, 79, 221, 0.25)), color-stop(82%, rgba(0, 0, 0, 0)), color-stop(83%, rgba(0, 0, 0, 0)), color-stop(83%, rgba(121, 121, 229, 0.25)), color-stop(88%, rgba(79, 79, 221, 0.25)), color-stop(88%, rgba(0, 0, 0, 0)), color-stop(89%, rgba(0, 0, 0, 0)), color-stop(89%, rgba(121, 121, 229, 0.25)), color-stop(94%, rgba(79, 79, 221, 0.25)), color-stop(94%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(0, 0, 0, 0)), color-stop(95%, rgba(121, 121, 229, 0.25)), color-stop(100%, rgba(79, 79, 221, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(to right, rgba(0, 0, 0, 0) 11%, rgba(121, 121, 229, 0.25) 11%, rgba(79, 79, 221, 0.25) 16%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 17%, rgba(121, 121, 229, 0.25) 17%, rgba(79, 79, 221, 0.25) 22%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 23%, rgba(121, 121, 229, 0.25) 23%, rgba(79, 79, 221, 0.25) 28%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0) 29%, rgba(121, 121, 229, 0.25) 29%, rgba(79, 79, 221, 0.25) 34%, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0) 35%, rgba(121, 121, 229, 0.25) 35%, rgba(79, 79, 221, 0.25) 40%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 41%, rgba(121, 121, 229, 0.25) 41%, rgba(79, 79, 221, 0.25) 46%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 47%, rgba(121, 121, 229, 0.25) 47%, rgba(79, 79, 221, 0.25) 52%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%, rgba(121, 121, 229, 0.25) 53%, rgba(79, 79, 221, 0.25) 58%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 59%, rgba(121, 121, 229, 0.25) 59%, rgba(79, 79, 221, 0.25) 64%, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 0) 65%, rgba(121, 121, 229, 0.25) 65%, rgba(79, 79, 221, 0.25) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%, rgba(121, 121, 229, 0.25) 71%, rgba(79, 79, 221, 0.25) 76%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 77%, rgba(121, 121, 229, 0.25) 77%, rgba(79, 79, 221, 0.25) 82%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 83%, rgba(121, 121, 229, 0.25) 83%, rgba(79, 79, 221, 0.25) 88%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0) 89%, rgba(121, 121, 229, 0.25) 89%, rgba(79, 79, 221, 0.25) 94%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 95%, rgba(121, 121, 229, 0.25) 95%, rgba(79, 79, 221, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
-moz-background-size: 100% 1.5em, auto;
-o-background-size: 100% 1.5em, auto;
-webkit-background-size: 100% 1.5em, auto;
background-size: 100% 1.5em, auto;
background-position: left top; }
.forced-fluid {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyLjcwMjclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMi43MDI3JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4LjEwODExJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4LjEwODExJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwLjgxMDgxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwLjgxMDgxJSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxNi4yMTYyMiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMTYuMjE2MjIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTguOTE4OTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTguOTE4OTIlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjI0LjMyNDMyJSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIyNC4zMjQzMiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyNy4wMjcwMyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyNy4wMjcwMyUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iMzIuNDMyNDMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjMyLjQzMjQzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1LjEzNTE0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM1LjEzNTE0JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0MC41NDA1NCUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNDAuNTQwNTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDMuMjQzMjQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNDMuMjQzMjQlIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjQ4LjY0ODY1JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI0OC42NDg2NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MS4zNTEzNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MS4zNTEzNSUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNTYuNzU2NzYlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjU2Ljc1Njc2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjU5LjQ1OTQ2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjU5LjQ1OTQ2JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI2NC44NjQ4NiUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iNjQuODY0ODYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjcuNTY3NTclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iNjcuNTY3NTclIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjcyLjk3Mjk3JSIgc3RvcC1jb2xvcj0iIzRmNGZkZCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI3Mi45NzI5NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3NS42NzU2OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3NS42NzU2OCUiIHN0b3AtY29sb3I9IiM3OTc5ZTUiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODEuMDgxMDglIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9IjgxLjA4MTA4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjc4Mzc4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgzLjc4Mzc4JSIgc3RvcC1jb2xvcj0iIzc5NzllNSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSI4OS4xODkxOSUiIHN0b3AtY29sb3I9IiM0ZjRmZGQiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPjxzdG9wIG9mZnNldD0iODkuMTg5MTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTEuODkxODklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTEuODkxODklIiBzdG9wLWNvbG9yPSIjNzk3OWU1IiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijk3LjI5NzMlIiBzdG9wLWNvbG9yPSIjNGY0ZmRkIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48c3RvcCBvZmZzZXQ9Ijk3LjI5NzMlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(2.7027%, rgba(0, 0, 0, 0)), color-stop(2.7027%, rgba(121, 121, 229, 0.25)), color-stop(8.10811%, rgba(79, 79, 221, 0.25)), color-stop(8.10811%, rgba(0, 0, 0, 0)), color-stop(10.81081%, rgba(0, 0, 0, 0)), color-stop(10.81081%, rgba(121, 121, 229, 0.25)), color-stop(16.21622%, rgba(79, 79, 221, 0.25)), color-stop(16.21622%, rgba(0, 0, 0, 0)), color-stop(18.91892%, rgba(0, 0, 0, 0)), color-stop(18.91892%, rgba(121, 121, 229, 0.25)), color-stop(24.32432%, rgba(79, 79, 221, 0.25)), color-stop(24.32432%, rgba(0, 0, 0, 0)), color-stop(27.02703%, rgba(0, 0, 0, 0)), color-stop(27.02703%, rgba(121, 121, 229, 0.25)), color-stop(32.43243%, rgba(79, 79, 221, 0.25)), color-stop(32.43243%, rgba(0, 0, 0, 0)), color-stop(35.13514%, rgba(0, 0, 0, 0)), color-stop(35.13514%, rgba(121, 121, 229, 0.25)), color-stop(40.54054%, rgba(79, 79, 221, 0.25)), color-stop(40.54054%, rgba(0, 0, 0, 0)), color-stop(43.24324%, rgba(0, 0, 0, 0)), color-stop(43.24324%, rgba(121, 121, 229, 0.25)), color-stop(48.64865%, rgba(79, 79, 221, 0.25)), color-stop(48.64865%, rgba(0, 0, 0, 0)), color-stop(51.35135%, rgba(0, 0, 0, 0)), color-stop(51.35135%, rgba(121, 121, 229, 0.25)), color-stop(56.75676%, rgba(79, 79, 221, 0.25)), color-stop(56.75676%, rgba(0, 0, 0, 0)), color-stop(59.45946%, rgba(0, 0, 0, 0)), color-stop(59.45946%, rgba(121, 121, 229, 0.25)), color-stop(64.86486%, rgba(79, 79, 221, 0.25)), color-stop(64.86486%, rgba(0, 0, 0, 0)), color-stop(67.56757%, rgba(0, 0, 0, 0)), color-stop(67.56757%, rgba(121, 121, 229, 0.25)), color-stop(72.97297%, rgba(79, 79, 221, 0.25)), color-stop(72.97297%, rgba(0, 0, 0, 0)), color-stop(75.67568%, rgba(0, 0, 0, 0)), color-stop(75.67568%, rgba(121, 121, 229, 0.25)), color-stop(81.08108%, rgba(79, 79, 221, 0.25)), color-stop(81.08108%, rgba(0, 0, 0, 0)), color-stop(83.78378%, rgba(0, 0, 0, 0)), color-stop(83.78378%, rgba(121, 121, 229, 0.25)), color-stop(89.18919%, rgba(79, 79, 221, 0.25)), color-stop(89.18919%, rgba(0, 0, 0, 0)), color-stop(91.89189%, rgba(0, 0, 0, 0)), color-stop(91.89189%, rgba(121, 121, 229, 0.25)), color-stop(97.2973%, rgba(79, 79, 221, 0.25)), color-stop(97.2973%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 2.7027%, rgba(121, 121, 229, 0.25) 2.7027%, rgba(79, 79, 221, 0.25) 8.10811%, rgba(0, 0, 0, 0) 8.10811%, rgba(0, 0, 0, 0) 10.81081%, rgba(121, 121, 229, 0.25) 10.81081%, rgba(79, 79, 221, 0.25) 16.21622%, rgba(0, 0, 0, 0) 16.21622%, rgba(0, 0, 0, 0) 18.91892%, rgba(121, 121, 229, 0.25) 18.91892%, rgba(79, 79, 221, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 27.02703%, rgba(121, 121, 229, 0.25) 27.02703%, rgba(79, 79, 221, 0.25) 32.43243%, rgba(0, 0, 0, 0) 32.43243%, rgba(0, 0, 0, 0) 35.13514%, rgba(121, 121, 229, 0.25) 35.13514%, rgba(79, 79, 221, 0.25) 40.54054%, rgba(0, 0, 0, 0) 40.54054%, rgba(0, 0, 0, 0) 43.24324%, rgba(121, 121, 229, 0.25) 43.24324%, rgba(79, 79, 221, 0.25) 48.64865%, rgba(0, 0, 0, 0) 48.64865%, rgba(0, 0, 0, 0) 51.35135%, rgba(121, 121, 229, 0.25) 51.35135%, rgba(79, 79, 221, 0.25) 56.75676%, rgba(0, 0, 0, 0) 56.75676%, rgba(0, 0, 0, 0) 59.45946%, rgba(121, 121, 229, 0.25) 59.45946%, rgba(79, 79, 221, 0.25) 64.86486%, rgba(0, 0, 0, 0) 64.86486%, rgba(0, 0, 0, 0) 67.56757%, rgba(121, 121, 229, 0.25) 67.56757%, rgba(79, 79, 221, 0.25) 72.97297%, rgba(0, 0, 0, 0) 72.97297%, rgba(0, 0, 0, 0) 75.67568%, rgba(121, 121, 229, 0.25) 75.67568%, rgba(79, 79, 221, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 83.78378%, rgba(121, 121, 229, 0.25) 83.78378%, rgba(79, 79, 221, 0.25) 89.18919%, rgba(0, 0, 0, 0) 89.18919%, rgba(0, 0, 0, 0) 91.89189%, rgba(121, 121, 229, 0.25) 91.89189%, rgba(79, 79, 221, 0.25) 97.2973%, rgba(0, 0, 0, 0) 97.2973%, rgba(0, 0, 0, 0) 100%);
background-position: left top; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/hyphenation.css
================================================
.word-break {
word-break: keep-all; }
.hyphens {
-moz-hyphens: manual;
-ms-hyphens: manual;
-webkit-hyphens: manual;
hyphens: manual; }
.hyphenate {
word-break: break-all;
word-break: break-word;
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/image_size.css
================================================
.png {
width: 100px;
height: 150px; }
.jpg {
width: 100px;
height: 150px; }
.jpeg {
width: 100px;
height: 150px; }
.gif {
width: 100px;
height: 150px; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/images.css
================================================
.relative {
background-image: url('/images/4x6.png?busted=true'); }
.root-relative {
background-image: url('/images/4x6.png?busted=true'); }
.absolute {
background-image: url(http://example.com/images/4x6.png); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/layout.css
================================================
html, body {
height: 100%; }
#layout {
clear: both;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -72px; }
#layout #layout_footer {
height: 72px; }
#footer {
clear: both;
position: relative;
height: 72px; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/legacy_clearfix.css
================================================
.clearfix {
overflow: hidden;
display: inline-block; }
.clearfix {
display: block; }
.pie-clearfix {
display: inline-block; }
.pie-clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden; }
.pie-clearfix {
display: block; }
.simplified-pie-clearfix {
display: inline-block; }
.simplified-pie-clearfix:after {
content: "";
display: table;
clear: both; }
.simplified-pie-clearfix {
display: block; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/lists.css
================================================
ul.horizontal {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.horizontal li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
white-space: nowrap;
float: left;
padding-left: 4px;
padding-right: 4px; }
ul.horizontal li:first-child {
padding-left: 0; }
ul.horizontal li:last-child {
padding-right: 0; }
ul.horizontal li.last {
padding-right: 0; }
ul.wide-horizontal {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.wide-horizontal li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
white-space: nowrap;
float: left;
padding-left: 10px;
padding-right: 10px; }
ul.wide-horizontal li:first-child {
padding-left: 0; }
ul.wide-horizontal li:last-child {
padding-right: 0; }
ul.wide-horizontal li.last {
padding-right: 0; }
ul.right-horizontal {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.right-horizontal li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
white-space: nowrap;
float: right;
padding-left: 4px;
padding-right: 4px; }
ul.right-horizontal li:first-child {
padding-right: 0; }
ul.right-horizontal li:last-child {
padding-left: 0; }
ul.right-horizontal li.last {
padding-left: 0; }
ul.no-padding {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.no-padding li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
white-space: nowrap;
float: left; }
ul.inline-block {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.inline-block li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
white-space: nowrap; }
ul.wide-inline-block {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1; }
ul.wide-inline-block li {
list-style-image: none;
list-style-type: none;
margin-left: 0;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px; }
ul.inline {
list-style-type: none; }
ul.inline, ul.inline li {
margin: 0;
padding: 0;
display: inline; }
ul.comma {
list-style-type: none; }
ul.comma, ul.comma li {
margin: 0;
padding: 0;
display: inline; }
ul.comma li:after {
content: ", "; }
ul.comma li:last-child:after {
content: ""; }
ul.comma li.last:after {
content: ""; }
ul.no-bullets {
list-style: none; }
ul.no-bullets li {
list-style-image: none;
list-style-type: none;
margin-left: 0; }
ul.pretty {
margin-left: 0; }
ul.pretty li {
padding-left: 14px;
background: url('/images/4x6.png?busted=true') no-repeat 4px 7px;
list-style-type: none; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/opacity.css
================================================
div {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; }
div {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.2; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/print.css
================================================
.noprint, .no-print {
display: none; }
address.print-only, article.print-only, aside.print-only, blockquote.print-only, center.print-only, dir.print-only, div.print-only, dd.print-only, details.print-only, dl.print-only, dt.print-only, fieldset.print-only, figcaption.print-only, figure.print-only, form.print-only, footer.print-only, frameset.print-only, h1.print-only, h2.print-only, h3.print-only, h4.print-only, h5.print-only, h6.print-only, hr.print-only, header.print-only, hgroup.print-only, isindex.print-only, main.print-only, menu.print-only, nav.print-only, noframes.print-only, noscript.print-only, ol.print-only, p.print-only, pre.print-only, section.print-only, summary.print-only, ul.print-only {
display: block; }
a.print-only, abbr.print-only, acronym.print-only, audio.print-only, b.print-only, basefont.print-only, bdo.print-only, big.print-only, br.print-only, canvas.print-only, cite.print-only, code.print-only, command.print-only, datalist.print-only, dfn.print-only, em.print-only, embed.print-only, font.print-only, i.print-only, img.print-only, input.print-only, keygen.print-only, kbd.print-only, label.print-only, mark.print-only, meter.print-only, output.print-only, progress.print-only, q.print-only, rp.print-only, rt.print-only, ruby.print-only, s.print-only, samp.print-only, select.print-only, small.print-only, span.print-only, strike.print-only, strong.print-only, sub.print-only, sup.print-only, textarea.print-only, time.print-only, tt.print-only, u.print-only, var.print-only, video.print-only, wbr.print-only {
display: inline; }
.print-only {
display: none; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/regions.css
================================================
.source {
-ms-flow-into: target;
-webkit-flow-into: target;
flow-into: target; }
.new-container {
-ms-flow-from: target;
-webkit-flow-from: target;
flow-from: target; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/replacement.css
================================================
.basic {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('/images/4x6.png?busted=true');
background-repeat: no-repeat;
background-position: 50% 50%; }
.with-dimensions {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('/images/4x6.png?busted=true');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 6px;
height: 4px; }
.with-dimensions-inline {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 6px;
height: 4px; }
.with-position {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('/images/4x6.png?busted=true');
background-repeat: no-repeat;
background-position: 10px top; }
.with-arbitrary-url {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url(http://google.com/logo.gif);
background-repeat: no-repeat;
background-position: 10px top; }
.with-inline-url {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAIAAAAiZtkUAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVQIHWOwtLT8//9/eno6kISwGdD4QDkGZHkIG6QKTS8A/s4vHesO+KkAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: 10px top; }
.with-image-url {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
background-image: url('/images/4x6.png?busted=true');
background-repeat: no-repeat;
background-position: 10px top; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/reset.css
================================================
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
.unregistered-only, .registered-only {
display: none; }
body.registered a.registered-only, body.registered abbr.registered-only, body.registered acronym.registered-only, body.registered audio.registered-only, body.registered b.registered-only, body.registered basefont.registered-only, body.registered bdo.registered-only, body.registered big.registered-only, body.registered br.registered-only, body.registered canvas.registered-only, body.registered cite.registered-only, body.registered code.registered-only, body.registered command.registered-only, body.registered datalist.registered-only, body.registered dfn.registered-only, body.registered em.registered-only, body.registered embed.registered-only, body.registered font.registered-only, body.registered i.registered-only, body.registered img.registered-only, body.registered input.registered-only, body.registered keygen.registered-only, body.registered kbd.registered-only, body.registered label.registered-only, body.registered mark.registered-only, body.registered meter.registered-only, body.registered output.registered-only, body.registered progress.registered-only, body.registered q.registered-only, body.registered rp.registered-only, body.registered rt.registered-only, body.registered ruby.registered-only, body.registered s.registered-only, body.registered samp.registered-only, body.registered select.registered-only, body.registered small.registered-only, body.registered span.registered-only, body.registered strike.registered-only, body.registered strong.registered-only, body.registered sub.registered-only, body.registered sup.registered-only, body.registered textarea.registered-only, body.registered time.registered-only, body.registered tt.registered-only, body.registered u.registered-only, body.registered var.registered-only, body.registered video.registered-only, body.registered wbr.registered-only {
display: inline; }
body.registered address.registered-only, body.registered article.registered-only, body.registered aside.registered-only, body.registered blockquote.registered-only, body.registered center.registered-only, body.registered dir.registered-only, body.registered div.registered-only, body.registered dd.registered-only, body.registered details.registered-only, body.registered dl.registered-only, body.registered dt.registered-only, body.registered fieldset.registered-only, body.registered figcaption.registered-only, body.registered figure.registered-only, body.registered form.registered-only, body.registered footer.registered-only, body.registered frameset.registered-only, body.registered h1.registered-only, body.registered h2.registered-only, body.registered h3.registered-only, body.registered h4.registered-only, body.registered h5.registered-only, body.registered h6.registered-only, body.registered hr.registered-only, body.registered header.registered-only, body.registered hgroup.registered-only, body.registered isindex.registered-only, body.registered main.registered-only, body.registered menu.registered-only, body.registered nav.registered-only, body.registered noframes.registered-only, body.registered noscript.registered-only, body.registered ol.registered-only, body.registered p.registered-only, body.registered pre.registered-only, body.registered section.registered-only, body.registered summary.registered-only, body.registered ul.registered-only {
display: block; }
body.unregistered a.unregistered-only, body.unregistered abbr.unregistered-only, body.unregistered acronym.unregistered-only, body.unregistered audio.unregistered-only, body.unregistered b.unregistered-only, body.unregistered basefont.unregistered-only, body.unregistered bdo.unregistered-only, body.unregistered big.unregistered-only, body.unregistered br.unregistered-only, body.unregistered canvas.unregistered-only, body.unregistered cite.unregistered-only, body.unregistered code.unregistered-only, body.unregistered command.unregistered-only, body.unregistered datalist.unregistered-only, body.unregistered dfn.unregistered-only, body.unregistered em.unregistered-only, body.unregistered embed.unregistered-only, body.unregistered font.unregistered-only, body.unregistered i.unregistered-only, body.unregistered img.unregistered-only, body.unregistered input.unregistered-only, body.unregistered keygen.unregistered-only, body.unregistered kbd.unregistered-only, body.unregistered label.unregistered-only, body.unregistered mark.unregistered-only, body.unregistered meter.unregistered-only, body.unregistered output.unregistered-only, body.unregistered progress.unregistered-only, body.unregistered q.unregistered-only, body.unregistered rp.unregistered-only, body.unregistered rt.unregistered-only, body.unregistered ruby.unregistered-only, body.unregistered s.unregistered-only, body.unregistered samp.unregistered-only, body.unregistered select.unregistered-only, body.unregistered small.unregistered-only, body.unregistered span.unregistered-only, body.unregistered strike.unregistered-only, body.unregistered strong.unregistered-only, body.unregistered sub.unregistered-only, body.unregistered sup.unregistered-only, body.unregistered textarea.unregistered-only, body.unregistered time.unregistered-only, body.unregistered tt.unregistered-only, body.unregistered u.unregistered-only, body.unregistered var.unregistered-only, body.unregistered video.unregistered-only, body.unregistered wbr.unregistered-only {
display: inline; }
body.unregistered address.unregistered-only, body.unregistered article.unregistered-only, body.unregistered aside.unregistered-only, body.unregistered blockquote.unregistered-only, body.unregistered center.unregistered-only, body.unregistered dir.unregistered-only, body.unregistered div.unregistered-only, body.unregistered dd.unregistered-only, body.unregistered details.unregistered-only, body.unregistered dl.unregistered-only, body.unregistered dt.unregistered-only, body.unregistered fieldset.unregistered-only, body.unregistered figcaption.unregistered-only, body.unregistered figure.unregistered-only, body.unregistered form.unregistered-only, body.unregistered footer.unregistered-only, body.unregistered frameset.unregistered-only, body.unregistered h1.unregistered-only, body.unregistered h2.unregistered-only, body.unregistered h3.unregistered-only, body.unregistered h4.unregistered-only, body.unregistered h5.unregistered-only, body.unregistered h6.unregistered-only, body.unregistered hr.unregistered-only, body.unregistered header.unregistered-only, body.unregistered hgroup.unregistered-only, body.unregistered isindex.unregistered-only, body.unregistered main.unregistered-only, body.unregistered menu.unregistered-only, body.unregistered nav.unregistered-only, body.unregistered noframes.unregistered-only, body.unregistered noscript.unregistered-only, body.unregistered ol.unregistered-only, body.unregistered p.unregistered-only, body.unregistered pre.unregistered-only, body.unregistered section.unregistered-only, body.unregistered summary.unregistered-only, body.unregistered ul.unregistered-only {
display: block; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/selection.css
================================================
*::-moz-selection {
background-color: #fe57a1;
color: #fff; }
*::selection {
background-color: #fe57a1;
color: #fff; }
.hot-pink::-moz-selection {
background-color: #fe57a1;
color: #fff; }
.hot-pink::selection {
background-color: #fe57a1;
color: #fff; }
.hot-pink-with-arguments::-moz-selection {
color: white;
background-color: #fe57a1; }
.hot-pink-with-arguments::selection {
color: white;
background-color: #fe57a1; }
.hot-pink-with-arguments-and-extra-stuff::-moz-selection {
color: white;
background-color: #fe57a1;
text-decoration: line-through; }
.hot-pink-with-arguments-and-extra-stuff::selection {
color: white;
background-color: #fe57a1;
text-decoration: line-through; }
.hot-pink-with-default-foreground::-moz-selection {
color: black;
background-color: #fe57a1; }
.hot-pink-with-default-foreground::selection {
color: black;
background-color: #fe57a1; }
.browser-support-is-considered::-moz-selection {
color: black;
background-color: #fe57a1;
prefix: -moz;
-moz-prefix: true;
-ms-prefix: false;
-webkit-prefix: false; }
.browser-support-is-considered::selection {
color: black;
background-color: #fe57a1;
-moz-prefix: false;
-ms-prefix: false;
-webkit-prefix: false; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/sprites_with_explicit_separator.css
================================================
.flag_states_sprite, .flag_states_foo {
background-image: url('/images/flag_states-sc42d7bf926.png');
background-repeat: no-repeat; }
.flag_states_foo {
background-position: 0 0;
height: 11px;
width: 16px; }
.flag_states_foo:hover, .flag_states_foo.foo_hover {
background-position: 0 -33px; }
.flag_states_foo:target, .flag_states_foo.foo_target {
background-position: 0 -44px; }
.flag_states_foo:active, .flag_states_foo.foo_active {
background-position: 0 -11px; }
.flag_states_foo:focus, .flag_states_foo.foo_focus {
background-position: 0 -22px; }
.sprite-file {
location: url('/images/flag_states/foo.png?busted=true'); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/stretching.css
================================================
.stretched-completely {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.stretched-horizontally {
position: absolute;
left: 0;
right: 0; }
.stretched-right {
position: absolute;
left: 0;
right: 50%; }
.left-pane {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%; }
.stretched-left {
position: absolute;
left: 50%;
right: 0; }
.right-pane {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0; }
.stretched-down {
position: absolute;
top: 0;
bottom: 50%; }
.top-pane {
position: absolute;
top: 0;
bottom: 50%;
left: 0;
right: 0; }
.stretched-up {
position: absolute;
top: 50%;
bottom: 0; }
.bottom-pane {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0; }
.viewport {
position: absolute;
top: 10px;
bottom: 30px;
left: 40px;
right: 20px; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/support.css
================================================
/* ### Compass Support ---------- */
/* - [function] set-arglist-default() with no arguments (1 Assertions, 1 Passed, 0 Failed) */
/* - [function] set-arglist-default() with a "default" argument (1 Assertions, 1 Passed, 0 Failed) */
/* - [function] set-arglist-default() with a "default" argument and another argument (1 Assertions, 1 Passed, 0 Failed) */
/* - [function] set-arglist-default() with a "default" argument not first and another argument (1 Assertions, 1 Passed, 0 Failed) */
/* - [function] support-legacy-browser() from threshold (2 Assertions, 2 Passed, 0 Failed) */
/* - [function] support-legacy-browser() from minimums (2 Assertions, 2 Passed, 0 Failed) */
/* - [function] browser-out-of-scope() with no scope (2 Assertions, 2 Passed, 0 Failed) */
/* - prefix context tracking (9 Assertions, 9 Passed, 0 Failed) */
/* - [function] browser-out-of-scope() with a scope (2 Assertions, 2 Passed, 0 Failed) */
/* - [function] browser-out-of-scope() with version (3 Assertions, 3 Passed, 0 Failed) */
/* - [mixin] with-prefix() (4 Assertions, 4 Passed, 0 Failed) */
/* - [mixin] with-each-prefix() (1 Assertions, 1 Passed, 0 Failed) */
/* - [mixin] with-each-prefix() respects $supported-browsers (1 Assertions, 1 Passed, 0 Failed) */
/* - [mixin] with-each-prefix() respects $current-prefix (3 Assertions, 3 Passed, 0 Failed) */
/* - [fuction] has-browser-subset() (5 Assertions, 5 Passed, 0 Failed) */
/*
*/
/* 15 Tests: */
/* - 15 Passed */
/* - 0 Failed */
/*
*/
/* Capability css-animation is prefixed with -moz because 0.57224% of users need it which is more than the threshold of 0.1%. */
/* Creating new -moz context. */
@-moz-keyframes foo {
0% {
/* Content for ie 8 omitted.
Not allowed in the current scope: ie 8 is incompatible with -moz. */
opacity: 0; }
100% {
/* Content for ie 8 omitted.
Not allowed in the current scope: ie 8 is incompatible with -moz. */
opacity: 1; } }
/* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-animation is not prefixed with -o because 0.02146% of users are affected which is less than the threshold of 0.1. */
/* Capability css-animation is prefixed with -webkit because 57.87258% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
@-webkit-keyframes foo {
0% {
/* Content for ie 8 omitted.
Not allowed in the current scope: ie 8 is incompatible with -webkit. */
opacity: 0; }
100% {
/* Content for ie 8 omitted.
Not allowed in the current scope: ie 8 is incompatible with -webkit. */
opacity: 1; } }
@keyframes foo {
0% {
/* Content for ie 8 omitted.
Not allowed in the current scope: The current scope only works with ie 10 - 11. */
opacity: 0; }
100% {
/* Content for ie 8 omitted.
Not allowed in the current scope: The current scope only works with ie 10 - 11. */
opacity: 1; } }
.foo {
/* Capability css-animation is prefixed with -moz because 0.57224% of users need it which is more than the threshold of 0.1%. */
/* Creating new -moz context. */
-moz-animation: foo 1s;
/* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
/* Capability css-animation is not prefixed with -o because 0.02146% of users are affected which is less than the threshold of 0.1. */
/* Capability css-animation is prefixed with -webkit because 57.87258% of users need it which is more than the threshold of 0.1%. */
/* Creating new -webkit context. */
-webkit-animation: foo 1s;
animation: foo 1s; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/text_shadow.css
================================================
.default-single-text-shadow {
text-shadow: 0px 0px 1px #aaaaaa; }
.none {
text-shadow: none; }
.color-only {
text-shadow: 0px 0px 1px #cccccc; }
.color-first-with-params {
text-shadow: 2px 2px 5px #cccccc;
text-shadow: 2px 2px 5px 2px #cccccc; }
.color-last-with-params {
text-shadow: 2px 2px 5px #cccccc;
text-shadow: 2px 2px 5px 2px #cccccc; }
.default-text-shadow {
text-shadow: 0px 0px 1px #aaaaaa; }
.multiple-text-shadows-with-default {
text-shadow: 0px 0px 1px #aaaaaa, 2px 2px 5px #222222; }
.multiple-text-shadows {
text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
.multiple-text-shadows-with-spread {
text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222;
text-shadow: 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/transform.css
================================================
.apply-origin-2d {
-moz-transform-origin: 2px 5%;
-ms-transform-origin: 2px 5%;
-webkit-transform-origin: 2px 5%;
transform-origin: 2px 5%; }
.apply-origin-3d {
-moz-transform-origin: 2px 5% 2in;
-webkit-transform-origin: 2px 5% 2in;
transform-origin: 2px 5% 2in; }
.transform-origin-2d {
-moz-transform-origin: 100px 100px;
-ms-transform-origin: 100px 100px;
-webkit-transform-origin: 100px 100px;
transform-origin: 100px 100px; }
.transform-origin-3d {
-moz-transform-origin: 100px 100px 100px;
-webkit-transform-origin: 100px 100px 100px;
transform-origin: 100px 100px 100px; }
.transform-2d {
-moz-transform: rotateY(20deg);
-ms-transform: rotateY(20deg);
-webkit-transform: rotateY(20deg);
transform: rotateY(20deg); }
.transform-3d {
-moz-transform: rotateZ(20deg);
-webkit-transform: rotateZ(20deg);
transform: rotateZ(20deg); }
.perspective {
-moz-perspective: 500;
-webkit-perspective: 500;
perspective: 500; }
.perspective-origin {
-moz-perspective-origin: 25% 25%;
-webkit-perspective-origin: 25% 25%;
perspective-origin: 25% 25%; }
.transform-style {
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.backface-visibility {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.scale {
-moz-transform: scale(30px, 50px);
-ms-transform: scale(30px, 50px);
-webkit-transform: scale(30px, 50px);
transform: scale(30px, 50px); }
.scale-3d {
-moz-transform: scale(30px, 50px);
-webkit-transform: scale(30px, 50px);
transform: scale(30px, 50px); }
.scale-with-perspective {
-moz-transform: perspective(500) scale(30px, 50px);
-ms-transform: perspective(500) scale(30px, 50px);
-webkit-transform: perspective(500) scale(30px, 50px);
transform: perspective(500) scale(30px, 50px); }
.scale-3d-with-perspective {
-moz-transform: perspective(500) scale(30px, 50px);
-webkit-transform: perspective(500) scale(30px, 50px);
transform: perspective(500) scale(30px, 50px); }
.scale-x {
-moz-transform: scaleX(30px);
-ms-transform: scaleX(30px);
-webkit-transform: scaleX(30px);
transform: scaleX(30px); }
.scale-x-3d {
-moz-transform: scaleX(30px);
-webkit-transform: scaleX(30px);
transform: scaleX(30px); }
.scale-x-with-perspective {
-moz-transform: perspective(500) scaleX(30px);
-ms-transform: perspective(500) scaleX(30px);
-webkit-transform: perspective(500) scaleX(30px);
transform: perspective(500) scaleX(30px); }
.scale-x-3d-with-perspective {
-moz-transform: perspective(500) scaleX(30px);
-webkit-transform: perspective(500) scaleX(30px);
transform: perspective(500) scaleX(30px); }
.scale-y {
-moz-transform: scaleY(50px);
-ms-transform: scaleY(50px);
-webkit-transform: scaleY(50px);
transform: scaleY(50px); }
.scale-y-3d {
-moz-transform: scaleY(50px);
-webkit-transform: scaleY(50px);
transform: scaleY(50px); }
.scale-y-with-perspective {
-moz-transform: perspective(500) scaleY(50px);
-ms-transform: perspective(500) scaleY(50px);
-webkit-transform: perspective(500) scaleY(50px);
transform: perspective(500) scaleY(50px); }
.scale-y-3d-with-perspective {
-moz-transform: perspective(500) scaleY(50px);
-webkit-transform: perspective(500) scaleY(50px);
transform: perspective(500) scaleY(50px); }
.scale-z {
-moz-transform: scaleZ(50px);
-webkit-transform: scaleZ(50px);
transform: scaleZ(50px); }
.scale-z-with-perspective {
-moz-transform: perspective(500) scaleZ(50px);
-webkit-transform: perspective(500) scaleZ(50px);
transform: perspective(500) scaleZ(50px); }
.scale3d {
-moz-transform: scale3d(30px, 50px, 100px);
-webkit-transform: scale3d(30px, 50px, 100px);
transform: scale3d(30px, 50px, 100px); }
.scaled3-with-perspective {
-moz-transform: perspective(500) scale3d(30px, 50px, 100px);
-webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
transform: perspective(500) scale3d(30px, 50px, 100px); }
.rotate {
-moz-transform: perspective(500) rotate(25deg);
-ms-transform: perspective(500) rotate(25deg);
-webkit-transform: perspective(500) rotate(25deg);
transform: perspective(500) rotate(25deg); }
.rotate-with-perspective {
-moz-transform: perspective(500) rotate(25deg);
-ms-transform: perspective(500) rotate(25deg);
-webkit-transform: perspective(500) rotate(25deg);
transform: perspective(500) rotate(25deg); }
.rotate-z {
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
.rotate-z-with-perspective {
-moz-transform: perspective(500) rotate(25deg);
-ms-transform: perspective(500) rotate(25deg);
-webkit-transform: perspective(500) rotate(25deg);
transform: perspective(500) rotate(25deg); }
.rotate-x {
-moz-transform: rotateX(25deg);
-webkit-transform: rotateX(25deg);
transform: rotateX(25deg); }
.rotate-x-with-perspective {
-moz-transform: perspective(500) rotateX(25deg);
-webkit-transform: perspective(500) rotateX(25deg);
transform: perspective(500) rotateX(25deg); }
.rotate-y {
-moz-transform: rotateY(25deg);
-webkit-transform: rotateY(25deg);
transform: rotateY(25deg); }
.rotate-y-with-perspective {
-moz-transform: perspective(500) rotateY(25deg);
-webkit-transform: perspective(500) rotateY(25deg);
transform: perspective(500) rotateY(25deg); }
.rotate-3d {
-moz-transform: rotate3d(5, 2, 1, 75deg);
-webkit-transform: rotate3d(5, 2, 1, 75deg);
transform: rotate3d(5, 2, 1, 75deg); }
.rotate-3d-with-perspective {
-moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
-webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
.translate {
-moz-transform: translate(20px, 30%);
-ms-transform: translate(20px, 30%);
-webkit-transform: translate(20px, 30%);
transform: translate(20px, 30%); }
.translate-with-perspective {
-moz-transform: perspective(500) translate(20px, 30%);
-ms-transform: perspective(500) translate(20px, 30%);
-webkit-transform: perspective(500) translate(20px, 30%);
transform: perspective(500) translate(20px, 30%); }
.translate-3d {
-moz-transform: translate(20px, 30%);
-webkit-transform: translate(20px, 30%);
transform: translate(20px, 30%); }
.translate-3d-with-perspective {
-moz-transform: perspective(500) translate(20px, 30%);
-webkit-transform: perspective(500) translate(20px, 30%);
transform: perspective(500) translate(20px, 30%); }
.translate-x {
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-webkit-transform: translateX(30px);
transform: translateX(30px); }
.translate-x-3d {
-moz-transform: translateX(30px);
-webkit-transform: translateX(30px);
transform: translateX(30px); }
.translate-x-with-perspective {
-moz-transform: perspective(500) translateX(30px);
-ms-transform: perspective(500) translateX(30px);
-webkit-transform: perspective(500) translateX(30px);
transform: perspective(500) translateX(30px); }
.translate-x-3d-with-perspective {
-moz-transform: perspective(500) translateX(30px);
-webkit-transform: perspective(500) translateX(30px);
transform: perspective(500) translateX(30px); }
.translate-y {
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-webkit-transform: translateY(30px);
transform: translateY(30px); }
.translate-y-3d {
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
transform: translateY(30px); }
.translate-y-with-perspective {
-moz-transform: perspective(500) translateY(30px);
-ms-transform: perspective(500) translateY(30px);
-webkit-transform: perspective(500) translateY(30px);
transform: perspective(500) translateY(30px); }
.translate-y-3d-with-perspective {
-moz-transform: perspective(500) translateY(30px);
-webkit-transform: perspective(500) translateY(30px);
transform: perspective(500) translateY(30px); }
.translate-z {
-moz-transform: translateZ(30px);
-webkit-transform: translateZ(30px);
transform: translateZ(30px); }
.translate-z-with-perspective {
-moz-transform: perspective(500) translateZ(30px);
-webkit-transform: perspective(500) translateZ(30px);
transform: perspective(500) translateZ(30px); }
.translate-3d {
-moz-transform: translate3d(30px, 50px, 75px);
-webkit-transform: translate3d(30px, 50px, 75px);
transform: translate3d(30px, 50px, 75px); }
.translate-3d-with-perspective {
-moz-transform: perspective(500) translate3d(30px, 50px, 75px);
-webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
transform: perspective(500) translate3d(30px, 50px, 75px); }
.skew {
-moz-transform: skew(20deg, 50deg);
-ms-transform: skew(20deg, 50deg);
-webkit-transform: skew(20deg, 50deg);
transform: skew(20deg, 50deg); }
.skew-3d {
-moz-transform: skew(20deg, 50deg);
-webkit-transform: skew(20deg, 50deg);
transform: skew(20deg, 50deg); }
.skew-x {
-moz-transform: skewX(20deg);
-ms-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
transform: skewX(20deg); }
.skew-x-3d {
-moz-transform: skewX(20deg);
-webkit-transform: skewX(20deg);
transform: skewX(20deg); }
.skew-y {
-moz-transform: skewY(20deg);
-ms-transform: skewY(20deg);
-webkit-transform: skewY(20deg);
transform: skewY(20deg); }
.skew-y-3d {
-moz-transform: skewY(20deg);
-webkit-transform: skewY(20deg);
transform: skewY(20deg); }
.create-transform-2d {
-moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
-ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
-webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
-moz-transform-origin: 50%;
-ms-transform-origin: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%; }
.create-transform-3d {
-moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
-ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
-webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.simple-transform {
-moz-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
-ms-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
-webkit-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
-moz-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
-webkit-transform-origin: 10% 10%;
transform-origin: 10% 10%; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/transition.css
================================================
.single-transition-without-delay {
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out; }
.single-transition-with-delay {
-moz-transition: all 0.6s ease-out 0.2s;
-o-transition: all 0.6s ease-out 0.2s;
-webkit-transition: all 0.6s ease-out;
-webkit-transition-delay: 0.2s;
transition: all 0.6s ease-out 0.2s; }
.transition-duration-list {
-moz-transition-duration: 0.2s, 0.5s, 0.2s;
-o-transition-duration: 0.2s, 0.5s, 0.2s;
-webkit-transition-duration: 0.2s, 0.5s, 0.2s;
transition-duration: 0.2s, 0.5s, 0.2s; }
.multiple-transition-durations {
-moz-transition-duration: 0.2s, 0.5s, 0.2s;
-o-transition-duration: 0.2s, 0.5s, 0.2s;
-webkit-transition-duration: 0.2s, 0.5s, 0.2s;
transition-duration: 0.2s, 0.5s, 0.2s; }
.single-transform-transition-without-delay {
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
-webkit-transition: -webkit-transform 0.6s ease-out;
transition: transform 0.6s ease-out; }
.single-transform-transition-with-delay {
-moz-transition: -moz-transform 0.6s ease-out 0.2s;
-o-transition: -o-transform 0.6s ease-out 0.2s;
-webkit-transition: -webkit-transform 0.6s ease-out;
-webkit-transition-delay: 0.2s;
transition: transform 0.6s ease-out 0.2s; }
.transform-transition {
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
-webkit-transition: -webkit-transform 0.6s ease-out;
transition: transform 0.6s ease-out; }
.multiple-transitions {
-moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;
-o-transition: -o-transform 0.6s ease-out, opacity 0.2s ease-in;
-webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;
transition: transform 0.6s ease-out, opacity 0.2s ease-in; }
.transition-property {
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform; }
.transition-properties {
-moz-transition-property: -moz-transform, opacity, width, height, left, top;
-o-transition-property: -o-transform, opacity, width, height, left, top;
-webkit-transition-property: -webkit-transform, opacity, width, height, left, top;
transition-property: transform, opacity, width, height, left, top; }
.multiple-transition-properties {
-moz-transition-property: opacity, -moz-transform, left;
-o-transition-property: opacity, -o-transform, left;
-webkit-transition-property: opacity, -webkit-transform, left;
transition-property: opacity, transform, left; }
.default-transition {
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s; }
.transition-timing {
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
.transition-timings {
-moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
-o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
-webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
.transition-timings-list {
-moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
-o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
-webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);
transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }
.transition-delay {
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.transition-delays {
-moz-transition-delay: 1s, 2s, 3s;
-o-transition-delay: 1s, 2s, 3s;
-webkit-transition-delay: 1s, 2s, 3s;
transition-delay: 1s, 2s, 3s; }
.transition-delays-list {
-moz-transition-delay: 1s, 2s, 3s;
-o-transition-delay: 1s, 2s, 3s;
-webkit-transition-delay: 1s, 2s, 3s;
transition-delay: 1s, 2s, 3s; }
.regression-912 {
-moz-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
-o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s;
-webkit-transition: background-color 0.5s ease-in, width 0.5s ease-out, height 0.5s ease-in, top 0.5s ease-out;
-webkit-transition-delay: 0s, 0s, 0s, 0s;
transition: background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/typography/links/hover-link.css
================================================
a {
text-decoration: none; }
a:hover, a:focus {
text-decoration: underline; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/units.css
================================================
.foo {
width: 600px;
height: 200px; }
.foo .test {
/* 16px for margins should be 1em */
margin-top: 1em;
/* 16px for margins should be 2.66667% (relative to parent's width) */
margin-right: 2.66667%;
/* 1.35em for margins should be 3.6% (relative to parent's width,
* even for top and bottom margins) */
margin-bottom: 3.6%;
/* 16px for margins should be 2ex */
margin-left: 2ex; }
.bar {
font-size: 18px;
width: 360px; }
.bar .test {
/* 150% for line-height should be 27px */
line-height: 27px;
/* 1px should always be .0625rem for this page */
border-top: 0.0625rem;
/* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */
margin-top: 9.525mm;
/* 2px for margins should be .55556% (relative to parent's width) */
margin-right: 0.55556%;
/* 1rem should always be 16px for this page, even when own font-size is 18px */
margin-bottom: 16px; }
.rem {
background-size: 400px, 100% 32px;
background-size: 25rem, 100% 2rem; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/user-interface.css
================================================
.user-select {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
*:-moz-placeholder {
color: #bfbfbf;
font-style: italic; }
*::-moz-placeholder {
color: #bfbfbf;
font-style: italic; }
*:-ms-input-placeholder {
color: #bfbfbf;
font-style: italic; }
*::-webkit-input-placeholder {
color: #bfbfbf;
font-style: italic; }
input:-moz-placeholder, textarea:-moz-placeholder {
color: #bfbfbf;
font-style: italic; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: #bfbfbf;
font-style: italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #bfbfbf;
font-style: italic; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #bfbfbf;
font-style: italic; }
.sets-up-browser-support-for-content:-moz-placeholder {
prefix: -moz;
-moz-prefix: true;
-ms-prefix: false;
-webkit-prefix: false; }
.sets-up-browser-support-for-content::-moz-placeholder {
prefix: -moz;
-moz-prefix: true;
-ms-prefix: false;
-webkit-prefix: false; }
.sets-up-browser-support-for-content:-ms-input-placeholder {
prefix: -ms;
-moz-prefix: false;
-ms-prefix: true;
-webkit-prefix: false; }
.sets-up-browser-support-for-content::-webkit-input-placeholder {
prefix: -webkit;
-moz-prefix: false;
-ms-prefix: false;
-webkit-prefix: true; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/utilities.css
================================================
.clearfix {
overflow: hidden;
*zoom: 1; }
.pie-clearfix {
*zoom: 1; }
.pie-clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden; }
.simple-pie-clearfix {
*zoom: 1; }
.simple-pie-clearfix:after {
content: "";
display: table;
clear: both; }
p.light {
background-color: #f3aead;
color: black; }
p.dark {
background-color: #a22321;
color: white; }
p.light-with-args {
background-color: #f3aead;
color: blue; }
p.dark-with-args {
background-color: #a22321;
color: yellow; }
th {
background-color: white; }
th.even, th:nth-child(2n) {
background-color: yellow; }
tr.odd td, tr:nth-child(2n+1) td {
background-color: white; }
tr.odd td.even, tr.odd td:nth-child(2n), tr:nth-child(2n+1) td.even, tr:nth-child(2n+1) td:nth-child(2n) {
background-color: yellow; }
tr.even td {
background-color: red; }
tr.even td.even, tr.even td:nth-child(2n) {
background-color: red; }
tfoot th, tfoot td {
background-color: white; }
tfoot th.even, tfoot th:nth-child(2n), tfoot td.even, tfoot td:nth-child(2n) {
background-color: yellow; }
p.ellipsis {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
p.ellipsis.moz {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-moz-binding: url('/tmp/xml/ellipsis.xml#ellipsis'); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/vertical_rhythm.css
================================================
html {
font-size: 87.5%;
line-height: 1.14286em; }
.small {
font-size: 0.85714em;
line-height: 1.33333em; }
.padded {
margin-top: 1.14286em;
padding-top: 1.14286em;
padding-bottom: 1.14286em;
margin-bottom: 1.14286em; }
.small-padded {
font-size: 0.85714em;
line-height: 1.33333em;
margin-top: 1.33333em;
padding-top: 1.33333em;
padding-bottom: 1.33333em;
margin-bottom: 1.33333em; }
.borders {
border-top-width: 0.07143em;
border-top-style: solid;
padding-top: 1.07143em;
border-bottom-width: 0.07143em;
border-bottom-style: solid;
padding-bottom: 1.07143em; }
.large-borders {
font-size: 1.71429em;
line-height: 2em;
border-top-width: 0.25em;
border-top-style: solid;
padding-top: 0.41667em;
border-bottom-width: 0.25em;
border-bottom-style: solid;
padding-bottom: 0.41667em; }
.reset {
line-height: 1.14286em; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_ems.css
================================================
/* New test using em output */
html {
font-size: 112.5%;
line-height: 1.4em; }
.container {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
-moz-background-size: 100% 1.4em;
-o-background-size: 100% 1.4em;
-webkit-background-size: 100% 1.4em;
background-size: 100% 1.4em;
background-position: left top; }
p {
margin-top: 1.4em;
margin-bottom: 1.4em; }
th,
td {
padding-top: 0.35em;
padding-bottom: 0.35em; }
.caption {
font-size: 0.72222em;
line-height: 1.55077em; }
.spaced-out {
line-height: 2.1em; }
blockquote {
margin-top: 1.4em;
margin-bottom: 1.4em;
padding: 0 1.4em; }
.fig-quote > blockquote {
margin-bottom: 0.7em; }
.fig-quote .source {
font-size: 0.72222em;
line-height: 1.93846em;
margin-bottom: 0.96923em; }
.panel {
font-size: 0.88889em;
line-height: 1.575em;
border-width: 0.0625em;
border-style: solid;
border-color: #aaaaaa;
padding: 1.5125em; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_px.css
================================================
/* New using px output */
html {
font-size: 18px;
line-height: 25px; }
.container {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
-moz-background-size: 100% 25px;
-o-background-size: 100% 25px;
-webkit-background-size: 100% 25px;
background-size: 100% 25px;
background-position: left top; }
p {
margin-top: 25px;
margin-bottom: 25px; }
th,
td {
padding-top: 6px;
padding-bottom: 6px; }
/* Incremental leading made easy! */
.caption {
font-size: 15px;
line-height: 20px; }
.spaced-out {
line-height: 37px; }
blockquote {
margin-top: 25px;
margin-bottom: 25px;
padding: 0 25px; }
.fig-quote > blockquote {
margin-bottom: 12px; }
.fig-quote .source {
font-size: 15px;
line-height: 25px;
margin-bottom: 12px; }
.panel {
border-width: 1px;
border-style: solid;
border-color: #aaaaaa;
padding: 24px; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_rems.css
================================================
/* New using rem output with pixel fallbacks */
html {
font-size: 112.5%;
line-height: 1.4em; }
.container {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);
-moz-background-size: 100% 1.4rem;
-o-background-size: 100% 1.4rem;
-webkit-background-size: 100% 1.4rem;
background-size: 100% 1.4rem;
background-position: left top; }
p {
margin-top: 25px;
margin-top: 1.4rem;
margin-bottom: 25px;
margin-bottom: 1.4rem; }
th,
td {
padding-top: 6px;
padding-top: 0.35rem;
padding-bottom: 6px;
padding-bottom: 0.35rem; }
/* Incremental leading made easy! */
.caption {
font-size: 15px;
font-size: 0.85rem;
line-height: 20px;
line-height: 1.12rem; }
.spaced-out {
line-height: 38px;
line-height: 2.1rem; }
blockquote {
margin-top: 25px;
margin-top: 1.4rem;
margin-bottom: 25px;
margin-bottom: 1.4rem;
padding: 0 1.4rem; }
.fig-quote > blockquote {
margin-bottom: 13px;
margin-bottom: 0.7rem; }
.fig-quote .source {
font-size: 15px;
font-size: 0.85rem;
line-height: 25px;
line-height: 1.4rem;
margin-bottom: 13px;
margin-bottom: 0.7rem; }
.panel {
border-width: 1px;
border-width: 0.05556rem;
border-style: solid;
border-color: #aaaaaa;
padding: 24px;
padding: 1.34444rem; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/animation-with-legacy-ie.scss
================================================
@import "compass/css3/animation";
@import "compass/css3/opacity";
$browser-minimum-versions: (ie: "6");
@include keyframes(test) {
0%, 100% {
@include opacity(1);
}
50% {
@include opacity(0);
}
}
.animation {
@include animation(test);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/animation.scss
================================================
@import "compass/css3/animation";
@include keyframes(test) {
0%, 100% {
background-color: red; }
50% {
background-color: blue;
}
}
.animation {
@include animation(test);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/appearance.scss
================================================
@import "compass/css3/appearance";
.searchfield {
@include appearance(searchfield);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/background-clip.scss
================================================
@import "compass/css3/background-clip";
.background-clip { @include background-clip('border-box'); }
.background-clip-multiple { @include background-clip('border-box', padding-box, content-box); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/background-origin.scss
================================================
@import "compass/css3/background-origin";
.background-origin { @include background-origin('border-box'); }
.background-origin-multiple { @include background-origin('border-box', padding-box, content-box); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/background-size.scss
================================================
@import "compass/css3/background-size";
.background-size-default { @include background-size; }
.background-size-single { @include background-size(50% 25%); }
.background-size-multiple { @include background-size(4em 3em, $default-background-size, 50%); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/border_radius.scss
================================================
@import "compass/css3/border-radius";
.simple { @include border-radius(4px, 4px); }
.compound { @include border-radius(2px 5px, 3px 6px); }
.crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/box-sizing.scss
================================================
@import "compass/css3/box-sizing";
.div {
@include box-sizing();
}
.div {
@include box-sizing(content-box);
}
.div {
@include box-sizing(border-box);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/box.sass
================================================
@import compass/css3/box
.hbox
+display-box
+box-orient
+box-align
& > *
+box-flex
.vbox
+display-box
+box-orient(vertical)
+box-align
& > *
+box-flex
.spacer
+box-flex(1)
.reverse
+box-direction(reverse)
.box-flex-0
+box-flex(0)
.box-flex-1
+box-flex(1)
.box-flex-2
+box-flex(2)
.box-flex-group-0
+box-flex-group(0)
.box-flex-group-1
+box-flex-group(1)
.box-flex-group-2
+box-flex-group(2)
.start
+box-pack(start)
.end
+box-pack(end)
.center
+box-pack(center)
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/box_shadow.scss
================================================
@import "compass/css3/box-shadow";
.no-box-shadow { @include box-shadow(none); }
.box-shadow { @include box-shadow(default, 2px 2px 5px #222222);}
.single-box-shadow { @include single-box-shadow;}
.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222222);}
.legacy-single-box-shadow { @include single-box-shadow(blue);}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/brightness.scss
================================================
@import "compass/utilities/color/brightness";
.black-is-0-percent {
brightness: brightness(black); }
.white-is-100-percent {
brightness: brightness(white); }
.green-is-58-point-7-percent {
brightness: brightness(#00ff00); }
.blue-is-11-point-4-percent {
brightness: brightness(#0000ff); }
.red-is-29-point-9-percent {
brightness: brightness(#ff0000); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/browser-support.scss
================================================
@import "compass/support";
@import "compass/css3/flexbox";
@function unprefixed-at-version($browser, $capability) {
$options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
@each $version in browser-versions($browser) {
@if not browser-requires-prefix($browser, $version, $capability, $options) {
@return $version;
}
}
@return null;
}
@each $browser in browsers() {
$prefix: browser-prefix($browser);
.#{$browser} {
$versions: browser-versions($browser);
versions: $versions;
@each $capability in browser-capabilities() {
$options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);
@if browser-requires-prefix($browser, nth($versions, 1), $capability, $options) {
@if prefix-usage($prefix, $capability, $options) > 0.1 {
#{$capability}: $prefix;
} @else {
#{$capability}: prefix-no-longer-needed;
}
#{$capability}-unprefixed-at: unprefixed-at-version($browser, $capability);
}
}
}
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/color.scss
================================================
$contrasted-dark-default: black;
$contrasted-light-default: white;
@import "compass/utilities/color";
.handles-null {
content: "there should be no property below this one";
color: contrast-color(null);
}
.contrasts-light {
@include contrasted(#eeeeee);
}
.contrasts-dark {
@include contrasted(#222222);
}
.contrasts-light-with-contrast-color-override {
@include contrasted(#eeeeee, $dark: red);
}
.contrasts-dark-with-contrast-color-override {
@include contrasted(#222222, $light: yellow);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/columns.scss
================================================
@import "compass/css3/columns";
.columns { @include columns(20em 5); }
.column-count { @include column-count(5); }
.column-gap { @include column-gap(10px); }
.column-width { @include column-width(90px); }
.column-span { @include column-span(all); }
.column-rule-width { @include column-rule-width(1px); }
.column-rule-style { @include column-rule-style(dotted); }
.column-rule-color { @include column-rule-color(blue); }
.column-rule { @include column-rule(1px, solid, blue); }
.column-rule-spaced { @include column-rule(1px solid blue); }
.column-break-before{ @include column-break(before, always);}
.column-break-after { @include column-break(after, always); }
.column-break-inside{ @include column-break(inside); }
.column-count { @include column-count(5); }
.column-gap { @include column-gap(10px); }
.column-width { @include column-width(90px); }
.column-rule-width { @include column-rule-width(1px); }
.column-rule-style { @include column-rule-style(dotted); }
.column-rule-color { @include column-rule-color(blue); }
.column-rule { @include column-rule(1px, solid, blue); }
.column-rule-spaced { @include column-rule(1px solid blue); }
.column-break-before { @include break-before(always); }
.column-break-after { @include break-after(always); }
.column-break-inside { @include break-inside(); }
.column-break-before-shortcut { @include column-break(before, always);}
.column-break-after-shortcut { @include column-break(after, always); }
.column-break-inside-shortcut { @include column-break(inside); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/filters.scss
================================================
$debug-browser-support: true;
@import "compass/css3/filter";
.blur {
@include filter(blur(5px));
}
.brightness {
@include filter(brightness(0.2));
}
// We can enable this test case when sass commit 38f3c4be8bc15c130c5b1cc5880c9131e1bcb08f is released.
// .saturate {
// @include filter(saturate(50%));
// }
.hue-rotate {
@include filter(hue-rotate(20deg));
}
.contrast {
@include filter(contrast(150%));
}
.grayscale {
@include filter(grayscale(150%));
}
.sepia {
@include filter(sepia(150%));
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/flexbox.scss
================================================
@import "compass/css3/flexbox";
.display {
@include display-flex;
}
.flex-direction {
@include flex-direction(row-reverse);
}
.flex-wrap {
@include flex-wrap(wrap-reverse);
}
.flex-flow {
@include flex-flow(row-reverse wrap-reverse);
}
.order {
@include order(1);
}
.flex {
@include flex(1 0 auto);
}
.flex-grow {
@include flex-grow(1);
}
.flex-shrink {
@include flex-shrink(1);
}
.flex-basis {
@include flex-basis(auto);
}
.justify-content {
@include justify-content(flex-start);
}
.align-items {
@include align-items(flex-start);
}
.align-self {
@include align-self(flex-start);
}
.align-content {
@include align-content(flex-start);
}
.flexbox {
@include flexbox((
display: flex,
flex-direction: row-reverse,
flex-wrap: wrap-reverse,
flex-flow: row-reverse wrap-reverse,
order: 1,
flex: 1 0 auto,
flex-grow: 1,
flex-shrink: 0,
flex-basis: auto,
justify-content: flex-start,
align-items: flex-start,
align-self: flex-start,
align-content: flex-start
));
}
.flexbox-2 {
@include flexbox((
display: flexbox,
flex-flow: row-reverse,
flex-order: 1,
), $version: 2);
}
.flexbox-1 {
@include flexbox((
display: box,
box-orient: vertical,
box-ordinal-group: 1,
box-flex: 1,
), $version: 1);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/fonts.sass
================================================
@import compass/css3/font-face
+font-face("font1", font-files("font1.woff", woff), "font1.eot")
@font-face
font-family: 'Issue1491'
src: font-url('font1.eot')
src: font-url('font1.eot?#iefix') format('embedded-opentype'), font-url('font1.woff') format('woff')
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/force-wrap.scss
================================================
@import "compass/typography/text";
pre { @include force-wrap; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/gradients.sass
================================================
@import compass/css3/images
$svg-gradient-shim-threshold: 0
.bg-shortcut-simple-image
+background(white url('foo.png'))
.bg-shortcut-linear-gradient
+background(white linear-gradient(top left, #ddd, #aaa))
.bg-shortcut-radial-gradient
+background(white radial-gradient(center center, #ddd, #aaa 100px))
.bg-linear-gradient-angle-svg
+background-image(linear-gradient(-45deg, blue, black))
.bg-linear-gradient-angle2-svg
+background-image(linear-gradient(top left, blue, black))
.bg-all-gradient-types-with-simplification
+background-with-css2-fallback(image-url("4x6.png"), linear-gradient(top left, #ddd, #aaa), radial-gradient(center center, #ddd, #aaa 100px), #ffcc00)
.bg-simple-image
+background-image(url('foo.png'))
.bg-linear-gradient
+background-image(linear-gradient(top left, #ddd, #aaa))
.bg-linear-gradient-pixel-stop-from-top
+background-image(linear-gradient(top, #ddd 10px, #aaa 40px))
.bg-linear-gradient-pixel-stop-from-left
+background-image(linear-gradient(left, #ddd 10px, #aaa 40px))
.transparent-in-linear-gradient
+background-image(white linear-gradient(top left, transparent, #aaa))
.currentColor-in-linear-gradient
+background-image(white linear-gradient(top left, transparent, currentColor))
.rgba-in-linear-gradient
+background-image(white linear-gradient(top left, rgba(255,255,255,0.8), rgba(0,0,0,0.1)))
.bg-radial-gradient
+background-image(radial-gradient(center center, #ddd, transparent 100px))
.currentColor-in-radial-gradient
+background-image(radial-gradient(center center, currentColor, transparent 100px))
.bg-linear-gradient-with-angle
+background-image(linear-gradient(-45deg, #ddd, #aaa))
.bg-radial-gradient-with-angle-and-shape
+background-image(radial-gradient(ellipse cover, #ddd, #aaa 100px))
.bg-all-gradient-types
+background-image(image-url("4x6.png"), linear-gradient(top left, #ddd, #aaa), radial-gradient(center center, #ddd, #aaa 100px))
.border-image-gradient
+border-image(radial-gradient(#0f0,#f00 100px) 100 stretch)
.direct-list-image-plain
+list-style-image(image-url("4x6.png"))
.shorthand-list-image-plain
+list-style(outside image-url("4x6.png"))
.direct-list-image-with-gradient
+list-style-image(radial-gradient(lime, red 10px))
.shorthand-list-image-with-gradient
// Note: I haven't seen a browser render this correctly, but they should eventually.
+list-style(outside radial-gradient(lime, red 10px))
.content-plain
+content("asdf")
.content-with-gradient
+content(radial-gradient(lime, red 10px))
$svg-gradient-shim-threshold: 10
.bg-linear-gradient-no-position
+background-image(linear-gradient(#ddd, #aaa))
.bg-radial-gradient-no-position
+background-image(radial-gradient(#ddd, #aaa 100px))
.image-fallback
+background-image(image(radial-gradient(#ddd, #aaa 100px), image-url("4x6.png"), #cc0000))
.cross-fade
+background-image(cross-fade(radial-gradient(#ddd, #aaa 100px), image-url("4x6.png")))
.unknown-function-wrapper
+background(foo(radial-gradient(#ddd, #aaa 100px)))
.ie-horizontal-filter
+filter-gradient(white, black, horizontal)
.ie-vertical-filter
+filter-gradient(white, black, vertical)
.ie-alpha-filter
+filter-gradient(rgba(white, 1), rgba(white, 0))
.linear-gradient-new
+background(linear-gradient(to bottom, #ff0000 0%, #88aa44 100%))
$use-legacy-gradient-syntax: true
.linear-gradient-old
+background(linear-gradient(top, #ff0000 0%, #88aa44 100%))
// This setting is only important when we can't tell which syntax is being used.
// * That is only ever true when the angle is specified in deg
// * original webkit syntax does not support deg (see output)
// * if $support-for-original-webkit-gradients and type-of($angle) == "number" : @WARN
$use-legacy-gradient-syntax: false
.linear-gradient-unknown-new
+background(linear-gradient(120deg, #ff0000 0%, #88aa44 100%))
$use-legacy-gradient-syntax: true
.linear-gradient-unknown-old
+background(linear-gradient(120deg, #ff0000 0%, #88aa44 100%))
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/grid_background.scss
================================================
@import "compass/layout/grid-background";
.baseline {
@include baseline-grid-background;
}
.columns {
@include column-grid-background;
}
.combined {
@include grid-background;
}
$grid-background-total-columns: 15;
$grid-background-offset: 11%;
$grid-background-column-width: 5%;
$grid-background-gutter-width: 1%;
.percent-baseline {
@include baseline-grid-background;
}
.percent-columns {
@include column-grid-background;
}
.percent-combined {
@include grid-background;
}
.forced-fluid {
@include column-grid-background(12, 2em, 1em, 1em, $grid-background-column-color, $grid-background-gutter-color, true);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/hyphenation.scss
================================================
@import "compass/css3/hyphenation";
.word-break {
@include word-break(keep-all);
}
.hyphens {
@include hyphens(manual);
}
.hyphenate {
@include hyphenation;
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/image_size.sass
================================================
.png
width: image_width(unquote("100x150.png"))
height: image_height(unquote("100x150.png"))
.jpg
width: image_width(unquote("100x150.jpg"))
height: image_height(unquote("100x150.jpg"))
.jpeg
width: image_width(unquote("100x150.jpeg"))
height: image_height(unquote("100x150.jpeg"))
.gif
width: image_width(unquote("100x150.gif"))
height: image_height(unquote("100x150.gif"))
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/images.scss
================================================
.relative {
background-image: image-url("4x6.png");
}
.root-relative {
background-image: image-url("/images/4x6.png");
}
.absolute {
background-image: image-url("http://example.com/images/4x6.png");
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/layout.sass
================================================
@import compass/layout
+sticky-footer(72px, unquote("#layout"), unquote("#layout_footer"), unquote("#footer"))
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss
================================================
$default-has-layout-approach: block;
@import "compass/utilities";
.clearfix {
@include clearfix;
}
.pie-clearfix {
@include legacy-pie-clearfix;
}
.simplified-pie-clearfix {
@include pie-clearfix;
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/lists.scss
================================================
@import "compass/typography/lists";
ul.horizontal { @include horizontal-list; }
ul.wide-horizontal { @include horizontal-list(10px); }
ul.right-horizontal { @include horizontal-list(4px, right); }
ul.no-padding { @include horizontal-list(false); }
ul.inline-block { @include inline-block-list; }
ul.wide-inline-block { @include inline-block-list(10px); }
ul.inline { @include inline-list; }
ul.comma { @include delimited-list; }
ul.no-bullets { @include no-bullets; }
ul.pretty { @include pretty-bullets("4x6.png"); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/opacity.scss
================================================
@import "compass/css3/opacity";
div {
@include opacity(1);
}
div {
@include opacity(.2);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/print.sass
================================================
@import compass/utilities/print
+print-utilities
+print-utilities(screen)
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/regions.scss
================================================
@import "compass/css3/regions";
.source { @include flow-into(target); }
.new-container { @include flow-from(target); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/replacement.scss
================================================
@import "compass/typography/text/replacement";
.basic {
@include replace-text("4x6.png");
}
.with-dimensions {
@include replace-text-with-dimensions("4x6.png");
}
.with-dimensions-inline {
@include replace-text-with-dimensions("4x6.png", $inline: true);
}
.with-position {
@include replace-text("4x6.png", 10px, top);
}
.with-arbitrary-url {
@include replace-text(url(http://google.com/logo.gif), 10px, top);
}
.with-inline-url {
@include replace-text(inline-image("4x6.png"), 10px, top);
}
.with-image-url {
@include replace-text(image-url("4x6.png"), 10px, top);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/reset.sass
================================================
@import compass/reset
// Turn off the display for both of these classes
.unregistered-only, .registered-only
display: none
// Now turn only one of them back on depending on some other context.
body.registered
+reset-display(unquote(".registered-only"))
body.unregistered
+reset-display(unquote(".unregistered-only"))
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/selection.scss
================================================
$contrasted-dark-default: black;
$contrasted-light-default: white;
@import "compass/css3/selection";
* {
@include selection {
background-color: #fe57a1;
color: #fff;
}
}
.hot-pink {
@include selection {
background-color: #fe57a1;
color: #fff;
}
}
.hot-pink-with-arguments {
@include selection(#fe57a1, white);
}
.hot-pink-with-arguments-and-extra-stuff {
@include selection(#fe57a1, white) {
text-decoration: line-through;
}
}
.hot-pink-with-default-foreground {
@include selection(#fe57a1);
}
.browser-support-is-considered {
@include selection(#fe57a1) {
prefix: $current-prefix;
-moz-prefix: $current-prefix == -moz;
-ms-prefix: $current-prefix == -ms;
-webkit-prefix: $current-prefix == -webkit;
}
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/sprites_with_explicit_separator.scss
================================================
$flag_states-sprite-dimensions: true;
$flag_states-class-separator: "_";
@import "flag_states/*.png";
@include all-flag_states-sprites;
.sprite-file {
location: image-url(sprite_file($flag-states-sprites, foo));
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/stretching.sass
================================================
@import "compass/layout/stretching"
.stretched-completely
+stretch
.stretched-horizontally
+stretch-x
.stretched-right
+stretch-x(0, 50%)
.left-pane
+stretch(0, 50%, 0, 0)
.stretched-left
+stretch-x(50%, 0)
.right-pane
+stretch(0, 0, 0, 50%)
.stretched-down
+stretch-y(0, 50%)
.top-pane
+stretch(0, 0, 50%, 0)
.stretched-up
+stretch-y(50%, 0)
.bottom-pane
+stretch(50%, 0, 0, 0)
.viewport
+stretch(10px, 20px, 30px, 40px)
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/support.scss
================================================
@import "compass/css3/animation";
@import "compass/css3/opacity";
@import "true";
$some-default-value: some default value;
@function has-default-arglist($arglist...) {
@return set-arglist-default($arglist, $some-default-value);
}
@mixin with-declared-support($browsers) {
$old-browsers: $supported-browsers;
$supported-browsers: $browsers !global;
@content;
$supported-browsers: $old-browsers !global;
}
@mixin with-declared-minimums($supported-browsers) {
$old-mins: $browser-minimum-versions;
$browser-minimum-versions: $supported-browsers !global;
@content;
$browser-minimum-versions: $old-mins !global;
}
@include test-module('Compass Support') {
@include test('[function] set-arglist-default() with no arguments') {
@include assert-true(
has-default-arglist() == $some-default-value,
'No arguments should get a default value.');
}
@include test('[function] set-arglist-default() with a "default" argument') {
@include assert-true(
nth(has-default-arglist(default), 1) == $some-default-value,
'an argument of "default" should get a default value.');
}
@include test('[function] set-arglist-default() with a "default" argument and another argument') {
@include assert-true(
has-default-arglist(default, some other value) == ($some-default-value, some other value),
'an argument of "default" should get a default value.');
}
@include test('[function] set-arglist-default() with a "default" argument not first and another argument') {
@include assert-true(
has-default-arglist(some other value, default) == (some other value, $some-default-value),
'an argument of "default" should get a default value.');
}
@include test('[function] support-legacy-browser() from threshold') {
@include assert-true(support-legacy-browser('ie', '6', $threshold: 0.00000001),
"should be supported because of user support threshold.");
@include assert-false(support-legacy-browser('ie', '6', $threshold: 10.000),
"should not be supported because of support threshold.");
}
@include test('[function] support-legacy-browser() from minimums') {
@include with-declared-minimums(('ie': '7')) {
@include assert-true(support-legacy-browser('ie', '7', $threshold: 10.00),
"should be supported because of minimum version.");
@include assert-false(support-legacy-browser('ie', '6', $threshold: 10.000),
"should not be supported because of minimum version.");
}
}
@include test('[function] browser-out-of-scope() with no scope') {
@include assert-true(not browser-out-of-scope('ie'), "should be in scope.");
@include assert-true(not browser-out-of-scope('chrome'), "should be in scope.");
}
@include test('prefix context tracking') {
$outer-prefix-invoked: false;
$inner-prefix-invoked: false;
$mismatched-prefix-invoked: false;
@include with-prefix(-webkit) {
$outer-prefix-invoked: true;
@include assert-equal(-webkit, $current-prefix, "should be equal.");
@include assert-equal(-webkit, $prefix-context, "should be equal.");
@include with-prefix(null) {
$inner-prefix-invoked: true;
@include assert-equal(null, $current-prefix, "should be equal.");
@include assert-equal(-webkit, $prefix-context, "should be equal.");
}
@include with-prefix(-ms) {
$mismatched-prefix-invoked: true;
}
}
@include assert-true($inner-prefix-invoked, "should have been invoked");
@include assert-true($outer-prefix-invoked, "should have been invoked");
@include assert-false($mismatched-prefix-invoked, "should not have been invoked");
@include assert-equal(null, $prefix-context, "should be null");
@include assert-equal(null, $current-prefix, "should be null");
}
@include test('[function] browser-out-of-scope() with a scope') {
@include with-prefix(browser-prefix('chrome')) {
@include assert-true(not browser-out-of-scope('chrome'), "should be in scope.");
@include assert-false(not browser-out-of-scope('ie'), "should not be in scope.");
}
}
@include test('[function] browser-out-of-scope() with version') {
@include with-browser-ranges((ie: '8' '8')) {
@include assert-false(not browser-out-of-scope('ie', '10'), "should not be in scope.");
@include assert-true(not browser-out-of-scope('ie', '8'), "should be in scope.");
@include assert-false(not browser-out-of-scope('ie', '7'), "should not be in scope.");
}
}
@include test('[mixin] with-prefix()') {
@include assert-true($current-prefix == null, "should be null.");
@include with-prefix(-webkit) {
@include assert-true($current-prefix == -webkit, "should be set.");
$called: false;
@include with-prefix(-webkit) {
$called: true;
}
@include assert-true($called, "should be called.");
$called: false;
@include with-prefix(-ms) {
$called: true;
}
@include assert-false($called, "should not be called.");
}
}
@include test('[mixin] with-each-prefix()') {
$prefixes: ();
@include with-each-prefix(css-regions, 0.0001) {
$prefixes: append($prefixes, $current-prefix);
}
@include assert-equal((-ms -webkit null), $prefixes, "Not equal");
}
@include test('[mixin] with-each-prefix() respects $supported-browsers') {
@include with-declared-support("ie") {
$prefixes: ();
@include with-each-prefix(css-regions, 0.0001) {
$prefixes: append($prefixes, $current-prefix);
}
@include assert-equal((-ms null), $prefixes, "Not equal");
}
}
@include test('[mixin] with-each-prefix() respects $current-prefix') {
$contexts: ();
$prefixes: ();
@include with-prefix(-webkit) {
$prefixes: append($prefixes, $current-prefix);
$contexts: append($contexts, $prefix-context);
@include with-each-prefix(css-regions, 0.0001) {
$prefixes: append($prefixes, $current-prefix);
$contexts: append($contexts, $prefix-context);
}
}
@include assert-true(index($prefixes, null), "Must have a null");
@include assert-equal((-webkit -webkit null), $prefixes, "Not equal");
@include assert-equal((-webkit -webkit -webkit), $contexts, "Not equal");
}
@include test('[fuction] has-browser-subset()') {
@include assert-true(has-browser-subset((firefox: "16" "25"), (firefox: "2" "25")), "Should detect version overlap");
@include assert-true(not has-browser-subset((firefox: "16" "25"), (firefox: "2" "15")), "Should not detect version overlap");
@include assert-true(not has-browser-subset((firefox: "2" "15"), (firefox: "16" "25")), "Should not detect version overlap");
@include assert-true(has-browser-subset((firefox: "16" "24"), (firefox: "2" "25")), "Should detect version overlap");
@include assert-true(has-browser-subset((firefox: "2" "25"), (firefox: "16" "24")), "Should detect version overlap");
}
}
@include with-browser-support-debugging {
@include keyframes(foo) {
0% { @include opacity(0); }
100% { @include opacity(1); }
}
.foo {
@include animation(foo 1s);
}
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/text_shadow.scss
================================================
$default-text-shadow-color: #aaaaaa;
@import "compass/css3/text-shadow";
.default-single-text-shadow { @include single-text-shadow;}
.none { @include single-text-shadow(none);}
.color-only { @include single-text-shadow(#cccccc);}
.color-first-with-params { @include single-text-shadow(#cccccc, 2px, 2px, 5px, 2px);}
.color-last-with-params { @include single-text-shadow(2px, 2px, 5px, 2px, #cccccc);}
.default-text-shadow { @include text-shadow;}
.multiple-text-shadows-with-default { @include text-shadow(default, 2px 2px 5px #222222);}
.multiple-text-shadows { @include text-shadow(4px 4px 10px #444444, 2px 2px 5px #222222);}
.multiple-text-shadows-with-spread { @include text-shadow(4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222);}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/transform.scss
================================================
@import "compass/css3/transform";
.apply-origin-2d { @include apply-origin(2px 5%, false); }
.apply-origin-3d { @include apply-origin(2px 5% 2in, true); }
.transform-origin-2d { @include transform-origin(100px, 100px); }
.transform-origin-3d { @include transform-origin(100px, 100px, 100px); }
.transform-2d { @include transform2d(rotateY(20deg)); }
.transform-3d { @include transform3d(rotateZ(20deg)); }
.perspective { @include perspective(500); }
.perspective-origin { @include perspective-origin(25% 25%)}
.transform-style { @include transform-style; }
.backface-visibility { @include backface-visibility;}
.scale { @include scale(30px, 50px);}
.scale-3d { @include scale(30px, 50px, false, true);}
.scale-with-perspective { @include scale(30px, 50px, 500);}
.scale-3d-with-perspective { @include scale(30px, 50px, 500, true);}
.scale-x { @include scaleX(30px);}
.scale-x-3d { @include scaleX(30px, false, true);}
.scale-x-with-perspective { @include scaleX(30px, 500);}
.scale-x-3d-with-perspective { @include scaleX(30px, 500, true);}
.scale-y { @include scaleY(50px);}
.scale-y-3d { @include scaleY(50px, false, true);}
.scale-y-with-perspective { @include scaleY(50px, 500);}
.scale-y-3d-with-perspective { @include scaleY(50px, 500, true);}
.scale-z { @include scaleZ(50px);}
.scale-z-with-perspective { @include scaleZ(50px, 500);}
.scale3d { @include scale3d(30px, 50px, 100px);}
.scaled3-with-perspective { @include scale3d(30px, 50px, 100px, 500);}
.rotate { @include rotate(25deg, 500);}
.rotate-with-perspective { @include rotate(25deg, 500);}
.rotate-z { @include rotateZ(25deg);}
.rotate-z-with-perspective { @include rotateZ(25deg, 500);}
.rotate-x { @include rotateX(25deg);}
.rotate-x-with-perspective { @include rotateX(25deg, 500);}
.rotate-y { @include rotateY(25deg);}
.rotate-y-with-perspective { @include rotateY(25deg, 500);}
.rotate-3d { @include rotate3d(5, 2, 1, 75deg);}
.rotate-3d-with-perspective { @include rotate3d(5, 2, 1, 75deg, 500);}
.translate { @include translate(20px, 30%);}
.translate-with-perspective { @include translate(20px, 30%, 500);}
.translate-3d { @include translate(20px, 30%, false, true);}
.translate-3d-with-perspective { @include translate(20px, 30%, 500, true);}
.translate-x { @include translateX(30px);}
.translate-x-3d { @include translateX(30px, false, true);}
.translate-x-with-perspective { @include translateX(30px, 500);}
.translate-x-3d-with-perspective { @include translateX(30px, 500, true);}
.translate-y { @include translateY(30px);}
.translate-y-3d { @include translateY(30px, false, true);}
.translate-y-with-perspective { @include translateY(30px, 500);}
.translate-y-3d-with-perspective { @include translateY(30px, 500, true);}
.translate-z { @include translateZ(30px);}
.translate-z-with-perspective { @include translateZ(30px, 500);}
.translate-3d { @include translate3d(30px, 50px, 75px);}
.translate-3d-with-perspective { @include translate3d(30px, 50px, 75px, 500);}
.skew { @include skew(20deg, 50deg);}
.skew-3d { @include skew(20deg, 50deg, true);}
.skew-x { @include skewX(20deg);}
.skew-x-3d { @include skewX(20deg, true);}
.skew-y { @include skewY(20deg);}
.skew-y-3d { @include skewY(20deg, true);}
.create-transform-2d { @include create-transform(
500,
20px, 20px, false,
25deg, 25deg, false, false
50px, 50px, false,
50deg, 50deg,
50%, 50%, false
);
}
.create-transform-3d { @include create-transform(
500,
20px, 20px, 20px,
25deg, 25deg, 25deg, false
50px, 50px, 50px,
50deg, 50deg,
50%, 50%, 50%
);
}
.simple-transform { @include simple-transform(
25px,
25deg,
10px, 10px,
30deg, 30deg,
10%, 10%
);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/transition.scss
================================================
@import "compass/css3/transition";
.single-transition-without-delay { @include single-transition(all, 0.6s, ease-out); }
.single-transition-with-delay { @include single-transition(all, 0.6s, ease-out, 0.2s); }
.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }
.multiple-transition-durations { @include transition-duration(0.2s, 0.5s, 0.2s); }
.single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); }
.single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); }
.transform-transition { @include transition(transform 0.6s ease-out) }
.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }
.transition-property { @include transition-property(transform); }
.transition-properties { @include transition-property(transform, opacity, width, height, left, top); }
.multiple-transition-properties { @include transition-property((opacity, transform, left)); }
.default-transition { @include transition(); }
.transition-timing { @include transition-timing-function(ease-in); }
.transition-timings { @include transition-timing-function(ease-in, cubic-bezier(1,0,1,0)); }
.transition-timings-list { @include transition-timing-function((ease-in, cubic-bezier(1,0,1,0))); }
.transition-delay { @include transition-delay(1s); }
.transition-delays { @include transition-delay(1s, 2s, 3s); }
.transition-delays-list { @include transition-delay((1s, 2s, 3s)); }
.regression-912 { @include transition((background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s)); }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/typography/links/hover-link.scss
================================================
@import "compass/typography/links/hover-link";
a { @include hover-link; }
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/units.scss
================================================
$base-font-size: 16px;
@import "compass/typography/units";
.foo {
width: 600px;
height: 200px;
}
.foo .test {
/* 16px for margins should be 1em */
margin-top: convert-length(16px, em);
/* 16px for margins should be 2.66667% (relative to parent's width) */
margin-right: convert-length(16px, '%', $to-context: 600px);
/* 1.35em for margins should be 3.6% (relative to parent's width,
* even for top and bottom margins) */
margin-bottom: convert-length(1.35em, '%', $to-context: 600px);
/* 16px for margins should be 2ex */
margin-left: convert-length(16px, ex);
}
.bar {
font-size: 18px;
width: 360px;
}
.bar .test {
/* 150% for line-height should be 27px */
line-height: convert-length(150%, px, 18px);
/* 1px should always be .0625rem for this page */
border-top: convert-length(1px, rem);
/* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */
margin-top: convert-length(2em, mm, 18px);
/* 2px for margins should be .55556% (relative to parent's width) */
margin-right: convert-length(2px, '%', $to-context: 360px);
/* 1rem should always be 16px for this page, even when own font-size is 18px */
margin-bottom: convert-length(1rem, px);
}
.rem {
$val: 25rem, 100% 32px;
@include rem(background-size, $val, true);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/user-interface.scss
================================================
@import "compass/css3/user-interface";
.user-select {
@include user-select(none);
}
* {
@include input-placeholder {
color: #bfbfbf;
font-style: italic;
}
}
#{elements-of-type(text-input)} {
@include input-placeholder {
color: #bfbfbf;
font-style: italic;
}
}
.sets-up-browser-support-for-content {
@include input-placeholder {
prefix: $current-prefix;
-moz-prefix: $current-prefix == -moz;
-ms-prefix: $current-prefix == -ms;
-webkit-prefix: $current-prefix == -webkit;
}
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/utilities.scss
================================================
$contrasted-dark-default: black;
$contrasted-light-default: white;
@import "compass/utilities";
.clearfix {
@include clearfix;
}
.pie-clearfix {
@include legacy-pie-clearfix;
}
.simple-pie-clearfix {
@include pie-clearfix;
}
p.light { @include contrasted(#f3aead); }
p.dark { @include contrasted(#a22321); }
p.light-with-args { @include contrasted(#f3aead, blue, yellow); }
p.dark-with-args { @include contrasted(#a22321, blue, yellow); }
@include alternating-rows-and-columns(red, white, blue);
p.ellipsis {
@include ellipsis;
}
p.ellipsis.moz {
$legacy-support-for-mozilla: true !global;
$use-mozilla-ellipsis-binding: true !global;
@include ellipsis;
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss
================================================
// Test all functions and mixins, at least indirectly.
// functions:
// * rhythm
// * lines-for-font-size
//
// mixins:
// * establish-baseline
// * output-rhythm
// * debug-vertical-alignment
// * adjust-font-size-to
// * adjust-leading-to
// * leader
// * margin-leader
// * padding-leader
// * trailer
// * margin-trailer
// * padding-trailer
// * rhythm
// * rhythm-margins
// * rhythm-padding
// * apply-side-rhythm-border
// * leading-border
// * trailing-border
// * rhythm-borders
// * horizontal-borders (h-borders)
//
// deprecated mixins:
// * reset-baseline
$base-font-size: 14px;
$base-line-height: 16px;
@import "compass/typography/vertical_rhythm";
@include establish-baseline;
.small {
@include adjust-font-size-to(12px, 1);
}
.padded {
@include rhythm(1, 1, 1, 1);
}
.small-padded {
@include adjust-font-size-to(12px, 1);
@include rhythm(1, 1, 1, 1, 12px);
}
.borders {
@include h-borders(1px, 1);
}
.large-borders {
@include adjust-font-size-to(24px, 3);
@include h-borders(6px, 1, 24px);
}
.reset {
@include reset-baseline;
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_ems.scss
================================================
/* New test using em output */
$base-font-size: 18px;
$base-line-height: $base-font-size * 1.4;
$rhythm-unit: em;
$default-rhythm-border-style: solid #aaaaaa;
@import "compass/typography/vertical_rhythm";
@include establish-baseline;
.container {
@include debug-vertical-alignment;
}
p {
@include margin-leader;
@include margin-trailer;
}
th,
td {
@include rhythm-padding(.25);
}
// Incremental leading made easy!
.caption {
@include adjust-font-size-to(13px, 4/5);
}
.spaced-out {
@include adjust-leading-to(1.5);
}
blockquote {
@include rhythm-margins;
padding: 0 rhythm();
}
.fig-quote {
> blockquote {
@include trailer(.5);
}
.source {
@include adjust-font-size-to(13px, auto);
@include trailer(.5, 13px);
}
}
.panel {
@include adjust-font-size-to(16px);
@include rhythm-borders($font-size: 16px);
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_px.scss
================================================
/* New using px output */
$base-font-size: 18px;
$base-line-height: $base-font-size * 1.4;
$rhythm-unit: px;
$default-rhythm-border-style: solid #aaaaaa;
@import "compass/typography/vertical_rhythm";
@include establish-baseline;
.container {
@include debug-vertical-alignment;
}
p {
@include margin-leader;
@include margin-trailer;
}
th,
td {
@include rhythm-padding(.25);
}
/* Incremental leading made easy! */
.caption {
@include adjust-font-size-to(.85rem, 4/5);
}
.spaced-out {
@include adjust-leading-to(1.5);
}
blockquote {
@include rhythm-margins;
padding: 0 rhythm();
}
.fig-quote {
> blockquote {
@include trailer(.5);
}
.source {
@include adjust-font-size-to(.85rem, auto);
@include trailer(.5);
}
}
.panel {
@include rhythm-borders;
}
================================================
FILE: cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_rems.scss
================================================
/* New using rem output with pixel fallbacks */
$base-font-size: 18px;
$base-line-height: $base-font-size * 1.4;
$rhythm-unit: rem;
$default-rhythm-border-style: solid #aaaaaa;
@import "compass/typography/vertical_rhythm";
@include establish-baseline;
.container {
@include debug-vertical-alignment;
}
p {
@include margin-leader;
@include margin-trailer;
}
th,
td {
@include rhythm-padding(.25);
}
/* Incremental leading made easy! */
.caption {
@include adjust-font-size-to(.85rem, 4/5);
}
.spaced-out {
@include adjust-leading-to(1.5);
}
blockquote {
@include rhythm-margins;
padding: 0 rhythm();
}
.fig-quote {
> blockquote {
@include trailer(.5);
}
.source {
@include adjust-font-size-to(.85rem, auto);
@include trailer(.5);
}
}
.panel {
@include rhythm-borders;
}
================================================
FILE: cli/test/fixtures/stylesheets/envtest/config.rb
================================================
# Require any additional compass plugins here.
project_type = :stand_alone
css_dir = "tmp"
sass_dir = "sass"
images_dir = "images"
output_style = :nested
line_comments = false
disable_warnings = true
================================================
FILE: cli/test/fixtures/stylesheets/envtest/css/env.css
================================================
.env {
env: <%= options[:environment] %>; }
.time {
time: <%= Time.now.strftime("%F") %>; }
.date {
date: <%= Time.now.strftime("%F") %>; }
.filename {
file: env.scss; }
.output {
output: env.css; }
================================================
FILE: cli/test/fixtures/stylesheets/envtest/sass/env.scss
================================================
.env {
env: compass-env();
}
.time {
time: current-time("%F");
}
.date {
date: current-date("%F");
}
.filename {
file: current-source-file();
}
.output {
output: current-output-file();
}
================================================
FILE: cli/test/fixtures/stylesheets/error/config.rb
================================================
# Require any additional compass plugins here.
css_dir = "tmp"
sass_dir = "sass"
images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
# Set this to the root of your project when deployed:
http_path = "/"
# To enable relative paths to assets via compass helper functions. Uncomment:
output_style = :compact
relative_assets = true
================================================
FILE: cli/test/fixtures/stylesheets/error/sass/screen.sass
================================================
test
background: image_url("testing.png)
================================================
FILE: cli/test/fixtures/stylesheets/image_urls/config.rb
================================================
# Require any additional compass plugins here.
project_type = :stand_alone
css_dir = "tmp"
sass_dir = "sass"
images_dir = "images"
output_style = :compact
# To enable relative image paths using the images_url() function:
# http_images_path = :relative
http_images_path = "/images"
line_comments = false
asset_cache_buster do |path, file|
"busted=true"
end
asset_host do |path|
"http://assets%d.example.com" % (path.size % 4)
end
================================================
FILE: cli/test/fixtures/stylesheets/image_urls/css/screen.css
================================================
.showgrid { background-image: url('http://assets0.example.com/images/grid.png?busted=true'); }
.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }
.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }
================================================
FILE: cli/test/fixtures/stylesheets/image_urls/sass/screen.sass
================================================
.showgrid
background-image: image-url(unquote("grid.png"))
.inlinegrid
background-image: inline-image(unquote("grid.png"))
.no-buster
background-image: image-url("grid.png", $only-path: false, $cache-buster: false)
================================================
FILE: cli/test/fixtures/stylesheets/relative/config.rb
================================================
# Require any additional compass plugins here.
css_dir = "tmp"
sass_dir = "sass"
images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
# Set this to the root of your project when deployed:
http_path = "/"
# To enable relative paths to assets via compass helper functions. Uncomment:
output_style = :compact
relative_assets = true
================================================
FILE: cli/test/fixtures/stylesheets/relative/css/ie.css
================================================
/* Welcome to Compass. Use this file to write IE specific override styles. Import this file using the following HTML or equivalent: */
================================================
FILE: cli/test/fixtures/stylesheets/relative/css/print.css
================================================
/* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: */
================================================
FILE: cli/test/fixtures/stylesheets/relative/css/screen.css
================================================
test { background: url('../assets/images/testing.png?<%= File.mtime(File.join(Compass.configuration.project_path, 'assets', 'images', 'testing.png')).strftime("%s") %>'); }
================================================
FILE: cli/test/fixtures/stylesheets/relative/sass/ie.sass
================================================
/* Welcome to Compass. Use this file to write IE specific override styles.
Import this file using the following HTML or equivalent:
================================================
FILE: cli/test/fixtures/stylesheets/relative/sass/print.sass
================================================
/* Welcome to Compass. Use this file to define print styles.
Import this file using the following HTML or equivalent:
================================================
FILE: cli/test/fixtures/stylesheets/relative/sass/screen.sass
================================================
test
background: image_url(unquote("testing.png"))
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/config.rb
================================================
# Require any additional compass plugins here.
css_dir = "tmp"
sass_dir = "sass"
images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
# Set this to the root of your project when deployed:
http_path = "/"
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
sourcemap = true
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/css/another_simple.css
================================================
.another-simple-class{color:blue}
/*# sourceMappingURL=another_simple.css.map */
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/css/simple.css
================================================
div{color:red}
/*# sourceMappingURL=simple.css.map */
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/css/with_libraries.css
================================================
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/*# sourceMappingURL=with_libraries.css.map */
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/sass/another_simple.scss
================================================
.another-simple-class {
color: blue;
}
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/sass/simple.sass
================================================
div
color: red
================================================
FILE: cli/test/fixtures/stylesheets/sourcemaps/sass/with_libraries.scss
================================================
@import "compass/css3/box-sizing";
* {
@include box-sizing;
}
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/config.rb
================================================
# Require any additional compass plugins here.
load '../../extensions/only_stylesheets/'
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/ie.scss
================================================
/* Welcome to Compass. Use this file to write IE specific override styles.
* Import this file using the following HTML or equivalent:
* */
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/print.scss
================================================
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/screen.scss
================================================
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
@import "compass/reset";
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/ie.css
================================================
/* Welcome to Compass. Use this file to write IE specific override styles.
* Import this file using the following HTML or equivalent:
* */
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/print.css
================================================
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
================================================
FILE: cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/screen.css
================================================
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/* line 17, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* line 20, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
line-height: 1;
}
/* line 22, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none;
}
/* line 24, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 26, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
/* line 28, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none;
}
/* line 101, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
/* line 30, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}
/* line 114, ../../../../../../../.rbenv/versions/1.9.2-p290/lib/ruby/gems/1.9.1/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
================================================
FILE: cli/test/fixtures/stylesheets/valid/config.rb
================================================
# Require any additional compass plugins here.
css_dir = "tmp"
sass_dir = "sass"
images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
# Set this to the root of your project when deployed:
http_path = "/"
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
================================================
FILE: cli/test/fixtures/stylesheets/valid/sass/another_simple.scss
================================================
.another-simple-class {
color: blue;
}
================================================
FILE: cli/test/fixtures/stylesheets/valid/sass/simple.sass
================================================
div
color: red
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/config.rb
================================================
require 'sass-globbing'
require 'compass/import-once/activate'
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "tmp"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
output_style = :expanded
# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = true
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/css/screen.css
================================================
/* line 1, ../sass/partials/_1.scss */
.one {
value: 1;
}
/* line 1, ../sass/partials/_2.scss */
.two {
value: 2;
}
/* line 1, ../sass/partials/_3.scss */
.three {
value: 3;
}
/* line 3, ../sass/screen.scss */
.something {
awww: yeah;
}
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_1.scss
================================================
.one {
value: 1;
}
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_2.scss
================================================
.two {
value: 2;
}
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_3.scss
================================================
.three {
value: 3;
}
================================================
FILE: cli/test/fixtures/stylesheets/with_sass_globbing/sass/screen.scss
================================================
@import "partials/*";
.something { awww: yeah; }
================================================
FILE: cli/test/helpers/command_line.rb
================================================
require 'timeout'
module Compass::CommandLineHelper
def compass(*arguments)
options = arguments.last.is_a?(Hash) ? arguments.pop : {}
options[:wait] = 0.25
if block_given?
responder = Responder.new
yield responder
IO.popen("-", "r+") do |io|
if io
#parent process
output = ""
eof_at = nil
while !eof_at || (Time.now - eof_at < options[:wait])
if io.eof?
eof_at ||= Time.now
sleep 0.1
else
eof_at = nil
timeout(1) do
partial_output = io.readpartial(1024)
# puts "))))#{partial_output}((((("
output << partial_output
end
prompt = output.split("\n").last.strip
if response = responder.response_for(prompt)
io.puts response
io.flush
end
end
end
responder.assert_required_responses!
@last_result = decolorize(output)
else
#child process
execute *arguments
end
end
else
@last_error = capture_warning do
@last_result = decolorize(capture_output do
@last_exit_code = execute *arguments
end)
end
end
rescue Timeout::Error
fail "Read from child process timed out"
end
def decolorize(str)
str.gsub(/\e\[\d+m/,'')
end
class Responder
Response = Struct.new(:prompt, :text, :required, :responded)
def initialize
@responses = []
end
def respond_to(prompt, options = {})
@responses << Response.new(prompt, options[:with], options[:required])
end
def response_for(prompt)
response = @responses.detect do |r|
case r.prompt
when Regexp
prompt =~ r.prompt
when String
r.prompt == prompt
end
end
if response
response.responded = true
response.text
end
end
def assert_required_responses!
@responses.each do |response|
if response.required && !response.responded
raise "Prompt not encountered: \"#{response.prompt}\""
end
end
end
end
def assert_action_performed(action, path)
actions_found = []
@last_result.split("\n").each do |line|
line = line.split
return if line.first == action.to_s && line.last == path
actions_found << line.first if line.last == path
end
message = "Action #{action.inspect} was not performed on: #{path}."
message += "The following actions were performed: #{actions_found.map{|a|a.inspect}.join(", ")}" if actions_found.any?
# puts @last_result
fail message
end
def within_tmp_directory(dir = "tmp")
d = absolutize(dir)
FileUtils.mkdir_p(d)
Dir.chdir(d) do
yield
end
ensure
FileUtils.rm_rf(d)
end
def execute(*arguments)
exit_code = Compass::Exec::SubCommandUI.new(arguments).run!
# fail "Command Failed with exit code: #{exit_code}" unless exit_code == 0
exit_code
end
end
================================================
FILE: cli/test/helpers/diff.rb
================================================
require 'diff/lcs'
require 'diff/lcs/hunk'
module Compass
module Diff
#stole this from rspec who stole this from the gem
def diff_as_string(data_old, data_new)
data_old = data_old.split(/\n/).map! { |e| e.chomp }
data_new = data_new.split(/\n/).map! { |e| e.chomp }
output = ""
diffs = ::Diff::LCS.diff(data_old, data_new)
return output if diffs.empty?
oldhunk = hunk = nil
file_length_difference = 0
diffs.each do |piece|
begin
hunk = ::Diff::LCS::Hunk.new(
data_old, data_new, piece, context_lines, file_length_difference
)
file_length_difference = hunk.file_length_difference
next unless oldhunk
# Hunks may overlap, which is why we need to be careful when our
# diff includes lines of context. Otherwise, we might print
# redundant lines.
if (context_lines > 0) and hunk.overlaps?(oldhunk)
hunk.unshift(oldhunk)
else
output << oldhunk.diff(format)
end
ensure
oldhunk = hunk
output << "\n"
end
end
#Handle the last remaining hunk
output << oldhunk.diff(format) << "\n"
end
protected
def format
:unified
end
def context_lines
3
end
end
end
================================================
FILE: cli/test/helpers/io.rb
================================================
module Compass
module IoHelper
def capture_output
real_stdout, $stdout = $stdout, StringIO.new
yield
$stdout.string
ensure
$stdout = real_stdout
end
def capture_warning
real_stderr, $stderr = $stderr, StringIO.new
yield
$stderr.string
ensure
$stderr = real_stderr
end
def capture_pipe(io, options = {})
options[:wait] = 0.25
options[:timeout] = 1.0
output = ""
eof_at = nil
while !eof_at || (Time.now - eof_at < options[:wait])
if io.eof?
eof_at ||= Time.now
sleep 0.1
else
eof_at = nil
timeout(options[:timeout]) { output << io.readpartial(1024) }
end
end
output
end
end
end
================================================
FILE: cli/test/helpers/rails.rb
================================================
module Compass
module RailsHelper
def generate_rails_app_directories(name)
Dir.mkdir name
Dir.mkdir File.join(name, "config")
Dir.mkdir File.join(name, "config", "initializers")
Dir.mkdir File.join(name, "tmp")
end
# Generate a rails application without polluting our current set of requires
# with the rails libraries. This will allow testing against multiple versions of rails
# by manipulating the load path.
def generate_rails_app(name, dir = nil)
if pid = fork
Process.wait(pid)
if $?.exitstatus == 2
raise LoadError, "Couldn't load rails"
elsif $?.exitstatus != 0
raise "Failed to generate rails application."
end
else
begin
require 'action_pack/version'
if ActionPack::VERSION::MAJOR >= 3
require 'rails/generators'
require 'rails/generators/rails/app/app_generator'
require 'mocha'
dir ||= File.join(File.expand_path('../../', __FILE__))
args = [File.join(dir, name), '-q', '-f', '--skip-bundle', '--skip-gemfile']
#stub this so you can generate more apps
Rails::Generators::AppGenerator.any_instance.stubs(:valid_const?).returns(true)
Rails::Generators::AppGenerator.start(args, {:destination_root => dir})
else
require 'rails/version'
require 'rails_generator'
require 'rails_generator/scripts/generate'
Rails::Generator::Base.use_application_sources!
capture_output do
Rails::Generator::Base.logger = Rails::Generator::SimpleLogger.new $stdout
Rails::Generator::Scripts::Generate.new.run([name], :generator => 'app')
end
end
rescue LoadError
Kernel.exit!(2)
rescue => e
$stderr.puts e
Kernel.exit!(1)
end
Kernel.exit!(0)
end
end
end
end
================================================
FILE: cli/test/helpers/test_case.rb
================================================
module Compass
module TestCaseHelper
def absolutize(path)
if Compass::Util.blank?(path)
File.expand_path('../../', __FILE__)
elsif path[0] == ?/
File.join(File.expand_path('../', __FILE__), path)
else
File.join(File.expand_path('../../', __FILE__), path)
end
end
# compile a Sass string in the context of a project in the current working directory.
def compile_for_project(contents, options = {})
Compass.add_project_configuration
options[:syntax] ||= :scss
Sass::Engine.new(contents, Compass.configuration.to_sass_engine_options.merge(options)).render
end
def assert_correct(before, after)
if before == after
assert(true)
else
assert false, diff_as_string(before.inspect, after.inspect)
end
end
module ClassMethods
def let(method, &block)
define_method method, &block
end
def it(name, &block)
test(name, &block)
end
def test(name, &block)
define_method "test_#{underscore(name)}".to_sym, &block
end
def setup(&block)
define_method :setup do
yield
end
end
def after(&block)
define_method :teardown do
yield
end
end
private
def underscore(string)
string.gsub(' ', '_')
end
end
end
end
================================================
FILE: cli/test/integrations/compass_test.rb
================================================
require 'test_helper'
require 'fileutils'
require 'compass'
require 'compass/logger'
require 'sass/plugin'
class CompassTest < Test::Unit::TestCase
def setup
Compass.reset_configuration!
end
def teardown
Dir.glob(absolutize("fixtures/stylesheets/*")).each do |dir|
project_name = File.basename(dir)
::FileUtils.rm_rf tempfile_path(project_name)
::FileUtils.rm_rf File.join(project_path(project_name), ".sass-cache")
end
end
def test_on_stylesheet_saved_callback
saved = false
path = nil
config = nil
before_compile = Proc.new do |config|
config.on_stylesheet_saved {|filepath| path = filepath; saved = true }
end
within_project(:compass, before_compile)
assert saved, "Stylesheet callback didn't get called"
assert path.is_a?(String), "Path is not a string. Got: #{path.class.name}"
end
# no project with errors exists to test aginst - leep of FAITH!
# *chriseppstein flogs himself*
def test_on_stylesheet_error_callback
error = false
file = nil
before_compile = Proc.new do |config|
config.on_stylesheet_error {|filename, message| file = filename; error = true }
end
within_project(:error, before_compile) rescue nil
assert error, "Project did not throw a compile error"
assert file.is_a?(String), "Filename was not a string"
end
def test_empty_project
# With no sass files, we should have no css files.
within_project(:empty) do |proj|
return unless proj.css_path && File.exists?(proj.css_path)
Dir.new(proj.css_path).each do |f|
fail "This file should not have been generated: #{f}" unless f == "." || f == ".."
end
end
end
def test_compass
within_project('compass') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'compass'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file, :ignore_charset => true
end
end
end
def test_sourcemaps
within_project('sourcemaps') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'sourcemaps'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file, :ignore_charset => true
end
end
end
def test_env_in_development
within_project('envtest', lambda {|c| c.environment = :development }) do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'envtest'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file, :ignore_charset => true, :environment => "development"
end
end
end
def test_env_in_production
within_project('envtest', lambda {|c| c.environment = :production }) do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'envtest'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file, :ignore_charset => true, :environment => "production"
end
end
end
def test_busted_font_urls
within_project('busted_font_urls') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'busted_font_urls'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file
end
end
end
def test_busted_image_urls
within_project('busted_image_urls') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'busted_image_urls'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file
end
end
end
def test_with_sass_globbing
within_project('with_sass_globbing') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'with_sass_globbing'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file
end
end
end
def test_image_urls
within_project('image_urls') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'image_urls'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file
end
end
end
def test_relative
within_project('relative') do |proj|
each_css_file(proj.css_path) do |css_file|
assert_no_errors css_file, 'relative'
end
each_sass_file do |sass_file|
assert_renders_correctly sass_file
end
end
end
private
def assert_no_errors(css_file, project_name)
file = css_file[(tempfile_path(project_name).size+1)..-1]
msg = "Syntax Error found in #{file}. Results saved into #{save_path(project_name)}/#{file}"
assert_equal 0, open(css_file).readlines.grep(/Sass::SyntaxError/).size, msg
end
def assert_renders_correctly(*arguments)
options = arguments.last.is_a?(Hash) ? arguments.pop : {}
for name in arguments
@output_file = actual_result_file = "#{tempfile_path(@current_project)}/#{name}.css"
expected_result_file = "#{result_path(@current_project)}/#{name}.css"
@filename = expected_result_file.gsub('css', 'scss')
actual_lines = File.read(actual_result_file)
actual_lines.gsub!(/^@charset[^;]+;/,'') if options[:ignore_charset]
actual_lines = actual_lines.split("\n").reject{|l| l=~/\A\Z/}
expected_lines = ERB.new(File.read(expected_result_file)).result(binding)
expected_lines.gsub!(/^@charset[^;]+;/,'') if options[:ignore_charset]
expected_lines = expected_lines.split("\n").reject{|l| l=~/\A\Z/}
expected_lines.zip(actual_lines).each_with_index do |pair, line|
if pair.first == pair.last
assert(true)
else
assert false, "Error in #{result_path(@current_project)}/#{name}.css:#{line + 1}\n"+diff_as_string(pair.first.inspect, pair.last.inspect)
end
end
if expected_lines.size < actual_lines.size
assert(false, "#{actual_lines.size - expected_lines.size} Trailing lines found in #{actual_result_file}: #{actual_lines[expected_lines.size..-1].join('\n')}")
end
end
end
def within_project(project_name, config_block = nil)
@current_project = project_name
Compass.add_configuration(configuration_file(project_name)) if File.exists?(configuration_file(project_name))
Compass.configuration.project_path = project_path(project_name)
Compass.configuration.environment = :production
Compass.configuration.sourcemap = false unless Compass.configuration.sourcemap_set?
if config_block
config_block.call(Compass.configuration)
end
if Compass.configuration.sass_path && File.exists?(Compass.configuration.sass_path)
compiler = Compass.sass_compiler
compiler.logger = Compass::NullLogger.new
compiler.clean!
compiler.compile!
end
yield Compass.configuration if block_given?
rescue
save_output(project_name)
raise
end
def each_css_file(dir, &block)
Dir.glob("#{dir}/**/*.css").each(&block)
end
def each_sass_file(sass_dir = nil)
sass_dir ||= template_path(@current_project)
Dir.glob("#{sass_dir}/**/*.s[ac]ss").each do |sass_file|
next if File.basename(sass_file).start_with?("_")
yield sass_file[(sass_dir.length+1)..-6]
end
end
def save_output(dir)
FileUtils.rm_rf(save_path(dir))
FileUtils.cp_r(tempfile_path(dir), save_path(dir)) if File.exists?(tempfile_path(dir))
end
def project_path(project_name)
absolutize("fixtures/stylesheets/#{project_name}")
end
def configuration_file(project_name)
File.join(project_path(project_name), "config.rb")
end
def tempfile_path(project_name)
File.join(project_path(project_name), "tmp")
end
def template_path(project_name)
File.join(project_path(project_name), "sass")
end
def result_path(project_name)
File.join(project_path(project_name), "css")
end
def save_path(project_name)
File.join(project_path(project_name), "saved")
end
def filename
@filename
end
def output_file
@output_file
end
end
================================================
FILE: cli/test/integrations/sprites_test.rb
================================================
require 'test_helper'
require 'fileutils'
require 'compass'
require 'compass/logger'
require 'sass/plugin'
class SpritesTest < Test::Unit::TestCase
def setup
Compass.reset_configuration!
@images_project_path = File.expand_path(File.join(File.dirname(__FILE__), '..', 'fixtures', 'sprites', 'public'))
@images_src_dir = 'images'
@images_src_path = File.join(@images_project_path, @images_src_dir)
@images_tmp_dir = 'images-tmp'
@images_tmp_path = File.join(@images_project_path, @images_tmp_dir)
@generated_images_tmp_dir = 'generated-images-tmp'
@generated_images_tmp_path = File.join(@images_project_path, @generated_images_tmp_dir)
::FileUtils.cp_r @images_src_path, @images_tmp_path
::FileUtils.mkdir_p @generated_images_tmp_path
file = StringIO.new(<<-CONFIG)
project_path = "#{@images_project_path}"
images_dir = "#{@images_tmp_dir}"
CONFIG
Compass.add_configuration(file, "sprite_config")
Compass.configure_sass_plugin!
end
def teardown
Compass.reset_configuration!
::FileUtils.rm_r @images_tmp_path
::FileUtils.rm_rf @generated_images_tmp_path
end
def map_location(file)
map_files(file).first
end
def map_files(glob)
Dir.glob(File.join(@images_tmp_path, glob))
end
def image_size(file)
Compass::Core::SassExtensions::Functions::ImageSize::ImageProperties.new(map_location(file)).size
end
def image_md5(file)
md5 = Digest::MD5.new
md5.update IO.read(map_location(file))
md5.hexdigest
end
def render(scss)
options = Compass.sass_engine_options
options[:line_comments] = false
options[:style] = :expanded
options[:syntax] = :scss
options[:compass] ||= {}
options[:compass][:logger] ||= Compass::NullLogger.new
css = Sass::Engine.new(scss, options).render
# reformat to fit result of heredoc:
" #{css.gsub('@charset "UTF-8";', '').gsub(/\n/, "\n ").strip}\n"
end
def clean(string)
string.gsub("\n", '').gsub(' ', '')
end
it "should generate sprite classes" do
css = render <<-SCSS
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -10px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
assert_equal image_md5('squares-s*.png'), '7349a0f4e88ea80abddcf6ac2486abe3'
end
it "should output and serve sprite files using the generated images directory" do
Compass.reset_configuration!
file = StringIO.new(<<-CONFIG)
images_path = #{@images_tmp_path.inspect}
generated_images_path = #{@generated_images_tmp_path.inspect}
http_generated_images_path = "/images/generated"
CONFIG
Compass.add_configuration(file, "sprite_config")
Compass.configure_sass_plugin!
css = render <<-SCSS
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_not_nil Dir.glob("#{@generated_images_tmp_path}/squares-s*.png").first
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images/generated/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -10px;
}
CSS
end
it "should generate sprite classes with dimensions" do
css = render <<-SCSS
$squares-sprite-dimensions: true;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
height: 10px;
width: 10px;
}
.squares-twenty-by-twenty {
background-position: 0 -10px;
height: 20px;
width: 20px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
end
it "should provide sprite mixin" do
css = render <<-SCSS
@import "squares/*.png";
.cubicle {
@include squares-sprite("ten-by-ten");
}
.large-cube {
@include squares-sprite("twenty-by-twenty", true);
}
SCSS
assert_correct <<-CSS, css
.squares-sprite, .cubicle, .large-cube {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.cubicle {
background-position: 0 0;
}
.large-cube {
background-position: 0 -10px;
height: 20px;
width: 20px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
end
# CUSTOMIZATIONS:
it "should be possible to change the base class" do
css = render <<-SCSS
$squares-sprite-base-class: ".circles";
@import "squares/*.png";
SCSS
assert_correct <<-CSS, css
.circles {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
end
it "should calculate the spacing between images but not before first image" do
css = render <<-SCSS
$squares-ten-by-ten-spacing: 33px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-s563a5e0855.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -43px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 63]
end
it "should calculate the spacing between images" do
css = render <<-SCSS
$squares-twenty-by-twenty-spacing: 33px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-s4ea353fa6d.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -43px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 63]
end
it "should calculate the maximum spacing between images" do
css = render <<-SCSS
$squares-ten-by-ten-spacing: 44px;
$squares-twenty-by-twenty-spacing: 33px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-sf4771cb124.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -54px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 74]
end
it "should calculate the maximum spacing between images in reversed order" do
css = render <<-SCSS
$squares-ten-by-ten-spacing: 33px;
$squares-twenty-by-twenty-spacing: 44px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-sc82d6f3cf4.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -54px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 74]
end
it "should calculate the default spacing between images" do
css = render <<-SCSS
$squares-spacing: 22px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-s2f4aa65dcf.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -32px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 52]
end
it "should use position adjustments in functions" do
css = render <<-SCSS
$squares: sprite-map("squares/*.png", $position: 100%);
.squares-sprite {
background-image: $squares;
background-repeat: no-repeat;
}
.adjusted-percentage {
background-position: sprite-position($squares, ten-by-ten, 100%);
}
.adjusted-px-1 {
background-position: sprite-position($squares, ten-by-ten, 4px);
}
.adjusted-px-2 {
background-position: sprite-position($squares, twenty-by-twenty, -3px, 2px);
}
SCSS
assert_correct <<-CSS, css
.squares-sprite {
background-image: url('/images-tmp/squares-sce5dc30797.png');
background-repeat: no-repeat;
}
.adjusted-percentage {
background-position: 100% 0;
}
.adjusted-px-1 {
background-position: -6px 0;
}
.adjusted-px-2 {
background-position: -3px -8px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
assert_equal image_md5('squares-s*.png'), '9cc7ce48cfaf304381c2d08adefd2fb6'
end
it "should use position adjustments in mixins" do
css = render <<-SCSS
$squares-position: 100%;
@import "squares/*.png";
.adjusted-percentage {
@include squares-sprite("ten-by-ten", $offset-x: 100%);
}
.adjusted-px-1 {
@include squares-sprite("ten-by-ten", $offset-x: 4px);
}
.adjusted-px-2 {
@include squares-sprite("twenty-by-twenty", $offset-x: -3px, $offset-y: 2px);
}
SCSS
assert_correct <<-CSS, css
.squares-sprite, .adjusted-percentage, .adjusted-px-1, .adjusted-px-2 {
background-image: url('/images-tmp/squares-sce5dc30797.png');
background-repeat: no-repeat;
}
.adjusted-percentage {
background-position: 100% 0;
}
.adjusted-px-1 {
background-position: -6px 0;
}
.adjusted-px-2 {
background-position: -3px -8px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
assert_equal image_md5('squares-s*.png'), '9cc7ce48cfaf304381c2d08adefd2fb6'
end
it "should repeat the image" do
css = render <<-SCSS
$squares-repeat: repeat-x;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-s65c43cd573.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: 0 0;
}
.squares-twenty-by-twenty {
background-position: 0 -10px;
}
CSS
assert_equal image_size('squares-s*.png'), [20, 30]
assert_equal image_md5('squares-s*.png'), 'a77a2fd43f04d791722b706aa7c9f1c1'
end
it "should allow the position of a sprite to be specified in absolute pixels" do
css = render <<-SCSS
$squares-ten-by-ten-position: 10px;
$squares-twenty-by-twenty-position: 10px;
@import "squares/*.png";
@include all-squares-sprites;
SCSS
assert_correct <<-CSS, css
.squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {
background-image: url('/images-tmp/squares-sb9d9a8ca6a.png');
background-repeat: no-repeat;
}
.squares-ten-by-ten {
background-position: -10px 0;
}
.squares-twenty-by-twenty {
background-position: -10px -10px;
}
CSS
assert_equal image_size('squares-s*.png'), [30, 30]
assert_equal image_md5('squares-s*.png'), '9856ced9e8211b6b28ff782019a0d905'
end
it "should provide a nice errors for lemonade's old users" do
assert_raise(Sass::SyntaxError) do
render <<-SCSS
.squares {
background-image: sprite-url("squares/*.png");
background-repeat: no-repeat;
}
SCSS
end
assert_raise(Sass::SyntaxError) do
css = render <<-SCSS
@import "squares/*.png";
.squares {
background-image: sprite-position("squares/twenty-by-twenty.png");
background-repeat: no-repeat;
}
SCSS
end
end
it "should work even if @import is missing" do
css = render <<-SCSS
.squares {
background-image: sprite(sprite-map("squares/*.png"), twenty-by-twenty);
background-repeat: no-repeat;
}
SCSS
assert_correct <<-CSS, css
.squares {
background-image: url('/images-tmp/squares-sd817b59156.png') 0 -10px;
background-repeat: no-repeat;
}
CSS
end
it "should import sprites with numeric filenames via #738" do
css = render <<-SCSS
@import "numeric/*.png";
@include all-numeric-sprites;
SCSS
assert_correct <<-CSS, css
.numeric-sprite, .numeric-200 {
background-image: url('/images-tmp/numeric-saa92d65a89.png');
background-repeat: no-repeat;
}
.numeric-200 {
background-position: 0 0;
}
CSS
end
it "should use percentage positions when use_percentages is true" do
css = render <<-SCSS
@import "squares/*.png";
$squares-use-percentages: true;
.foo {
@include squares-sprite-position("twenty-by-twenty");
}
.bar {
@include squares-sprite-position("ten-by-ten");
@include squares-sprite-dimensions("ten-by-ten");
}
SCSS
assert_correct <<-CSS, css
.squares-sprite {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.foo {
background-position: 0 100%;
}
.bar {
background-position: 0 0;
height: 10px;
width: 10px;
}
CSS
end
it "should use correct percentages when use_percentages is with horizontal layout" do
css = render <<-SCSS
$squares-layout: horizontal;
@import "squares/*.png";
$squares-use-percentages: true;
.foo {
@include squares-sprite-position("twenty-by-twenty");
}
.bar {
@include squares-sprite-position("ten-by-ten");
}
SCSS
assert_correct <<-CSS, css
.squares-sprite {
background-image: url('/images-tmp/squares-s4bd95c5c56.png');
background-repeat: no-repeat;
}
.foo {
background-position: 100% 0;
}
.bar {
background-position: 0 0;
}
CSS
end
it "should use correct percentages when use_percentages is true with smart layout" do
css = render <<-SCSS
$image_row-layout: smart;
@import "image_row/*.png";
$image_row-use-percentages: true;
.foo {
@include image_row-sprite-position("medium");
}
.bar {
@include image_row-sprite-position("large_square");
}
SCSS
assert_correct <<-CSS, css
.image_row-sprite {
background-image: url('/images-tmp/image_row-sc5082a6b9f.png');
background-repeat: no-repeat;
}
.foo {
background-position: 0 50%;
}
.bar {
background-position: 33.33333% 100%;
}
CSS
end
it "should use correct percentages when use_percentages is true" do
css = render <<-SCSS
$image_row-use-percentages: true;
$image_row-sort-by : '!width';
@import "image_row/*.png";
@include all-image_row-sprites;
SCSS
assert_correct <<-CSS, css
.image_row-sprite, .image_row-large, .image_row-large_square, .image_row-medium, .image_row-small, .image_row-tall {
background-image: url('/images-tmp/image_row-sdf383d45a3.png');
background-repeat: no-repeat;
}
.image_row-large {
background-position: 0 0;
}
.image_row-large_square {
background-position: 0 40%;
}
.image_row-medium {
background-position: 0 16.66667%;
}
.image_row-small {
background-position: 0 100%;
}
.image_row-tall {
background-position: 0 80%;
}
CSS
end
it "should calculate corret sprite demsions when givin spacing via issue#253" do
css = render <<-SCSS
$squares-spacing: 10px;
@import "squares/*.png";
.foo {
@include sprite-background-position($squares-sprites, "twenty-by-twenty");
}
.bar {
@include sprite-background-position($squares-sprites, "ten-by-ten");
}
SCSS
assert_equal image_size('squares-s*.png'), [20, 40]
assert_correct <<-CSS, css
.squares-sprite {
background-image: url('/images-tmp/squares-s555875d730.png');
background-repeat: no-repeat;
}
.foo {
background-position: 0 -20px;
}
.bar {
background-position: 0 0;
}
CSS
end
it "should render correct sprite with css selectors via issue#248" do
css = render <<-SCSS
@import "selectors/*.png";
@include all-selectors-sprites;
SCSS
assert_correct <<-CSS, css
.selectors-sprite, .selectors-ten-by-ten {
background-image: url('/images-tmp/selectors-s7e84acb3d2.png');
background-repeat: no-repeat;
}
.selectors-ten-by-ten {
background-position: 0 0;
}
.selectors-ten-by-ten:hover, .selectors-ten-by-ten.ten-by-ten-hover {
background-position: 0 -20px;
}
.selectors-ten-by-ten:target, .selectors-ten-by-ten.ten-by-ten-target {
background-position: 0 -30px;
}
.selectors-ten-by-ten:active, .selectors-ten-by-ten.ten-by-ten-active {
background-position: 0 -10px;
}
CSS
end
it "should honor offsets when rendering selectors via issue#449" do
css = render <<-SCSS
@import "selectors/*.png";
@include all-selectors-sprites($offset-x: 20px, $offset-y: 20px);
SCSS
assert_correct <<-CSS, css
.selectors-sprite, .selectors-ten-by-ten {
background-image: url('/images-tmp/selectors-s7e84acb3d2.png');
background-repeat: no-repeat;
}
.selectors-ten-by-ten {
background-position: 20px 20px;
}
.selectors-ten-by-ten:hover, .selectors-ten-by-ten.ten-by-ten-hover {
background-position: 20px 0;
}
.selectors-ten-by-ten:target, .selectors-ten-by-ten.ten-by-ten-target {
background-position: 20px -10px;
}
.selectors-ten-by-ten:active, .selectors-ten-by-ten.ten-by-ten-active {
background-position: 20px 10px;
}
CSS
end
it "should render correct sprite with css selectors via magic mixin" do
css = render <<-SCSS
@import "selectors/*.png";
a {
@include selectors-sprite(ten-by-ten)
}
SCSS
assert_correct <<-CSS, css
.selectors-sprite, a {
background-image: url('/images-tmp/selectors-s7e84acb3d2.png');
background-repeat: no-repeat;
}
a {
background-position: 0 0;
}
a:hover, a.ten-by-ten-hover {
background-position: 0 -20px;
}
a:target, a.ten-by-ten-target {
background-position: 0 -30px;
}
a:active, a.ten-by-ten-active {
background-position: 0 -10px;
}
CSS
end
it "should not render corret sprite with css selectors via magic mixin" do
css = render <<-SCSS
@import "selectors/*.png";
a {
$disable-magic-sprite-selectors:true !global;
@include selectors-sprite(ten-by-ten)
}
SCSS
assert_correct <<-CSS, css
.selectors-sprite, a {
background-image: url('/images-tmp/selectors-s7e84acb3d2.png');
background-repeat: no-repeat;
}
a {
background-position: 0 0;
}
CSS
end
it "should render corret sprite with css selectors via magic mixin with the correct offsets" do
css = render <<-SCSS
@import "selectors/*.png";
a {
@include selectors-sprite(ten-by-ten, false, 5, -5)
}
SCSS
assert_correct <<-CSS, css
.selectors-sprite, a {
background-image: url('/images-tmp/selectors-s7e84acb3d2.png');
background-repeat: no-repeat;
}
a {
background-position: 5px -5px;
}
a:hover, a.ten-by-ten-hover {
background-position: 5px -25px;
}
a:target, a.ten-by-ten-target {
background-position: 5px -35px;
}
a:active, a.ten-by-ten-active {
background-position: 5px -15px;
}
CSS
end
it "should not raise error on filenames that are invalid classnames if the selector generation is not used" do
css = render <<-SCSS
$prefix-sort-by : 'width';
@import "prefix/*.png";
a {
@include prefix-sprite("20-by-20");
}
SCSS
assert_correct <<-CSS, css
.prefix-sprite, a {
background-image: url('/images-tmp/prefix-s949dea513d.png');
background-repeat: no-repeat;
}
a {
background-position: 0 -10px;
}
CSS
end
it "should generate sprite with bad repeat-x dimensions" do
css = render <<-SCSS
$ko-starbg26x27-repeat: repeat-x;
@import "ko/*.png";
@include all-ko-sprites;
SCSS
assert_correct <<-CSS, css
.ko-sprite, .ko-default_background, .ko-starbg26x27 {
background-image: url('/images-tmp/ko-sd46dfbab4f.png');
background-repeat: no-repeat;
}
.ko-default_background {
background-position: 0 0;
}
.ko-starbg26x27 {
background-position: 0 -128px;
}
CSS
end
it "should generate a sprite and remove the old file" do
FileUtils.touch File.join(@images_tmp_path, "selectors-scc8834Fdd.png")
assert_equal 1, map_files('selectors-s*.png').size
css = render <<-SCSS
@import "selectors/*.png";
a {
$disable-magic-sprite-selectors:true !global;
@include selectors-sprite(ten-by-ten)
}
SCSS
assert_equal 1, map_files('selectors-s*.png').size, "File was not removed"
end
it "should generate a sprite and NOT remove the old file" do
FileUtils.touch File.join(@images_tmp_path, "selectors-scc8834Ftest.png")
assert_equal 1, map_files('selectors-s*.png').size
css = render <<-SCSS
$selectors-clean-up: false;
@import "selectors/*.png";
a {
$disable-magic-sprite-selectors:true !global;
@include selectors-sprite(ten-by-ten)
}
SCSS
assert_equal 2, map_files('selectors-s*.png').size, "File was removed"
end
it "should generate a sprite if the sprite is a bool" do
css = render <<-SCSS
@import "bool/*.png";
a {
@include bool-sprite(false);
}
a {
@include bool-sprite(true);
}
SCSS
assert !css.empty?
end
it "should generate a sprite if the sprite is a colorname" do
css = render <<-SCSS
@import "colors/*.png";
a {
@include colors-sprite(blue);
}
SCSS
assert !css.empty?
end
it "should generate a sprite from nested folders" do
css = render <<-SCSS
@import "nested/**/*.png";
@include all-nested-sprites;
SCSS
assert_correct <<-CSS, css
.nested-sprite, .nested-ten-by-ten {
background-image: url('/images-tmp/nested-s7b93e0b6bf.png');
background-repeat: no-repeat;
}
.nested-ten-by-ten {
background-position: 0 0;
}
CSS
end
it "should create horizontal sprite" do
css = render <<-SCSS
$squares-layout:horizontal;
@import "squares/*.png";
.foo {
@include sprite-background-position($squares-sprites, "twenty-by-twenty");
}
.bar {
@include sprite-background-position($squares-sprites, "ten-by-ten");
}
SCSS
assert_equal [30, 20], image_size('squares-s*.png')
other_css = <<-CSS
.squares-sprite {
background-image: url('/images-tmp/squares-s4bd95c5c56.png');
background-repeat: no-repeat;
}
.foo {
background-position: -10px 0;
}
.bar {
background-position: 0 0;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should allow use of demension functions" do
css = render <<-SCSS
@import "squares/*.png";
$h: squares-sprite-height(twenty-by-twenty);
$w: squares-sprite-width(twenty-by-twenty);
.div {
height:$h + 1px;
width:$w + 2px;
}
SCSS
other_css = <<-CSS
.squares-sprite {
background-image: url('/images-tmp/squares-sbbc18e2129.png');
background-repeat: no-repeat;
}
.div {
height:21px;
width:22px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should replace text with images and dimensions using sprites" do
css = render <<-SCSS
@import "compass/utilities/sprites/sprite-img";
@import "colors/*.png";
.blue {
@include sprite-replace-text($colors-sprites, blue);
}
.yellow {
@include sprite-replace-text-with-dimensions($colors-sprites, yellow);
}
SCSS
other_css = <<-CSS
.colors-sprite {
background-image:url('/images-tmp/colors-s58671cb5bb.png');
background-repeat: no-repeat;
}
.blue {
text-indent:-119988px;
overflow:hidden;
text-align:left;
text-transform: capitalize;
background-position:0 0;
background-image:url('/images-tmp/colors-s58671cb5bb.png');
background-repeat:no-repeat;
}
.yellow {
text-indent:-119988px;
overflow:hidden;
text-align:left;
text-transform: capitalize;
background-position:0 -10px;
height:10px;
width:10px;
background-image:url('/images-tmp/colors-s58671cb5bb.png');
background-repeat:no-repeat;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should inline the sprite file" do
Compass.reset_configuration!
file = StringIO.new(<<-CONFIG)
images_path = #{@images_tmp_path.inspect}
generated_images_path = #{@generated_images_tmp_path.inspect}
CONFIG
Compass.add_configuration(file, "sprite_config")
Compass.configure_sass_plugin!
css = render <<-SCSS
$colors-inline:true;
@import "colors/*.png";
@include all-colors-sprites;
SCSS
other_css = <<-CSS
.colors-sprite, .colors-blue, .colors-yellow {
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAAAAACRhfOKAAAAHElEQVR42mM5wQADLP8JMRlIUIvE/IdgctLTNgCHDhEQVD4ceAAAAABJRU5ErkJggg==');
}
.colors-blue {
background-position:0 0;
}
.colors-yellow {
background-position:0 -10px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should have a sprite_name function that returns the names of the sprites in a sass list" do
css = render <<-SCSS
@import "colors/*.png";
@each $color in sprite_names($colors-sprites) {
.\#{$color} {
width:0px;
}
}
SCSS
other_css = <<-CSS
.colors-sprite {
background-image: url('/images-tmp/colors-s58671cb5bb.png');
background-repeat: no-repeat;
}
.blue {
width:0px;
}
.yellow {
width:0px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should respect global spacing" do
css = render <<-SCSS
$colors-spacing:5px;
@import "colors/*.png";
@include all-colors-sprites;
SCSS
other_css = <<-CSS
.colors-sprite, .colors-blue, .colors-yellow {
background-image: url('/images-tmp/colors-s747dec274e.png');
background-repeat: no-repeat;
}
.colors-blue {
background-position:0 0;
}
.colors-yellow {
background-position:0 -15px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should return width and height of the map" do
css = render <<-SCSS
@import "colors/*.png";
.height { height : sprite_height($colors-sprites); }
.width { width : sprite_width($colors-sprites); }
SCSS
other_css = <<-CSS
.colors-sprite {
background-image: url('/images-tmp/colors-s58671cb5bb.png');
background-repeat: no-repeat;
}
.height {
height : 20px;
}
.width {
width : 10px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should return width and height of a sprite" do
css = render <<-SCSS
@import "colors/*.png";
.height { height : sprite_height($colors-sprites, blue); }
.width { width : sprite_width($colors-sprites, blue); }
SCSS
other_css = <<-CSS
.colors-sprite {
background-image: url('/images-tmp/colors-s58671cb5bb.png');
background-repeat: no-repeat;
}
.height {
height : 10px;
}
.width {
width : 10px;
}
CSS
assert_correct clean(other_css), clean(css)
end
it "should render correct sprite with focus selector" do
css = render <<-SCSS
@import "focus/*.png";
@include all-focus-sprites;
SCSS
assert_correct <<-CSS, css
.focus-sprite, .focus-ten-by-ten {
background-image: url('/images-tmp/focus-sb5d1467be1.png');
background-repeat: no-repeat;
}
.focus-ten-by-ten {
background-position: 0 0;
}
.focus-ten-by-ten:hover, .focus-ten-by-ten.ten-by-ten-hover {
background-position: 0 -30px;
}
.focus-ten-by-ten:target, .focus-ten-by-ten.ten-by-ten-target {
background-position: 0 -40px;
}
.focus-ten-by-ten:active, .focus-ten-by-ten.ten-by-ten-active {
background-position: 0 -10px;
}
.focus-ten-by-ten:focus, .focus-ten-by-ten.ten-by-ten-focus {
background-position: 0 -20px;
}
CSS
end
end
================================================
FILE: cli/test/test_helper.rb
================================================
lib_dir = File.expand_path(File.join(File.dirname(__FILE__), '..', 'lib'))
$:.unshift(lib_dir) unless $:.include?(lib_dir)
test_dir = File.dirname(__FILE__)
$:.unshift(test_dir) unless $:.include?(test_dir)
require 'compass'
require 'test/unit'
require 'true'
class String
def name
to_s
end
end
%w(command_line diff io rails test_case).each do |helper|
require "helpers/#{helper}"
end
class Test::Unit::TestCase
include Compass::Diff
include Compass::TestCaseHelper
include Compass::IoHelper
extend Compass::TestCaseHelper::ClassMethods
def fixture_path
File.join(File.expand_path('../', __FILE__), 'fixtures')
end
end
module SpriteHelper
URI = "selectors/*.png"
def init_sprite_helper
@images_proj_path = File.join(File.expand_path('../', __FILE__), 'fixtures', 'sprites', 'public')
@images_src_dir = 'images'
@images_src_path = File.join(@images_proj_path, @images_src_dir)
@images_tmp_dir = 'images-tmp'
@images_tmp_path = File.join(@images_proj_path, @images_tmp_dir)
end
def sprite_map_test(options, uri = URI)
importer = Compass::SpriteImporter.new
path, name = Compass::SpriteImporter.path_and_name(uri)
sprite_names = Compass::SpriteImporter.sprite_names(uri)
sass_engine = Compass::SpriteImporter.sass_engine(uri, name, importer, options)
map = Compass::SassExtensions::Sprites::SpriteMap.new(sprite_names.map{|n| uri.gsub('*', n)}, path, name, sass_engine, options)
map.options = {:compass => {:logger => Compass::NullLogger.new}}
map
end
def create_sprite_temp
init_sprite_helper
::FileUtils.cp_r @images_src_path, @images_tmp_path
end
def clean_up_sprites
init_sprite_helper
::FileUtils.rm_r @images_tmp_path
rescue Errno::ENOENT
#pass
end
end
================================================
FILE: cli/test/units/actions_test.rb
================================================
require 'test_helper'
require 'compass'
class ActionsTest < Test::Unit::TestCase
class BaseActionExtender
include Compass::Actions
def options
@@options ||= {}
end
def working_path
"/tmp"
end
end
# When log4r is included, it sometimes breaks the Actions
test "test_quiet_option" do
b = BaseActionExtender.new
b.logger = ""
b.options[:quiet] = true
# logger shouldn't be called... if it is, this will error
b.directory("/tmp/#{(rand * 1000000).to_i}")
end
end
================================================
FILE: cli/test/units/caniuse_test.rb
================================================
require 'test_helper'
require 'compass'
class CanIUseTest < Test::Unit::TestCase
def caniuse
Compass::Core::CanIUse.instance
end
DEFAULT_CAPABILITY_OPTIONS = [{:full_support => true}, {:partial_support => true}]
def test_unknown_browsers
assert_equal "unknown", Compass::Core::CanIUse::PUBLIC_BROWSER_NAMES["unknown"]
assert_equal "unknown", Compass::Core::CanIUse::CAN_I_USE_NAMES["unknown"]
end
def test_browser_names
assert_equal Compass::Core::CanIUse::PUBLIC_BROWSER_NAMES.values.sort, caniuse.browsers
end
def test_prefixes
assert_equal %w(-moz -ms -o -webkit), caniuse.prefixes
assert_equal %w(-moz -webkit), caniuse.prefixes(%w(chrome firefox safari))
end
def test_prefix
assert_equal "-webkit", caniuse.prefix("chrome")
assert_equal "-webkit", caniuse.prefix("safari")
assert_equal "-ms", caniuse.prefix("ie")
assert_equal "-webkit", caniuse.prefix("opera")
assert_equal "-o", caniuse.prefix("opera", "12.1")
end
def test_browsers_with_prefix
assert_equal %w(android android-chrome blackberry chrome ios-safari opera opera-mobile safari),
caniuse.browsers_with_prefix("-webkit").sort
assert_equal %w(android-firefox firefox),
caniuse.browsers_with_prefix("-moz").sort
end
def test_capabilities
# This is meant to break if a capability goes away or arrives
# So that we can think about what that means for compass
assert_equal [
"background-img-opts",
"border-image",
"border-radius",
"calc",
"css-animation",
"css-appearance",
"css-backgroundblendmode",
"css-boxshadow",
"css-canvas",
"css-counters",
"css-featurequeries",
"css-filters",
"css-fixed",
"css-gencontent",
"css-gradients",
"css-grid",
"css-hyphens",
"css-image-orientation",
"css-masks",
"css-mediaqueries",
"css-mixblendmode",
"css-opacity",
"css-placeholder",
"css-reflections",
"css-regions",
"css-repeating-gradients",
"css-resize",
"css-sel2",
"css-sel3",
"css-selection",
"css-shapes",
"css-sticky",
"css-table",
"css-textshadow",
"css-transitions",
"css-variables",
"css3-boxsizing",
"css3-colors",
"css3-cursors",
"css3-tabsize",
"flexbox",
"font-feature",
"fontface",
"getcomputedstyle",
"inline-block",
"intrinsic-width",
"kerning-pairs-ligatures",
"minmaxwh",
"multibackgrounds",
"multicolumn",
"object-fit",
"outline",
"pointer-events",
"rem",
"style-scoped",
"svg-css",
"text-decoration",
"text-overflow",
"text-size-adjust",
"text-stroke",
"transforms2d",
"transforms3d",
"ttf",
"user-select-none",
"viewport-units",
"word-break",
"wordwrap"],
caniuse.capabilities
end
def test_usage
total = 0
caniuse.browsers.each do |browser|
caniuse.versions(browser).each do |version|
usage = caniuse.usage(browser, version)
if usage.nil?
puts "nil usage for #{browser} at version #{version}"
next
end
total += usage
end
end
# all browsers add up to about 94%. that's... unfortunate.
assert total > 90 && total < 100
end
def test_prefixed_usage
assert 0 < caniuse.prefixed_usage("-webkit", "border-radius", DEFAULT_CAPABILITY_OPTIONS)
assert_equal 0, caniuse.prefixed_usage("-webkit", "outline", DEFAULT_CAPABILITY_OPTIONS)
assert_raises ArgumentError do
caniuse.prefixed_usage("-webkit", "unknown", DEFAULT_CAPABILITY_OPTIONS)
end
end
def test_requires_prefix
assert_raises ArgumentError do
caniuse.requires_prefix("chrome", "3", "border-radius", DEFAULT_CAPABILITY_OPTIONS)
end
assert_equal "-webkit", caniuse.requires_prefix("chrome", "4", "border-radius", DEFAULT_CAPABILITY_OPTIONS)
assert_equal nil, caniuse.requires_prefix("chrome", "5", "border-radius", DEFAULT_CAPABILITY_OPTIONS)
assert_equal nil, caniuse.requires_prefix("chrome", "30", "border-radius", DEFAULT_CAPABILITY_OPTIONS)
assert_equal "-webkit", caniuse.requires_prefix("opera", "16", "css-filters", DEFAULT_CAPABILITY_OPTIONS)
end
def test_browser_ranges_only_prefixed
mins = caniuse.browser_ranges("border-radius", "-webkit", false)
expected = {
"android"=>["2.1", "2.1"],
"chrome"=>["4", "4"],
"ios-safari"=>["3.2", "3.2"],
"safari"=>["3.1", "4"]
}
assert_equal(expected, mins)
end
def test_ranges_are_empty_when_prefix_doesnt_exit
mins = caniuse.browser_ranges("css-filters", "-o")
expected = {}
assert_equal(expected, mins)
end
def test_browser_ranges_including_unprefixed
mins = caniuse.browser_ranges("border-radius", "-webkit")
expected = {
"android"=>["2.1", "4.4.3"],
"chrome"=>["4", "39"],
"ios-safari"=>["3.2", "8"],
"safari"=>["3.1", "8"]
}
assert_equal(expected, mins)
end
def test_capability_matches
assert caniuse.capability_matches(
caniuse.browser_support("chrome", "10", "flexbox"),
[{:full_support => true}, {:partial_support => true, :spec_versions => [1]}])
assert !caniuse.capability_matches(
caniuse.browser_support("chrome", "10", "flexbox"),
[{:full_support => true}, {:partial_support => true, :spec_versions => [3]}])
end
def test_omitted_usage
assert_equal 0, caniuse.omitted_usage("chrome", "4")
assert_equal caniuse.usage("chrome", "4"), caniuse.omitted_usage("chrome", "5")
assert_equal caniuse.usage("chrome", "4"), caniuse.omitted_usage("chrome", "4", "4")
assert_equal caniuse.usage("chrome", "4") + caniuse.usage("chrome", "5"),
caniuse.omitted_usage("chrome", "4", "5")
end
end
================================================
FILE: cli/test/units/command_line_test.rb
================================================
require 'test_helper'
require 'fileutils'
require 'compass'
require 'compass/exec'
require 'timeout'
class CommandLineTest < Test::Unit::TestCase
include Compass::TestCaseHelper
include Compass::CommandLineHelper
include Compass::IoHelper
def teardown
Compass.reset_configuration!
end
def test_print_version
compass("-vq")
assert_match(/\d+\.\d+\.(\d+|((alpha|beta|rc)\.\d+\.[0-9a-f]+))?/, @last_result)
end
def test_basic_install
within_tmp_directory do
compass(*%w(create --boring basic))
assert File.exists?("basic/sass/screen.scss")
assert_action_performed :directory, "basic/"
assert_action_performed :create, "basic/sass/screen.scss"
end
end
Compass::Frameworks::ALL.each do |framework|
next if framework.name == "true"
next if framework.name == "testing"
next if framework.name =~ /^_/
define_method "test_#{framework.name}_installation" do
within_tmp_directory do
compass(*%W(create --boring --using #{framework.name} #{framework.name}_project))
assert File.exists?("#{framework.name}_project/sass/screen.scss"), "sass/screen.scss is missing. Found: #{Dir.glob("#{framework.name}_project/**/*").join(", ")}"
assert File.exists?("#{framework.name}_project/stylesheets/screen.css")
assert_action_performed :directory, "#{framework.name}_project/"
assert_action_performed :create, "#{framework.name}_project/sass/screen.scss"
assert_action_performed :write, "#{framework.name}_project/stylesheets/screen.css"
end
end
end
def test_basic_update
within_tmp_directory do
compass "create", "--boring", "basic"
Dir.chdir "basic" do
# basic update with timestamp caching
compass "compile", "--boring"
# assert_action_performed :unchanged, "sass/screen.scss"
# basic update with force option set
compass "compile", "--force", "--boring"
assert_action_performed :write, "stylesheets/screen.css"
end
end
end
end
================================================
FILE: cli/test/units/compass_util_test.rb
================================================
require 'test_helper'
class CompassUtilTest < Test::Unit::TestCase
def test_warn
$stderr, old_err = StringIO.new, $stderr
Compass::Util.compass_warn("this is a warning")
assert_match(/this is a warning/, $stderr.string)
ensure
$stderr = old_err
end
end
================================================
FILE: cli/test/units/compiler_test.rb
================================================
require 'test_helper'
require 'fileutils'
class CompilerTest < Test::Unit::TestCase
it "should strip css from file name and reappend" do
config = Compass::Configuration::Data.new("test",
:project_path => Dir.pwd,
:sass_dir => "foo",
:css_dir => "bar")
config.extend(Compass::Configuration::Defaults)
compiler = Compass.sass_compiler({}, config)
assert_equal 'screen', compiler.stylesheet_name(File.join(Dir.pwd, 'foo', 'screen.css.scss'))
end
end
================================================
FILE: cli/test/units/configuration_test.rb
================================================
require 'test_helper'
require 'compass'
require 'stringio'
class ConfigurationTest < Test::Unit::TestCase
setup do
Compass.reset_configuration!
@original_wd = Dir.pwd
FileUtils.rm_rf "test_tmp"
FileUtils.mkdir_p "test_tmp/images"
FileUtils.mkdir_p "test_tmp/fonts"
Dir.chdir "test_tmp"
end
after do
Compass.reset_configuration!
Dir.chdir @original_wd
FileUtils.rm_rf "test_tmp"
end
def test_parse_and_serialize
contents = StringIO.new(<<-CONFIG)
require 'compass'
require 'compass/import-once/activate'
# Require any additional compass plugins here.
project_type = :stand_alone
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
output_style = :nested
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
CONFIG
Compass.add_configuration(contents, "test_parse")
assert_equal 'sass', Compass.configuration.sass_dir
assert_equal 'css', Compass.configuration.css_dir
assert_equal 'img', Compass.configuration.images_dir
assert_equal 'js', Compass.configuration.javascripts_dir
expected_lines = contents.string.split("\n").map{|l|l.strip}
actual_lines = Compass.configuration.serialize.split("\n").map{|l|l.strip}
assert_correct expected_lines, actual_lines
end
def test_custom_watch
contents = StringIO.new(<<-CONFIG)
watch 'img/**/*' do
puts 'foobar'
end
CONFIG
Compass.add_configuration(contents, 'test_watch_config')
watch = Compass.configuration.watches.first
assert_equal 'img/**/*', watch.glob
assert watch.is_a?(Compass::Configuration::Watch)
end
def test_serialization_warns_with_asset_host_set
contents = StringIO.new(<<-CONFIG)
asset_host do |path|
"http://example.com"
end
CONFIG
Compass.add_configuration(contents, "test_serialization_warns_with_asset_host_set")
warning = capture_warning do
Compass.configuration.serialize
end
assert_equal "WARNING: asset_host is code and cannot be written to a file. You'll need to copy it yourself.\n", warning
end
class TestData < Compass::Configuration::FileData
def initialize
super(:test)
end
inherited_array :stuff, :clobbers => true
inherited_array :accumulated
end
def test_accumulated_array_does_not_clobber
data1 = TestData.new
data1.accumulated = [:a]
data2 = TestData.new
data2.accumulated = [:b]
data2.inherit_from!(data1)
assert_equal [:b, :a], data2.accumulated.to_a
end
def test_inherited_array_can_clobber
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff = [:b]
data2.inherit_from!(data1)
assert_equal [:b], data2.stuff.to_a
end
def test_inherited_array_can_append
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff << :b
data2.inherit_from!(data1)
assert_equal [:b, :a], data2.stuff.to_a
end
def test_inherited_array_can_append_2
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff << :b
data2.inherit_from!(data1)
data3 = TestData.new
data3.stuff << :c
data3.inherit_from!(data2)
assert_equal [:c, :b, :a], data3.stuff.to_a
end
def test_inherited_array_can_remove
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff >> :a
data2.inherit_from!(data1)
assert_equal [], data2.stuff.to_a
end
def test_inherited_array_combined_augmentations
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff >> :a
data2.stuff << :b
data2.inherit_from!(data1)
assert_equal [:b], data2.stuff.to_a
end
def test_inherited_array_long_methods
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.remove_from_stuff(:a)
data2.add_to_stuff(:b)
data2.inherit_from!(data1)
assert_equal [:b], data2.stuff.to_a
end
def test_inherited_array_augmentations_can_be_clobbered
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff >> :a
data2.stuff << :b
data2.stuff = [:c]
data2.inherit_from!(data1)
assert_equal [:c], data2.stuff.to_a
end
def test_inherited_array_augmentations_after_clobbering
data1 = TestData.new
data1.stuff = [:a]
data2 = TestData.new
data2.stuff >> :a
data2.stuff << :b
data2.stuff = [:c, :d]
data2.stuff << :e
data2.stuff >> :c
data2.inherit_from!(data1)
assert_equal [:d, :e], data2.stuff.to_a
end
def test_serialization_warns_with_asset_cache_buster_set
contents = StringIO.new(<<-CONFIG)
asset_cache_buster do |path|
"http://example.com"
end
CONFIG
Compass.add_configuration(contents, "test_serialization_warns_with_asset_cache_buster_set")
assert_kind_of Proc, Compass.configuration.asset_cache_buster_without_default
assert_equal "http://example.com", Compass.configuration.asset_cache_buster_without_default.call("whatever")
warning = capture_warning do
Compass.configuration.serialize
end
assert_equal "WARNING: asset_cache_buster is code and cannot be written to a file. You'll need to copy it yourself.\n", warning
end
def test_cache_buster_file_not_passed_when_the_file_does_not_exist
config = Compass::Configuration::Data.new("test_cache_buster_file_not_passed_when_the_file_does_not_exist")
the_file = nil
was_called = nil
config.asset_cache_buster do |path, file|
was_called = true
the_file = file
"busted=true"
end
Compass.add_configuration(config)
sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))
.foo { background: image-url("asdf.gif") }
SCSS
sass.render
assert was_called
assert_nil the_file
end
def test_cache_buster_file_is_closed
config = Compass::Configuration::Data.new("test_cache_buster_file_is_closed")
the_file = nil
was_called = nil
FileUtils.touch "images/asdf.gif"
config.asset_cache_buster do |path, file|
was_called = true
the_file = file
"busted=true"
end
Compass.add_configuration(config)
sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))
.foo { background: image-url("asdf.gif") }
SCSS
sass.render
assert was_called
assert_kind_of File, the_file
assert the_file.closed?
end
def test_cache_buster_handles_id_refs_for_images
config = Compass::Configuration::Data.new("test_cache_buster_file_is_closed")
the_file = nil
was_called = nil
FileUtils.touch "images/asdf.svg"
config.asset_cache_buster do |path, file|
was_called = true
the_file = file
"busted=true"
end
Compass.add_configuration(config)
sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))
.foo { background: image-url("asdf.svg#image-1") }
SCSS
result = sass.render
assert was_called
assert_kind_of File, the_file
assert the_file.closed?
assert_equal < :scss))
.foo { background: image-url("asdf.svg#image-1") }
SCSS
result = sass.render
assert_equal < :scss))
.foo { background: font-url("asdf.ttf#iefix") }
SCSS
result = sass.render
assert was_called
assert_kind_of File, the_file
assert the_file.closed?
assert_equal <> :c
assert_equal <> :c
CONFIG
end
def test_inherited_arrays_clobbering_with_augmentations_serialize
inherited = TestData.new
inherited.stuff << :a
d = TestData.new
d.stuff << :b
d.stuff = [:c, :d]
d.stuff << :e
assert_equal < 'bar'}
CONFIG
Compass.add_configuration(contents, "test_sass_options")
assert_equal 'bar', Compass.configuration.to_sass_engine_options[:foo]
assert_equal 'bar', Compass.configuration.to_sass_plugin_options[:foo]
expected_serialization = <\"bar\"}
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
EXPECTED
assert_correct(expected_serialization, Compass.configuration.serialize)
end
def test_sprite_load_path_clobbers
contents = StringIO.new(<<-CONFIG)
sprite_load_path = ["/Users/chris/Projects/my_compass_project/images/sprites"]
CONFIG
Compass.add_configuration(contents, "test_sass_options")
assert_equal ["/Users/chris/Projects/my_compass_project/images/sprites"], Compass.configuration.sprite_load_path.to_a
expected_serialization = < :scss).render # raises an error if we generated invalid css
end
end
end
end
================================================
FILE: cli/test/units/sass_extensions_test.rb
================================================
require 'test_helper'
class SassExtensionsTest < Test::Unit::TestCase
def test_simple
assert_equal "a b", evaluate(%Q{nest("a", "b")})
end
def test_left_side_expansion
assert_equal "a c, b c", evaluate(%Q{nest("a, b", "c")})
end
def test_right_side_expansion
assert_equal "a b, a c", evaluate(%Q{nest("a", "b, c")})
end
def test_both_sides_expansion
assert_equal "a c, a d, b c, b d", evaluate(%Q{nest("a, b", "c, d")})
end
def test_three_selectors_expansion
assert_equal "a b, a c, a d", evaluate(%Q{nest("a", "b, c, d")})
end
def test_third_argument_expansion
assert_equal "a b e, a b f, a c e, a c f, a d e, a d f", evaluate(%Q{nest("a", "b, c, d", "e, f")})
end
def test_enumerate
assert_equal ".grid-1, .grid-2, .grid-3", evaluate(%Q{enumerate(".grid", 1, 3, "-")})
end
def test_append_selector
assert_equal "div.bar", evaluate(%Q{append_selector("div", ".bar")})
assert_equal ".foo1.bar1, .foo1.bar2, .foo2.bar1, .foo2.bar2", evaluate(%Q{append_selector(".foo1, .foo2", ".bar1, .bar2")})
end
def test_headers
assert_equal "h1, h2, h3, h4, h5, h6", evaluate("headers()")
assert_equal "h1, h2, h3, h4, h5, h6", evaluate("headers(all)")
assert_equal "h1, h2, h3, h4", evaluate("headers(4)")
assert_equal "h2, h3", evaluate("headers(2,3)")
assert_equal "h4, h5, h6", evaluate("headers(4,6)")
end
def test_scale_lightness
assert_equal "75%", evaluate("lightness(scale-lightness(hsl(50deg, 50%, 50%), 50%))")
assert_equal "25%", evaluate("lightness(scale-lightness(hsl(50deg, 50%, 50%), -50%))")
end
def test_adjust_lightness
assert_equal "75%", evaluate("lightness(adjust-lightness(hsl(50deg, 50%, 50%), 25%))")
assert_equal "25%", evaluate("lightness(adjust-lightness(hsl(50deg, 50%, 50%), -25%))")
assert_equal "100%", evaluate("lightness(adjust-lightness(hsl(50deg, 50%, 50%), 500%))")
assert_equal "0%", evaluate("lightness(adjust-lightness(hsl(50deg, 50%, 50%), -500%))")
end
def test_scale_saturation
assert_equal "75%", evaluate("saturation(scale-saturation(hsl(50deg, 50%, 50%), 50%))")
assert_equal "25%", evaluate("saturation(scale-saturation(hsl(50deg, 50%, 50%), -50%))")
end
def test_adjust_saturation
assert_equal "75%", evaluate("saturation(adjust-saturation(hsl(50deg, 50%, 50%), 25%))")
assert_equal "25%", evaluate("saturation(adjust-saturation(hsl(50deg, 50%, 50%), -25%))")
end
def test_shade
assert_equal evaluate("mix(black, #ff0, 25%)"), evaluate("shade(#ff0, 25%)")
assert_equal evaluate("mix(black, #ff0, 0%)"), evaluate("shade(#ff0, 0%)")
end
def test_tint
assert_equal evaluate("mix(white, #ff0, 75%)"), evaluate("tint(#ff0, 75%)")
assert_equal evaluate("mix(white, #ff0, 100%)"), evaluate("tint(#ff0, 100%)")
end
def test_if_function
assert_equal "no", evaluate("if(false, yes, no)")
assert_equal "yes", evaluate("if(true, yes, no)")
end
def test_math_functions
assert_equal "0.84147", evaluate("sin(1)")
assert_equal "0.84147px", evaluate("sin(1px)")
assert_equal "0.5236", evaluate("asin(0.5)")
assert_equal "0.5236", evaluate("asin(100px/200px)")
assert_equal "0.0", evaluate("sin(pi())")
assert_equal "1", evaluate("sin(pi() / 2)")
assert_equal "0.0", evaluate("sin(180deg)")
assert_equal "-1", evaluate("sin(3* pi() / 2)")
assert_equal "-1", evaluate("cos(pi())")
assert_equal "1", evaluate("cos(360deg)")
assert_equal "1.0472", evaluate("acos(0.5)")
assert_equal "1.0472", evaluate("acos(100px/200px)")
assert_equal "-0.17605", evaluate("sin(270)")
assert_equal "1", evaluate("cos(2*pi())")
assert_equal "0.0", evaluate("cos(pi() / 2)")
assert_equal "0.0", evaluate("cos(3* pi() / 2)")
assert_equal "0.0", evaluate("tan(pi())")
assert_equal "0.46365", evaluate("atan(0.5)")
assert_equal "0.0", evaluate("tan(360deg)")
assert_equal "0.95892", evaluate("sin(360)")
assert evaluate("tan(pi()/2 - 0.0001)").to_f > 1000, evaluate("tan(pi()/2 - 0.0001)")
assert evaluate("tan(pi()/2 + 0.0001)").to_f < -1000, evaluate("tan(pi()/2 - 0.0001)")
assert_equal "0.69315px", evaluate("logarithm(2px)")
assert_equal "0", evaluate("logarithm(1)")
assert_equal "1", evaluate("logarithm(e())")
assert_equal "1", evaluate("logarithm($number: e())")
assert_equal "1", evaluate("logarithm(10, $base: 10)")
assert_equal "5px", evaluate("sqrt(25px)")
assert_equal "5px", evaluate("sqrt($number: 25px)")
assert_equal "5px", evaluate("square-root(25px)")
assert_equal "5px", evaluate("square-root($number: 25px)")
assert_equal "25px", evaluate("pow(5px, 2)")
assert_equal "25px", evaluate("pow($number: 5px, $exponent: 2)")
assert_equal "79.43236px", evaluate("pow(5px, e())")
assert((0..2).include?(evaluate("random(2)").to_i))
random_warning = capture_warning do
assert((4..16).include?(evaluate("random(4, 16)").to_i))
end
assert_equal < e
raise e unless e.message =~ /isn't a valid CSS value/
result.inspect
end
end
end
================================================
FILE: cli/test/units/sass_extenstions/gradients_test.rb
================================================
class GradientTestClass
extend Compass::Core::SassExtensions::Functions::Constants
extend Compass::Core::SassExtensions::Functions::GradientSupport::Functions
def self.options
{}
end
end
require 'test_helper'
require 'compass'
class GradientsTest < Test::Unit::TestCase
include Sass::Script::Value::Helpers
def klass
GradientTestClass
end
test "should return correct angle" do
assert_equal number(330, 'deg'), klass.convert_angle_from_offical(number(120, 'deg'))
end
test "Should convert old to new" do
[:top => ['to', 'bottom'], :bottom => ['to', 'top'], :left => ['to', 'right'], :right => ['to', 'left']].each do |test_value|
assert_equal list(identifier(test_value.keys.first.to_s), :space), klass.convert_angle_from_offical(
list(identifier(test_value.values[0].first), identifier(test_value.values[0].last), :space))
end
end
end
================================================
FILE: cli/test/units/sprites/engine_test.rb
================================================
require 'test_helper'
class EngineTest < Test::Unit::TestCase
include SpriteHelper
def setup
create_sprite_temp
sprite_filename = 'squares/ten-by-ten.png'
@images = [
Compass::SassExtensions::Sprites::Image.new(nil, File.join(sprite_filename), {})
]
@engine = Compass::SassExtensions::Sprites::Engine.new(100, 100, @images)
end
def taredown
clean_up_sprites
end
test "should have width of 100" do
assert_equal 100, @engine.width
end
test "should have height of 100" do
assert_equal 100, @engine.height
end
test "should have correct images" do
assert_equal @images, @engine.images
end
test "raises Compass::Error when calling save" do
begin
@engine.save('foo')
assert false, '#save did not raise an exception'
rescue Compass::Error
assert true
end
end
test "raises Compass::Error when calling construct_sprite" do
begin
@engine.construct_sprite
assert false, '#construct_sprite did not raise an exception'
rescue Compass::Error
assert true
end
end
end
================================================
FILE: cli/test/units/sprites/image_row_test.rb
================================================
require 'test_helper'
class ImageRowTest < Test::Unit::TestCase
include SpriteHelper
def setup
clean_up_sprites
create_sprite_temp
file = StringIO.new("images_path = #{@images_src_path.inspect}\n")
Compass.add_configuration(file, "sprite_config")
@filenames = %w(large.png large_square.png medium.png tall.png small.png)
@image_files = Dir["#{@images_src_path}/image_row/*.png"].sort
@images = @image_files.map do |img|
img.gsub!("#{@images_src_path}/", '')
Compass::SassExtensions::Sprites::Image.new(nil, img, {})
end
image_row(1000)
end
def teardown
clean_up_sprites
end
def image_row(max)
@image_row = Compass::SassExtensions::Sprites::ImageRow.new(max)
end
def populate_row
@images.each do |image|
assert @image_row.add(image)
end
end
it "should return false if image will not fit in row" do
image_row(100)
img = Compass::SassExtensions::Sprites::Image.new(nil, File.join('image_row', 'large.png'), {})
assert !@image_row.add(img)
end
it "should have 5 images" do
populate_row
assert_equal 5, @image_row.images.size
end
it "should return max image width" do
populate_row
assert_equal 400, @image_row.width
end
it "should return max image height" do
populate_row
assert_equal 40, @image_row.height
end
it "should have an efficiency rating" do
populate_row
assert_equal 1 - (580.0 / 1000.0), @image_row.efficiency
end
end
================================================
FILE: cli/test/units/sprites/image_test.rb
================================================
require 'test_helper'
require 'mocha'
require 'ostruct'
class SpritesImageTest < Test::Unit::TestCase
include SpriteHelper
def setup
create_sprite_temp
end
def teardown
clean_up_sprites
end
SPRITE_FILENAME = 'selectors/ten-by-ten.png'
def sprite_path
File.join(@images_tmp_path, SPRITE_FILENAME)
end
def sprite_name
File.basename(SPRITE_FILENAME, '.png')
end
def digest
Digest::MD5.file(sprite_path).hexdigest
end
def test_map(options ={})
options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}.merge(options)
map = sprite_map_test(options)
end
def test_image(options ={})
test_map(options).images.first
end
test 'initialize' do
image = test_image
assert_equal sprite_name, image.name
assert_equal sprite_path, image.file
assert_equal SPRITE_FILENAME, image.relative_file
assert_equal 10, image.width
assert_equal 10, image.height
assert_equal digest, image.digest
assert_equal 0, image.top
assert_equal 0, image.left
end
test 'hover' do
assert_equal 'ten-by-ten_hover', test_image.hover.name
end
test 'hover should find image by _ or - in file name' do
map = test_map(:seperator => '-')
map.images.each_index do |i|
if map.images[i].name == 'ten-by-ten_hover'
map.images[i].stubs(:name).returns('ten-by-ten-hover')
end
end
test_image = map.images.first
assert_equal 'ten-by-ten-hover', test_image.hover.name
end
test 'no parent' do
assert_nil test_image.parent
end
test 'image type is "global" should raise exception' do
assert_raise ::Compass::SpriteException do
image = test_image "selectors_ten_by_ten_repeat" => Sass::Script::String.new('global')
image.repeat
end
end
test 'image type is "no-repeat"' do
img = test_image
assert_equal 'no-repeat', img.repeat
assert img.no_repeat?
end
test 'image repeat-x' do
img = test_image "selectors_ten_by_ten_repeat" => Sass::Script::String.new('repeat-x')
assert img.repeat_x?
end
test 'image repeat-y' do
img = test_image "selectors_ten_by_ten_repeat" => Sass::Script::String.new('repeat-y')
assert img.repeat_y?
end
test 'image position' do
image = test_image "selectors_ten_by_ten_position" => Sass::Script::Number.new(100, ["px"])
assert_equal 100, image.position.value
end
test 'image spacing' do
@spacing = 10
image = test_image "spacing" => Sass::Script::Number.new(100, ["px"])
assert_equal 100, image.spacing
end
test 'offset' do
image = test_image "selectors_ten_by_ten_position" => Sass::Script::Number.new(100, ["px"])
assert_equal 100, image.offset
end
test 'neither, uses 0' do
img = test_image
img.position.stubs(:unitless?).returns(false)
assert_equal 0, img.offset
end
end
================================================
FILE: cli/test/units/sprites/images_test.rb
================================================
require 'test_helper'
require 'compass/sass_extensions/sprites/images'
class ImagesTest < Test::Unit::TestCase
def setup
@images = Compass::SassExtensions::Sprites::Images.new
@images << OpenStruct.new(:foo => 1, :name => 'bob', :size => 1200, :width => 10)
@images << OpenStruct.new(:foo => 2, :name => 'bob', :size => 300, :width => 100)
@images << OpenStruct.new(:foo => 3, :name => 'aob', :size => 120, :width => 50)
@images << OpenStruct.new(:foo => 4, :name => 'zbob', :size => 600, :width => 55)
end
test "sort by size" do
@images.sort_by! :size
assert_equal [3, 2, 4, 1], @images.map(&:foo)
end
test "sort by !size" do
@images.sort_by! '!size'
assert_equal [3, 2, 4, 1].reverse, @images.map(&:foo)
end
test "sort by name" do
@images.sort_by! :name
assert_equal [3, 2, 1, 4], @images.map(&:foo)
end
test "sort by !name" do
@images.sort_by! '!name'
assert_equal [3, 2, 1, 4].reverse, @images.map(&:foo)
end
test "sort by width" do
@images.sort_by! :width
assert_equal [1, 3, 4, 2], @images.map(&:foo)
end
test "sort by !width" do
@images.sort_by! '!width'
assert_equal [1, 3, 4, 2].reverse, @images.map(&:foo)
end
end
================================================
FILE: cli/test/units/sprites/importer_test.rb
================================================
require 'test_helper'
class ImporterTest < Test::Unit::TestCase
include SpriteHelper
def setup
create_sprite_temp
file = StringIO.new("images_path = #{@images_src_path.inspect}\n")
Compass.add_configuration(file, "sprite_config")
@importer = Compass::SpriteImporter.new
end
def teardown
Compass.reset_configuration!
end
def options
{:foo => 'bar'}
end
test "should use search path to find sprites" do
Compass.reset_configuration!
uri = 'foo/*.png'
other_folder = File.join(@images_tmp_path, '../other-temp')
FileUtils.mkdir_p other_folder
FileUtils.mkdir_p File.join(other_folder, 'foo')
%w(my bar).each do |file|
FileUtils.touch(File.join(other_folder, "foo/#{file}.png"))
end
config = Compass::Configuration::Data.new('config')
config.images_path = @images_tmp_path
config.sprite_load_path = [@images_tmp_path, other_folder]
Compass.add_configuration(config, "sprite_config")
importer = Compass::SpriteImporter.new
assert_equal 2, Compass.configuration.sprite_load_path.compact.size
assert Compass.configuration.sprite_load_path.include?(other_folder)
assert_equal ["bar", "my"], Compass::SpriteImporter.sprite_names(uri)
FileUtils.rm_rf other_folder
end
test "name should return the sprite name" do
assert_equal 'selectors', Compass::SpriteImporter.sprite_name(URI)
end
test "path should return the sprite path" do
assert_equal 'selectors', Compass::SpriteImporter.path(URI)
end
test "should return all the sprite names" do
assert_equal ["ten-by-ten", "ten-by-ten_active", "ten-by-ten_hover", "ten-by-ten_target"], Compass::SpriteImporter.sprite_names(URI)
end
test "should have correct mtime" do
thirtydays = Time.now.to_i + (60*60*24*30)
file = Dir[File.join(@images_src_path, URI)].sort.first
File.utime(thirtydays, thirtydays, file)
assert_equal thirtydays, File.mtime(file).to_i
assert_equal thirtydays, @importer.mtime(URI, {}).to_i
end
test "should return sass engine on find" do
assert @importer.find(URI, {}).is_a?(Sass::Engine)
end
test "sass options should contain options" do
opts = Compass::SpriteImporter.sass_options('foo', @importer, options)
assert_equal 'bar', opts[:foo]
end
test "verify that the sass_engine passes the correct filename" do
importer = Compass::SpriteImporter.new
engine = Compass::SpriteImporter.sass_engine(URI, 'foo', importer, options)
assert_equal engine.options[:filename], URI
end
test "should fail given bad sprite extensions" do
@images_src_path = File.join(File.dirname(__FILE__), '..', '..', 'fixtures', 'sprites', 'public', 'images')
file = StringIO.new("images_path = #{@images_src_path.inspect}\n")
Compass.add_configuration(file, "sprite_config")
importer = Compass::SpriteImporter.new
uri = "bad_extensions/*.jpg"
begin
Compass::SpriteImporter.sass_engine(uri, Compass::SpriteImporter.sprite_name(uri), importer, {})
assert false, "An invalid sprite file made it past validation."
rescue Compass::Error => e
assert e.message.include?("invalid sprite path")
end
end
end
================================================
FILE: cli/test/units/sprites/layout_test.rb
================================================
require 'test_helper'
class LayoutTest < Test::Unit::TestCase
include SpriteHelper
def setup
Hash.send(:include, Compass::SassExtensions::Functions::Sprites::VariableReader)
clean_up_sprites
create_sprite_temp
file = StringIO.new("images_path = #{@images_tmp_path.inspect}\n")
Compass.add_configuration(file, "sprite_config")
Compass.configure_sass_plugin!
@options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}
end
def teardown
clean_up_sprites
end
# HELPERS
def vertical
opts = @options.merge("layout" => Sass::Script::String.new('vertical'))
sprite_map_test(opts)
end
def smart
options = @options.merge("layout" => Sass::Script::String.new('smart'))
importer = Compass::SpriteImporter.new
uri = "image_row/*.png"
path, name = Compass::SpriteImporter.path_and_name(uri)
sprite_names = Compass::SpriteImporter.sprite_names(uri)
sass_engine = Compass::SpriteImporter.sass_engine(uri, name, importer, options)
map = Compass::SassExtensions::Sprites::SpriteMap.new(sprite_names.map {|n| "image_row/#{n}.png"}, path, name, sass_engine, options)
map.options = {:compass => {:logger => Compass::NullLogger.new}}
map
end
def diagonal
opts = @options.merge("layout" => Sass::Script::String.new('diagonal'))
sprite_map_test(opts)
end
def horizontal(options= {}, uri=URI)
opts = @options.merge("layout" => Sass::Script::String.new('horizontal'))
opts.merge!(options)
sprite_map_test(opts, uri)
end
# REPEAT_X
test 'repeat-x layout single image' do
opts = {"repeat_x_three_repeat" => Sass::Script::String.new('repeat-x'), 'sort_by' => Sass::Script::String.new('width')}
map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')
assert_equal 6, map.width
assert_equal [0, 1, 3, 6, 10, 3, 3], map.images.map(&:top)
assert_equal [0, 0, 0, 0, 0, 0, 3], map.images.map(&:left)
end
test 'repeat-x layout multi image' do
opts = {"repeat_x_three_repeat" => Sass::Script::String.new('repeat-x'), "repeat_x_four_repeat" => Sass::Script::String.new('repeat-x')}
map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')
assert_equal 12, map.width
end
test "repeat-y layout single image" do
opts = {"layout" => Sass::Script::String.new('horizontal'), "squares_ten_by_ten_repeat" => Sass::Script::String.new('repeat-y')}
map = sprite_map_test(@options.merge(opts), 'squares/*.png')
assert_equal 30, map.width
assert_equal 20, map.height
assert_equal 3, map.images.size
assert_equal [[0,0], [0,10], [10,0]], map.images.map { |img| [img.top, img.left] }
assert map.horizontal?
end
test "repeat-y layout multi image" do
opts = {"layout" => Sass::Script::String.new('horizontal'), "repeat_x_three_repeat" => Sass::Script::String.new('repeat-y'), "repeat_x_four_repeat" => Sass::Script::String.new('repeat-y')}
map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')
assert_equal [[0, 0], [0, 5], [0, 9], [0, 10], [0, 13], [4, 5], [8, 5], [3, 10], [6, 10], [9, 10]], map.images.map { |img| [img.top, img.left] }
end
# VERTICAL LAYOUT
it "should have a vertical layout" do
vert = vertical
assert_equal [0, 10, 20, 30], vert.images.map(&:top)
assert_equal [0, 0, 0, 0], vert.images.map(&:left)
assert vert.vertical?
end
it "should have a vertical layout with spacing" do
vert = sprite_map_test(@options.merge({"spacing" => Sass::Script::Number.new(10, ['px'])}))
assert_equal [0, 20, 40, 60], vert.images.map(&:top)
end
it "should layout vertical with position" do
vert = sprite_map_test("selectors_ten_by_ten_active_position" => Sass::Script::Number.new(10, ['px']))
assert_equal [0, 10, 0, 0], vert.images.map(&:left)
end
it "should generate vertical sprites in decending order" do
sizes = vertical.images.map{|image| File.size(image.file) }
assert_equal sizes.min, File.size(vertical.images.first.file)
assert_equal sizes.max, File.size(vertical.images.last.file)
end
# SMART LAYOUT
it "should have a smart layout" do
base = smart
base.generate
assert base.smart?
assert_equal 400, base.width
assert_equal 60, base.height
assert_equal [[0, 0], [20, 120], [20, 0], [20, 100], [20, 160]], base.images.map {|i| [i.top, i.left]}
assert File.exists?(base.filename)
FileUtils.rm base.filename
end
# DIAGONAL LAYOUT
it "should generate a diagonal sprite" do
base = diagonal
base.generate
assert base.diagonal?
assert_equal 40, base.width
assert_equal 40, base.height
assert_equal [[30, 0], [20, 10], [10, 20], [0, 30]], base.images.map {|i| [i.top, i.left]}
assert File.exists?(base.filename)
FileUtils.rm base.filename
end
# HORIZONTAL LAYOUT
it "should have a horizontal layout" do
base = horizontal
assert base.horizontal?
assert_equal 10, base.height
assert_equal 40, base.width
end
it "should layout images horizontaly" do
base = horizontal
assert_equal [0, 10, 20, 30], base.images.map(&:left)
assert_equal [0, 0, 0, 0], base.images.map(&:top)
end
it "should layout horizontaly with spacing" do
base = horizontal("spacing" => Sass::Script::Number.new(10, ['px']))
assert_equal [0, 20, 40, 60], base.images.map(&:left)
assert_equal [0, 0, 0, 0], base.images.map(&:top)
assert_equal 80, base.width
end
it "should layout horizontaly with spacing and and position" do
base = horizontal({"spacing" => Sass::Script::Number.new(10, ['px']), "position" => Sass::Script::Number.new(50, ['%'])}, 'squares/*.png')
assert_equal [0, 20], base.images.map(&:left)
assert_equal [5, 0], base.images.map(&:top)
assert_equal 50, base.width
end
it "should layout horizontaly with position" do
base = horizontal("selectors_ten_by_ten_active_position" => Sass::Script::Number.new(10, ['px']))
assert_equal [0, 10, 0, 0], base.images.map(&:top)
assert_equal 40, base.width
assert_equal 20, base.height
end
it "should generate a horrizontal sprite" do
base = horizontal
base.generate
assert File.exists?(base.filename)
FileUtils.rm base.filename
end
end
================================================
FILE: cli/test/units/sprites/row_fitter_test.rb
================================================
require 'test_helper'
require 'compass/sass_extensions/sprites/row_fitter'
class RowFitterTest < Test::Unit::TestCase
include SpriteHelper
def setup
file = StringIO.new("images_path = #{@images_src_path.inspect}\n")
Compass.add_configuration(file, "sprite_config")
end
def row_fitter(images = nil)
@row_fitter ||= Compass::SassExtensions::Sprites::RowFitter.new(images)
end
def teardown
@row_fitter = nil
end
def create_images(dims)
dims.collect { |width, height|
image = Compass::SassExtensions::Sprites::Image.new('blah', 'blah', {})
image.stubs(:width => width, :height => height)
image
}
end
def basic_dims
[
[ 100, 10 ],
[ 80, 10 ],
[ 50, 10 ],
[ 35, 10 ],
[ 20, 10 ]
]
end
it 'should use the fast placement algorithm' do
images = create_images(basic_dims)
row_fitter(images)
assert_equal 100, row_fitter.width
row_fitter.fit!(:fast)
assert_equal 4, row_fitter.rows.length
assert_equal [ images[0] ], row_fitter[0].images
assert_equal [ images[1] ], row_fitter[1].images
assert_equal [ images[2], images[3] ], row_fitter[2].images
assert_equal [ images[4] ], row_fitter[3].images
end
it 'should use the scan placement algorithm' do
images = create_images(basic_dims)
row_fitter(images)
row_fitter.fit!(:scan)
assert_equal 3, row_fitter.rows.length
assert_equal [ images[0] ], row_fitter[0].images
assert_equal [ images[1], images[4] ], row_fitter[1].images
assert_equal [ images[2], images[3] ], row_fitter[2].images
end
end
================================================
FILE: cli/test/units/sprites/sprite_command_test.rb
================================================
require 'test_helper'
require 'compass/exec'
class SpriteCommandTest < Test::Unit::TestCase
include Compass::TestCaseHelper
include Compass::CommandLineHelper
include Compass::IoHelper
attr_reader :test_dir
include SpriteHelper
def setup
@before_dir = ::Dir.pwd
create_temp_cli_dir
create_sprite_temp
@config_file = File.join(@test_dir, 'config.rb')
File.open(@config_file, 'w') do |f|
f << config_data
end
end
def config_data
return <<-CONFIG
images_path = "#{@images_tmp_path}"
CONFIG
end
def create_temp_cli_dir
directory = File.join(File.expand_path('../', __FILE__), 'test')
::FileUtils.mkdir_p directory
@test_dir = directory
end
def run_compass_with_options(options)
output = 'foo'
::Dir.chdir @test_dir
compass *options
end
def options_to_cli(options)
options.map.flatten!
end
def teardown
::Dir.chdir @before_dir
clean_up_sprites
if File.exists?(@test_dir)
::FileUtils.rm_r @test_dir
end
end
it "should create sprite file" do
assert_equal 0, run_compass_with_options(['sprite', "-f", 'stylesheet.scss', "squares/*.png"]).to_i
assert File.exists?(File.join(test_dir, 'stylesheet.scss'))
end
end
================================================
FILE: cli/test/units/sprites/sprite_map_test.rb
================================================
require 'test_helper'
class SpriteMapTest < Test::Unit::TestCase
include SpriteHelper
def setup
Hash.send(:include, Compass::SassExtensions::Functions::Sprites::VariableReader)
create_sprite_temp
file = StringIO.new(<<-CONFIG)
project_path = "#{@images_proj_path}"
images_dir = "#{@images_tmp_dir}"
CONFIG
Compass.add_configuration(file, "sprite_config")
Compass.configure_sass_plugin!
@options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}
@base = sprite_map_test(@options)
end
def teardown
clean_up_sprites
@base = nil
end
it "should have the correct size" do
assert_equal [10,40], @base.size
end
it "should have the sprite names" do
assert_equal Compass::SpriteImporter.sprite_names(URI), @base.sprite_names
end
it 'should have image filenames' do
assert_equal Dir["#{@images_tmp_path}/selectors/*.png"].sort, @base.image_filenames
end
it 'should need generation' do
assert @base.generation_required?
end
test 'uniqueness_hash' do
assert_equal '4c703bbc05', @base.uniqueness_hash
end
it 'should be outdated' do
assert @base.outdated?
end
it 'should have correct filename' do
assert_equal File.join(@images_tmp_path, "#{@base.path}-s#{@base.uniqueness_hash}.png"), @base.filename
end
it "should return the 'ten-by-ten' image" do
assert_equal 'ten-by-ten', @base.image_for('ten-by-ten').name
assert @base.image_for('ten-by-ten').is_a?(Compass::SassExtensions::Sprites::Image)
end
%w(target hover active).each do |selector|
it "should have a #{selector}" do
assert @base.send(:"has_#{selector}?", 'ten-by-ten')
end
it "should return #{selector} image class" do
assert_equal "ten-by-ten_#{selector}", @base.image_for('ten-by-ten').send(:"#{selector}").name
end
it "should find file with '-' #{selector}" do
map = sprite_map_test(:seperator => '-')
map.images.each_index do |i|
if map.images[i].name != 'ten-by-ten'
name = map.images[i].name.gsub(/_/, '-')
map.images[i].stubs(:name).returns(name)
end
end
assert_equal "ten-by-ten-#{selector}", map.image_for('ten-by-ten').send(:"#{selector}").name
end
end
it "should generate sprite" do
@base.generate
assert File.exists?(@base.filename)
assert !@base.generation_required?
assert !@base.outdated?
end
it "should remove old sprite when generating new" do
@base.generate
file = @base.filename
assert File.exists?(file), "Original file does not exist"
file_to_remove = File.join(@images_tmp_path, 'selectors', 'ten-by-ten.png')
FileUtils.rm file_to_remove
assert !File.exists?(file_to_remove), "Failed to remove sprite file"
@base = sprite_map_test(@options)
@base.generate
assert !File.exists?(file), "Sprite file did not get removed"
end
test "should get correct relative_name" do
Compass.reset_configuration!
uri = 'foo/*.png'
other_folder = File.join(@images_tmp_path, '../other-temp')
FileUtils.mkdir_p other_folder
FileUtils.mkdir_p File.join(other_folder, 'foo')
%w(my bar).each do |file|
FileUtils.touch(File.join(other_folder, "foo/#{file}.png"))
end
config = Compass::Configuration::Data.new('config')
config.images_path = @images_tmp_path
config.sprite_load_path = [@images_tmp_path, other_folder]
Compass.add_configuration(config, "sprite_config")
assert_equal 'foo/my.png', Compass::SassExtensions::Sprites::SpriteMap.relative_name(File.join(other_folder, 'foo/my.png'))
FileUtils.rm_rf other_folder
end
test "should get correct relative_name for directories with similar names" do
Compass.reset_configuration!
uri = 'foo/*.png'
other_folder = File.join(@images_tmp_path, '../other-temp')
other_folder2 = File.join(@images_tmp_path, '../other-temp2')
FileUtils.mkdir_p other_folder
FileUtils.mkdir_p other_folder2
FileUtils.mkdir_p File.join(other_folder2, 'foo')
%w(my bar).each do |file|
FileUtils.touch(File.join(other_folder2, "foo/#{file}.png"))
end
config = Compass::Configuration::Data.new('config')
config.images_path = @images_tmp_path
config.sprite_load_path = [@images_tmp_path, other_folder, other_folder2]
Compass.add_configuration(config, "sprite_config")
assert_equal 'foo/my.png', Compass::SassExtensions::Sprites::SpriteMap.relative_name(File.join(other_folder2, 'foo/my.png'))
FileUtils.rm_rf other_folder
FileUtils.rm_rf other_folder2
end
test "should create map for nested" do
base = Compass::SassExtensions::Sprites::SpriteMap.from_uri OpenStruct.new(:value => 'nested/squares/*.png'), @base.instance_variable_get(:@evaluation_context), @options
assert_equal 'squares', base.name
assert_equal 'nested/squares', base.path
end
test "should have correct position on ten-by-ten" do
percent = Sass::Script::Number.new(50, ['%'])
base = sprite_map_test(@options.merge('selectors_ten_by_ten_position' => percent))
assert_equal percent, base.image_for('ten-by-ten').position
end
test 'gets name for sprite in search path' do
Compass.reset_configuration!
uri = 'foo/*.png'
other_folder = File.join(@images_tmp_path, '../other-temp')
FileUtils.mkdir_p other_folder
FileUtils.mkdir_p File.join(other_folder, 'foo')
%w(my bar).each do |file|
FileUtils.touch(File.join(other_folder, "foo/#{file}.png"))
end
config = Compass::Configuration::Data.new('config')
config.images_path = @images_tmp_path
config.sprite_load_path = [@images_tmp_path, other_folder]
Compass.add_configuration(config, "sprite_config")
image = Compass::SassExtensions::Sprites::Image.new(@base, "foo/my.png", {})
assert_equal File.join(other_folder, 'foo/my.png'), image.file
assert_equal 0, image.size
end
end
================================================
FILE: compass-style.org/.compass/config.rb
================================================
# Require any additional compass plugins here.
require 'susy'
require 'css-slideshow'
# Set this to the root of your project when deployed:
http_path = "/"
project_path = File.expand_path(File.join(File.dirname(__FILE__), '..'))
css_dir = "output/stylesheets"
sass_dir = "content/stylesheets"
images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
fonts_dir = "assets/fonts"
http_javascripts_dir = "javascripts"
http_stylesheets_dir = "stylesheets"
http_images_dir = "images"
http_fonts_dir = "fonts"
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
================================================
FILE: compass-style.org/.gitignore
================================================
bin
vendor
output
vendor/ruby
crash.log
tmp
.bundle
sync
.rvmrc
================================================
FILE: compass-style.org/.livereload
================================================
# Lines starting with pound sign (#) are ignored.
# additional extensions to monitor
#config.exts << 'haml'
# exclude files with NAMES matching this mask
#config.exclusions << '~*'
# exclude files with PATHS matching this mask (if the mask contains a slash)
#config.exclusions << '/excluded_dir/*'
# exclude files with PATHS matching this REGEXP
#config.exclusions << /somedir.*(ab){2,4}.(css|js)$/
# reload the whole page when .js changes
#config.apply_js_live = false
# reload the whole page when .css changes
#config.apply_css_live = false
# wait 100ms for more changes before reloading a page
#config.grace_period = 0.1
================================================
FILE: compass-style.org/Gemfile
================================================
source 'https://rubygems.org'
gem 'nanoc', '~> 3.4.2'
gem 'i18n'
gem 'adsf'
gem 'rb-inotify'
gem 'thin'
gem 'foreman'
gem 'rdiscount'
gem 'thor'
gem 'rack'
gem 'fssm'
gem 'mime-types'
gem 'nokogiri'
gem 'coderay'
gem 'haml'
gem 'rake'
gem 'activesupport', '~> 3.0.10', :require => 'active_support/inflector'
gem 'sass', "~> 3.3.0"
gem 'compass', :path => ".."
gem 'susy'
gem 'css-slideshow', "0.2.0"
gem 'json'
gem 'css_parser', "1.0.1"
gem 'rb-fsevent'
gem 'builder'
================================================
FILE: compass-style.org/Procfile
================================================
watch: bundle exec nanoc watch
view: bundle exec nanoc view -H thin
================================================
FILE: compass-style.org/README.markdown
================================================
# Compass documentation
* [About](#about)
* [Documentation setup](#documentation-setup)
* [Documentation project structure](#documentation-project-structure)
* [HOW-TOs](#how-tos)
If you want to work on a specific part of the docs, please let everyone know via the [Compass-devs google group](http://groups.google.com/group/compass-devs/browse_thread/thread/41dc723721a194f8).
---
## About
This is the documentation for Compass. Much of the documentation is read from the
Sass source files to keep the docs in-line with current state of the code as much as
possible.
If you're reading this, you might be thinking about helping to improve the Compass documentation by editing existing documentation or by adding new documentation.
There are two main kinds of documentation:
* Tutorials → Describe **how** to use Compass.
* Reference → Details about **what** Compass has.
It's possible and encouraged for related tutorials and reference documentation to
link to each other.
## Documentation setup
So you want to help documenting Compass?
Setting up the documentation for Compass is not super-easy, but it's pretty doable.
The Compass docs live in the source code of Compass. Not directly in the Sass files though: the documentation is a combination of inline comments and source code read directly from the Sass files, and hand-maintained documentation and examples. We use [nanoc](http://nanoc.stoneship.org/) to generate a static website, combined with some Ruby to read the Compass source.
The reasons for this setup are simple:
* to keep the documentation current, we need to read from the source code
* to read from the source code, we need to be in the source code
If you encounter any problems, there's usually some people around to help at #compass on freenode IRC.
### Prerequisites:
* a Github account, setup to be able to clone repos (see [GitHub Help](http://help.github.com/))
* [Git](http://git-scm.com/downloads) installed on your computer
* a basic knowledge of Git ([Pro Git](http://git-scm.com/book) is an excellent free guide)
Make sure that you have RubyGems v1.3.6 or greater:
```sh
$ gem -v
```
If that doesn't work, RubyGems is probably out of date, try:
```sh
$ (sudo) gem update --system
```
You will need the [Bundler](http://gembundler.com/) gem, so if you don't have it:
```sh
$ (sudo) gem install bundler
```
A list of the gems on your system can be accessed via `gem list`. Run `gem list bundler` to see if you have bundler installed.
### 1. Get your own copy of Compass (fork)
Make your own fork of Compass on Github by clicking the "Fork" button on [http://github.com/chriseppstein/compass](http://github.com/chriseppstein/compass), then go to your fork of Compass on GitHub. Your compass fork will be available at `http://github.com//compass` .
### 2. Directory setup
`git clone` your fork of the Compass repository:
```sh
$ git clone git@github.com:/compass.git
```
### 3. Bundler
If you haven't yet done so, install bundler:
```sh
$ (sudo) gem install bundler
```
Bundle the gems for this application:
```sh
$ cd compass-style.org
$ bundle install
```
### 3/4. Binstubs
If your bundler is still stuck with generating binstubs (an approach we
used before), check if there's a `.bundler` directory in
`compass-style.org`. If there is, delete it and try again. If you don't
know what we're talking about, then everything is fine, continue... :)
### 4. Compile the docs
First, make sure you're in the `compass-style.org` directory. To watch the folder for changes and to preview the site in your browser, run:
```sh
$ foreman start
```
Then go to [http://localhost:3000](http://localhost:3000) to view the site.
We use [foreman](https://github.com/ddollar/foreman) to combine two nanoc commands using a `Procfile`, which you'll find in `compass-style.org`. If you take a look a it, you'll see two processes, `watch` and `view`:
```sh
watch: bundle exec nanoc watch
view: bundle exec nanoc view -H thin
```
`nanoc watch` watches for changes and `nanoc view -H thin` previews the site using thin (rather than WEBrick, which it would use by default). We suggest you install [Growl](http://growl.info/) or [rb-inotify](https://github.com/nex3/rb-inotify) so you can receive notifications when the site is done compiling.
Your basic workflow might look like this:
1. run `foreman start`
1. open [http://localhost:3000](http://localhost:3000)
1. make changes in the project files (and save them)
1. wait for the notification that the compilation is complete
1. refresh the browser to see the changes
1. go to 3.
If you refresh the browser before the compilation is complete, nothing bad will happen, you just won't see the change until the compilation finishes (and you refresh again). That's because the site is compiling asynchronously.
Auto-compiling on file change might not be your thing. In that case, keep this process running in a separate terminal window:
```sh
$ bundle exec nanoc view -H thin
```
and run:
```sh
$ bundle exec nanoc (compile)
```
every time you want to compile the site and see the changes.
If this doesn't work for you, you could try nanoc's `aco` (or `autocompile`) command:
```sh
$ bundle exec nanoc aco -H thin
```
It compiles and previews the site in the browser (also at [http://localhost:3000](http://localhost:3000)), then recompiles it on each request. The difference from the previous approach is that the site is recompiled each time a page is requested, not when a file is changed. This approach is usually more sluggish because it's synchronous.
For convenience, all these commands are written as rake tasks:
```sh
$ rake watch # bundle execn nanoc watch
$ rake view # bundle exec nanoc view -H thin
$ rake compile # bundle exec nanoc (compile)
$ rake aco # bundle exec nanoc aco -H thin
```
if you choose not to use the Procfile approach.
It is recommended that you read the 5 minute [tutorial](http://nanoc.stoneship.org/tutorial/) on nanoc.
### 5. Commit your changes to your fork
When you're happy with the changes you made and you're ready to submit them, use `git add` to stage the changes, then commit them with:
```sh
$ git commit
```
When you're ready to push your changes to your Compass fork on GitHub, run:
```sh
$ git push -u origin
```
depending on which branch you want to push. Your changes are now reflected on your github repo. Go to Github and click the "Pull Request" button on top of your repo to notify Chris of changes. He will verify them and merge them into the master.
#### How to pull in new changes
Add the original Compass repository to your Git remotes:
```sh
$ git remote add chris git://github.com/chriseppstein/compass.git
```
Then get the new changes with fetch:
```sh
$ git fetch chris
```
And merge them with your local docs branch:
```sh
$ git merge chris
```
## Documentation project structure
.compass/config.rb
Compass configuration of the project.
content/
Content of the project.
content/reference/
Reference documentation.
content/examples/
Examples.
content/help/tutorials/
Tutorial documentation.
content/stylesheets/
Sass stylesheets for the project.
assets/css/
Third-party, plain old CSS files.
assets/images/
Images.
assets/javascripts/
JavaScript files.
layouts/
Layouts for the project.
layouts/partials/
Partials for the project.
lib/
Ruby code – helper code and Sass source inspection is done here.
## HOW-TOs
### How to Add an Asset
If you are adding an asset (e.g. image, CSS, JavaScript) place the file(s) in the appropriate directories under the `assets` directory.
### How to Add a New Example
(Again, make sure you're in the `compass-style.org` directory.)
We're using [Thor](https://github.com/wycats/thor) to generate examples and references. The command for generating examples is `generate:example`, you can see command's description and available options by running:
```sh
$ thor help generate:example
```
which produces:
```sh
Usage:
thor generate:example path/to/module
Options:
-t, [--title=TITLE] # Title of the example.
-d, [--description=DESCRIPTION] # Description of the example, which is shown below the link.
-m, [--mixin=MIXIN] # Name of the specific mixin in the module if the example isn't about the whole module.
Generates a new example.
```
All of these are optional and have reasonable defaults, you can use them when understand what exactly they are setting. They are all simple metadata values, so you can change them later on.
**Note**: When generating examples or references, Thor is searching for the appropriate
module stylesheet. If it doesn't find one, it raises an error and doesn't
generate anything. So before generating anything make sure the stylesheet exists and is
under `../frameworks/compass/stylesheets/compass/path/to/module` (relative to the `compass-style.org` directory). If the path confuses you, just take a few minutes to study how other modules are organized and you'll quickly get the hang of it.
Let's do an example:
```sh
$ thor generate:example typography/lists/inline-block-list
```
which produces the following output:
```
Generating /examples/compass/typography/lists/inline-block-list/
DIRECTORY content/examples/compass/typography/lists/inline-block-list/
CREATE content/examples/compass/typography/lists/inline-block-list.haml
CREATE content/examples/compass/typography/lists/inline-block-list/markup.haml
CREATE content/examples/compass/typography/lists/inline-block-list/stylesheet.scss
```
The command generated three files:
1. `inline-block-list.haml` → The main container, it contains example metadata
and description.
1. `markup.haml` → The markup for the example, it will be shown as HTML and as Haml and it's styled with `stylesheet.scss`.
1. `stylesheet.scss` → The style for the example, it will be shown as SCSS, Sass
and as CSS. This is the main file as it is demonstrating the module.
`markup.haml` and `stylesheet.scss` are pretty self-explanatory, but we might want take a look at `inline-block-list.haml`.
```
---
title: Inline Block List
description: How to use Inline Block List
framework: compass
stylesheet: compass/typography/lists/_inline-block-list.scss
example: true
---
- render "partials/example" do
%p Lorem ipsum dolor sit amet.
```
The stuff between `---` is called YAML front matter, it's describes example's metadata which is used to associate the example to the reference documentation.
If your example covers only a specific mixin, not the whole module, you can add
`mixin: ` to the metadata. This will display the example link right below
that mixin in the reference (otherwise, it will appear near the top, below the module
description).
After adding the example and adjusting the metadata, go to the reference page in your browser and you can verify that a link to the example has appeared.
### How to Add New Reference Documentation
Existing modules already have reference files, so you'll most likely be adding
reference files to new modules.
So we got a great idea for an awesome module, and after a lot of thinking we decided to name it `super-awesome-module`. The first step to adding a new module is creating the stylesheet. Let's say this will be a Compass CSS3 module, so we'll create a new file as `../frameworks/compass/stylesheets/compass/css3/_super-awesome-module.scss` (relative to the `compass-style.org` directory). Keep in mind that the comments inside those stylesheets are parsed with Markdown and output into the reference.
The easiest way to find out how you should write your stylesheet is to take a look at some existing modules. This module won't be very useful, but you'll get the point:
```scss
@import "shared";
// Super awesomeness variable.
$default-super-awesomeness : true !default;
// Super awesome mixin.
@mixin super-awesome {
@if $default-super-awesomeness {
$a: 5;
}
}
```
Now that we have a stylesheet, we can generate the reference for it using the
`generate:reference` command. We can first see what it does by running:
```sh
$ thor help generate:reference
```
which produces:
```sh
Usage:
thor generate:reference path/to/module
Options:
-t, [--title=TITLE] # Title of the reference.
Generate a reference page for the given module.
```
Now we can create a reference file for our new module:
```sh
$ thor generate:reference css3/super-awesome-module
```
Which produces the following output:
```
Generating /reference/compass/css3/super-awesome-module/
DIRECTORY content/reference/compass/css3/super-awesome-module/
CREATE content/reference/compass/css3/super-awesome-module.haml
```
If we open `super-awesome-module.haml`, we can see our reference template:
```
---
title: Compass Super Awesome Module
crumb: Super Awesome Module
framework: compass
stylesheet: compass/css3/_super-awesome-module.scss
layout: core
classnames:
- reference
- core
---
- render "reference" do
%p Lorem ipsum dolor sit amet.
```
If `title` and `crumb` are the way you want them to be, your metadata should be good to go. Check the reference in your browser (it should be listed as a module in CSS3), if the style appears broken, take a look at the metadata of sibling stylesheets and adjust yours accordingly. If everything looks fine you can start writing the module's description below.
Unlike what you might have guessed, the reference file only holds the main
description of the module. Descriptions of specific variables, functions and
mixins should be written as comments in the stylesheet file.
Happy documenting!
================================================
FILE: compass-style.org/Rakefile
================================================
require "bundler"
Bundler.setup
require "rake"
desc "Watch the site for changes."
task :watch do
sh "nanoc watch"
end
desc "Compile the site."
task :compile do
sh "nanoc compile"
end
desc "View the site in a browser."
task :view do
sh "nanoc view -H thin"
end
desc "View the site in a browser with live updating (sluggish)."
task :aco do
sh "nanoc aco -H thin"
end
================================================
FILE: compass-style.org/Rules
================================================
#!/usr/bin/env ruby
require 'sass'
require 'compass'
Compass.add_configuration "#{File.dirname(__FILE__)}/.compass/config.rb"
SITE_ROOT = ""
compile '/assets/*/' do
nil
end
['markup', 'stylesheet', 'background'].each do |ex_file|
compile "/examples/*/#{ex_file}/" do
snapshot :raw
nil
end
end
compile '/' do
filter :haml, :ugly => true
layout item[:layout] ? item[:layout] : "main"
end
compile '/search-data/' do
filter :erb
end
compile '/examples/*/' do
filter :haml, :ugly => true
filter :highlight
layout item[:layout] ? item[:layout] : "example"
end
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
layout item[:layout] ? item[:layout] : "main"
end
compile '/posts/*/' do
filter :erb
filter :rdiscount if item[:extension] == "markdown"
layout 'post'
end
compile "/blog/atom/" do
filter :haml, :attr_wrapper => '"'
end
compile 'sitemap' do
filter :erb
end
compile '*' do
if item[:extension] == "markdown"
filter :erb
filter :rdiscount
elsif item[:extension] == "haml"
filter :haml, :ugly => true
end
layout item[:layout] ? item[:layout] : "main"
end
route 'sitemap' do
item.identifier.chop + '.xml'
end
route "/blog/atom/" do
"/blog/atom.xml"
end
route '/search-data/' do
"#{SITE_ROOT}/javascripts"+item.identifier[0..-2]+".js"
end
(0..5).each do |i|
route("/stylesheets/#{'*/' * i}_*/") {nil}
end
route '/assets/htaccess/' do
"#{SITE_ROOT}/.htaccess"
end
route '/assets/css/*/' do
"#{SITE_ROOT}/stylesheets"+item.identifier.chop[11..-1]
end
route '/assets/images/*/' do
SITE_ROOT+item.identifier.chop[7..-1]
end
route '/assets/javascripts/*/' do
SITE_ROOT+item.identifier.chop[7..-1]
end
route '/assets/fonts/*/' do
SITE_ROOT+item.identifier.chop[7..-1]
end
route '/stylesheets/*/' do
# don't generate a directory like we do for HTML files
SITE_ROOT+item.identifier.chop + '.css'
end
route '/posts/*/' do
if item[:draft]
puts "Skipping Draft post: #{item.identifier}"
nil
elsif item.identifier =~ %r{^/posts/(\d{4})-(\d{2})-(\d{2})-(.*)/$}
"/blog/#{$1}/#{$2}/#{$3}/#{$4}/index.html"
else
puts "WARNING: malformed post name: #{item.identifier}"
nil
end
end
%w(markup stylesheet background).each do |ex_file|
route "/examples/*/#{ex_file}/" do
nil
end
end
route '*' do
SITE_ROOT+item.identifier + 'index.html'
end
layout '*', :haml, :ugly => true
================================================
FILE: compass-style.org/assets/htaccess
================================================
RedirectMatch 301 /docs/$ /reference/compass/
RedirectMatch 301 /docs/tutorials/(.*) /help/tutorials/$1
RedirectMatch 301 /docs/(.*) /$1
RedirectMatch 301 /reference/$ /reference/compass/
================================================
FILE: compass-style.org/assets/javascripts/fixups.js
================================================
$(function(){
$('span.color').each(function(i,e){
e = $(e);
e.after('');
});
$('span.arg[data-default-value]').each(function(i,e){
e = $(e);
e.attr("title", "Defaults to: " + e.attr("data-default-value"))
});
});
/*;(function()
{
typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;
function Brush(){};
Brush.prototype = new SyntaxHighlighter.Highlighter();
Brush.aliases = ['sass', 'scss', 'css', 'html'];
SyntaxHighlighter.brushes.Sass = Brush;
typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
})();*/
================================================
FILE: compass-style.org/assets/javascripts/install.js
================================================
function showInstallCommand() {
var cmd = $("#existence").val();
var commands = [];
var notes = [];
var project_name = "<myproject>";
var can_be_bare = true;
var in_working_dir = false;
var use_bundler = false;
if ($("#app-type").val() != "rails") {
commands.push("$ gem install compass");
}
if (cmd == "init") {
commands.push("$ cd " + project_name);
in_working_dir = true
project_name = ".";
$(".creating").hide();
} else {
$(".creating").show();
if ($("#project_name").val() != "")
project_name = $("#project_name").val();
}
if ($("#app-type").val() == "rails") {
notes.push("
Rails 2.3 and 3.0 users require additional installation steps. For full rails installation and upgrade instructions please refer to the compass-rails README.