[ { "path": ".gitignore", "content": "*.gem\n" }, { "path": ".travis.yml", "content": "language: ruby\n\nrvm:\n - 1.8.7\n - 1.9.2\n - 1.9.3\n - jruby-18mode\n - jruby-19mode\n - rbx\n - ree\n - 2.0.0\n - 2.1.0\n - 2.2.0\n\nsudo: false\n\nenv:\n - CI_TEST=core\n - CI_TEST=cli\n\ngemfile:\n - core/Gemfile\n - cli/gemfiles/sass_3_3.gemfile\n - cli/gemfiles/listen_2.gemfile\n\nscript: cd $CI_TEST && bundle exec rake\n\nmatrix:\n exclude:\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: 1.8.7\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: 1.8.7\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: 1.8.7\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: 1.9.2\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: 1.9.2\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: 1.9.2\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: 1.9.3\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: 1.9.3\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: 1.9.3\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: jruby-18mode\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: jruby-18mode\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: jruby-18mode\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: jruby-19mode\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: jruby-19mode\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: jruby-19mode\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: rbx\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: rbx\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: rbx\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: ree\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: ree\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: ree\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: 2.0.0\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: 2.0.0\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: 2.0.0\n - gemfile: cli/gemfiles/sass_3_3.gemfile\n env: CI_TEST=core\n rvm: 2.1.0\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=core\n rvm: 2.1.0\n - gemfile: core/Gemfile\n env: CI_TEST=cli\n rvm: 2.1.0\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=cli\n rvm: 1.8.7\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=cli\n rvm: 1.9.2\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=cli\n rvm: jruby-18mode\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=cli\n rvm: jruby-19mode\n - gemfile: cli/gemfiles/listen_2.gemfile\n env: CI_TEST=cli\n rvm: ree\n\nnotifications:\n irc: {channels: \"irc.freenode.org#compass\"}\n campfire:\n rooms:\n secure: GXnvuoZ8BVMv+JwJIBb0Ey1ARbfeypmCvpmynykD5taooedTqwyTeT32jw1YTQAOuBewgeWW1H4bF10ySz0GWmu6X2sNx9CVYT1dFudoMvLtnvEmAe0JyyRuSCBFj45jP21eRUAACltxzyX4q/gh+zRIlaRin9YBo/Xv84gDzLw=\n" }, { "path": "CONTRIBUTING.md", "content": " Contributing Stylesheets to Compass\n ===================================\n\n **Please make all pull requests against the master branch**\n\n Thank you for your interest in contributing to Compass. Our goal is to make it as easy\n as we can for you to contribute changes to compass -- So if there's something here that\n seems harder than it ought to be, please let us know.\n\n If you find a bug **in this document**, you are bound to contribute a fix. Stop reading now\n if you do not wish to abide by this rule.\n\n **Step 1**: If you do not have a github account, create one.\n\n **Step 2**: Fork Compass to your account. Go to the [main repo](http://github.com/chriseppstein/compass)\n and click the fork button.\n\n ![Fork Me](http://img.skitch.com/20101015-n4ssnfyj16e555cnn7wp2pg717.png)\n\n Now we're at a decision point. What kind of change do you intend to make?\n\n * [Fix a typo (or some other trivial change)](#trivial-changes)\n * [Documentation Changes](#documentation-changes)\n * [Fixing Stylesheet Bugs](#stylesheet-bugs)\n * [New Stylesheet Features](#stylesheet-changes)\n * [Ruby Changes](#ruby-changes)\n\n Here's some general information about the project you might find useful along the way:\n\n * [Submitting Patches](#patches)\n * [Project Structure](#project-structure)\n * [General Philosophy](#project-philosophy)\n * [Stylesheet Conventions](#stylesheet-conventions)\n * [Miscellaneous Stuff](#faq)\n * [Setting up Git](#setting-up-git)\n * [Using Compass while Under Development](#running-local-code)\n * [Running Tests](#running-tests)\n * [Recovering from a cherry-pick or a rebase](#recovering-from-rebased-or-cherry-picked-changesets)\n\n

Making Trivial Changes

\n\n Thanks to Github, making small changes is super easy. After forking the project navigate\n to the file you want to change and click the edit link.\n\n ![Edit Me](http://img.skitch.com/20101015-n2x2iaric7wkey2x7u4fa2m1hj.png)\n\n Change the file, write a commit message, and click the `Commit` button.\n\n ![Commit Me](http://img.skitch.com/20101015-br74tfwtd1ur428mq4ejt12kfc.png)\n Now you need to get your change [accepted](#patches).\n\n\n

Making Documentation Changes

\n\n The compass documentation is stored in two places. First, the `doc-src` directory is\n where the documentation lives -- however much of the documentation is generated\n from comments in the Sass files themselves. More information on [changing\n documentation][documentation]. Once your changes are pushed, please\n [submit them](#patches).\n\n

Fixing Stylesheet Bugs

\n\n **Step 3**: If this is a bug you discovered. Please [report it][issues] before working on a fix.\n This helps us better understand the patch.\n\n **Step 4**: Get [the code](#setting-up-git) if you haven't yet done so.\n\n **Step 5**: Fix the bug and commit the changes. Please make sure to mention the bug\n id in your commit message like so:\n\n Fixed the display of the fizzlebuzz in IE6.\n\n Closes GH-123.\n\n **Step 6**: Verify the fix in as many browsers as you can as well as against your own\n project. How to [use compass while changing it](#running-local-code).\n\n **Step 7**: Make sure the tests pass. More info on [running tests](#running-tests)\n If the tests fail, fix the tests or the stylesheets accordingly. If the tests, don't\n fail, that means this aspect was not well enough tested. Please [add or augment\n a test](#writing-tests).\n\n You're done. Please [submit your changes](#patches).\n\n

Making Stylesheet Changes

\n\n It is a good idea to discuss new features ideas with the compass users and developers\n before building something. Please don't be shy; send an email to the [compass mailing\n list](http://groups.google.com/group/compass-users).\n\n Many feature ideas are good but not obviously a good fit for the compass core library.\n In these cases, you can and should create a [compass extension][extensions]. Sometimes\n this is because the concept does not align with the [compass philosophy](#project-philosophy).\n But sometimes it's just because we think the idea needs time to bake. [Documentation on\n making extensions.][extensions]\n\n **Step 3**: Get [the code](#setting-up-git) if you haven't yet done so.\n\n **Step 4**: Add the feature -- contact the mailing list if you have any questions.\n\n **Step 5**: Add a test case. More info on [writing tests for compass](#writing-tests).\n\n **Step 6**: Documentation - Add or update the reference documentation. Add\n an example of using the feature. See the [doc readme for details][documentation].\n\n You're done. Please [submit your changes](#patches).\n\n

Making Ruby Changes

\n\n At this time, if you're a rubyist who's planning on working on the ruby-side of\n things, it's assumed you know how to read code and use standard ruby tools like\n rake, gem, bundler, test/unit, cucumber, rspec, etc. If you have any questions,\n please ask. No changes will be accepted without accompanying tests.\n\n

Submitting Patches

\n\n If you are submitting features that have more than one changeset, please create a\n topic branch to hold the changes while they are pending merge and also to track\n iterations to the original submission. To create a topic branch:\n\n $ git checkout -b new_branch_name\n ... make more commits if needed ...\n $ git push origin new_branch_name\n\n You can now see these changes online at a url like:\n\n http://github.com/your_user_name/compass/commits/new_branch_name\n\n If you have single-commit patches, it is fine to keep them on master. But do keep in\n mind that these changesets might be\n [cherry-picked](#recovering-from-rebased-or-cherry-picked-changesets).\n\n Once your changeset(s) are on github, select the appropriate branch containing your\n changes and send a pull request. Make sure to choose the same upstream branch that\n you developed against (probably stable or master). Most of the description of your\n changes should be in the commit messages -- so no need to write a whole lot in the\n pull request message. However, the pull request message is a good place to provide a\n rationale or use case for the change if you think one is needed. More info on [pull\n requests][pulls].\n\n ![Pull Request Example](http://img.skitch.com/20101015-rgfh43yhk7e61fchj9wccne9cq.png)\n\n Pull requests are then managed like an issue from the [compass issues page][issues].\n A code review will be performed by a compass core team member, and one of three outcomes\n will result:\n\n 1. The change is rejected -- Not all changes are right for [compass's\n philosophy](#project-philosophy). If your change is rejected it might be better\n suited for a plugin, at least until it matures and/or proves itself with the users.\n 2. The change is rejected, *unless* -- Sometimes, there are missing pieces, or\n other changes that need to be made before the change can be accepted. Comments\n will be left on the commits indicating what issues need to be addressed.\n 3. The change is accepted -- The change is merged into compass, sometimes minor\n changes are then applied by the committer after the merge.\n\n

Project Structure

\n\n compass/\n bin/\n compass - CLI executable\n devbin/ - development scripts after installing the bundle\n doc-src/ - source for documentation\n docs/ - generated documentation\n features/ - tests for compass\n frameworks/ - All frameworks in this directory are loaded automatically\n compass/ - The compass framework\n stylesheets/ - The compass libraries\n templates/ - The compass project templates and patterns\n blueprint/\n stylesheets/ - The blueprint libraries\n templates/ - The blueprint project templates and patterns\n lib/\n compass.rb - The main compass ruby library\n compass/\n app_integration/ - integration with app frameworks\n commands/ - UI agnostic support for the CLI\n configuration/ - support for project configuration\n exec/ - UI code for the CLI\n installers/ - support for installing templates\n sass_extensions/ - enhancements to Sass\n functions/ - Sass functions exposed by compass\n monkey_patches/ - Changes to sass itself\n test/ - unit tests\n\n

General Philosophy

\n\n 1. Users specify their own selectors. Compass never forces a user\n to use a presentational class name.\n 2. Compass does not require javascript. It is a CSS framework.\n 3. Compass core is \"design agnostic\". This is why compass core has no\n grid framework -- grids are not design agnostic.\n 4. Compass frameworks are not special. If compass can do it, so should an extension\n be able.\n 5. Sass is awesome -- Compass should make sass more accessible and\n demonstrate how to use Sass to its fullest potential.\n 6. Developing across browsers is hard and will always be hard. It takes\n a community to get it right.\n 7. By default, Compass supports as many browsers as it can. Where it can't\n it progressively enhances. Where it degrades, the documentation should\n make a note. Deviation from this requires an excellent reason.\n 8. Compass is a proving ground for Sass features. The watcher and color\n functions are examples of features that started in Compass and got\n moved to Sass.\n\n

Stylesheet Conventions

\n\n 1. All framework stylesheets are partials. Their filename begin with an underscore.\n Otherwise, Sass will create stylesheets directly into the user's CSS directory.\n 2. Compass imports do not emit styles. There are a few limited exceptions to this like\n the resets and base classes for inheritance.\n 3. Mixins with two-level defaults. Mixins often provide two levels of default\n values. The first is a global default that can be overridden once. The second\n is a default that can be overridden when the mixin is included.\n 4. Mixin argument names are part of the public API, make sure they are understandable and not\n needlessly truncated or terse.\n 5. If adding a new folder of stylesheets, add a single stylesheet with the same name that\n imports all of the stylesheets in the folder.\n 6. Try to avoid passing selectors as arguments. This is what mixins are for.\n\n\n

Common Problems & Miscellaneous Info

\n\n

Setting up Git

\n\n Please follow [these instructions](http://help.github.com/git-email-settings/)\n to set up your email address and attribution information.\n\n Download your git repo:\n\n git clone git@github.com:your_username/compass.git\n\n Set up a remote to the main repo:\n\n cd compass\n git remote add chriseppstein git://github.com/chriseppstein/compass.git\n\n Getting recent changes from the main repo:\n\n git fetch chriseppstein\n\n

Using Compass while Under Development

\n\n 1. Use the bin script. `/path/to/compass/bin/compass` is a version of the compass\n command line that uses the local changes you have made. You can add `/path/to/compass/bin`\n to your `$PATH`, or refer to it directly.\n 2. `gem build compass.gemspec`\n 3. `gem install compass-.gem` -- If installing to your\n system gems, you'll probably need to add `sudo` to the front. If you don't know\n what that means, you probably need to add `sudo` to the front.\n 4. In a [bundled][bundler] environment, you can configure your gem to use compass\n while you work on it like so: `gem 'compass', :path => \"/Users/myusername/some/path/to/compass\"`\n Bundler will perform some sort of charm on ruby to make it work.\n5. Configuring ruby directly. If you're a ruby pro, you probably don't need to be\n told that you can set compass on the load path like so: `export RUBYLIB=/Users/myusername/some/path/to/compass/lib`\n\n

Running Tests

\n\n1. You must have Ruby installed on your system. After [setting up git](#setting-up-git),\n change to the root directory of your git checkout of Compass.\n\n `cd compass`\n\n2. Install the bundler Ruby gem.\n\n `gem install bundler`\n\n If installing to your system gems, you'll probably need to add `sudo` to the\n front of that command. If you don't know what that means, you probably need\n to add `sudo` to the front.\n\n3. Install development dependencies:\n\n `bundle install --binstubs devbin`\n\n4. Running core library and stylesheet tests:\n\n `bundle exec rake test features`\n\n5. Running behavior tests\n\n `./devbin/cucumber`\n\nIf stylesheet tests fail, the output of the test project is captured in\n`test/fixtures/stylesheets//saved/` and the error message will report where\nthe error was. Here's an example:\n\n![Stylesheet Test Failure](http://img.skitch.com/20101015-k4t11k8n7xs2r53ftjhrji629d.png)\n\n

Writing Stylesheet Tests

\n\nCompass has stylesheet tests to ensure that:\n\n- each stylesheet compiles\n- each stylesheet can be imported directly without any other dependencies\n- refactorings that should not affect the output, don't\n\nAt some point, it would be great to have a test system that verifies that the stylesheets\n*work correctly* in various browsers. If you have ideas for how to accomplish this in a sane\nway, please let us know.\n\nIn the `test/fixtures/stylesheets` directory, there are a number of compass projects.\nThe tests work by adding or updating the sass files, running the tests to make sure they fail,\nand then changing the expected css output to make the test pass. It is rudimentary, but as\na safety net, it has caught a number of problems that might have been missed otherwise.\nIf you add a new stylesheet to compass, please make sure to add a new test stylesheet\nthat only imports the newly added stylesheet and add rules that use the new features in that\nstylesheet.\n\n

You cherry-picked/rebased\nmy changes. What should I do?

\nDepending on any number of reasons, including but not limited to the alignment of the stars,\nYour changes might not be merged into compass using a simple merge. For instance, we might\ndecide to place a change against master into stable instead, or we might squish all your\nchanges together into a single commit at the time of merge, or we might want a change you've\nsubmitted but not a change that it was placed onto top of. In these cases, there are\na couple of ways you can react:\n\n1. If you have some changes on a branch that were not yet accepted, but other changes on that\n branch were accepted then you should run the following command (make sure to fetch first):\n `git checkout branch_name; git rebase chriseppstein/master` (assuming the change was applied\n to the master branch)\n2. If all your changes on the topic branch were accepted or you don't care to keep it around\n anymore: `git checkout master; git branch -D branch_name; git push origin :branch_name`\n\n[pulls]: http://help.github.com/pull-requests/\n[issues]: http://github.com/chriseppstein/compass/issues\n[documentation]: http://github.com/chriseppstein/compass/blob/stable/doc-src/README.markdown\n[bundler]: http://gembundler.com/\n[extensions]: /help/tutorials/extensions/\n" }, { "path": "Guardfile", "content": "group :tests do\n guard :test do\n watch(%r{^lib/(.+)\\.rb$}) { |m| \"test/#{m[1]}_test.rb\" }\n watch(%r{^test/.+_test\\.rb$})\n watch(%r{^test/units/.+_test\\.rb$})\n watch('test/test_helper.rb') { \"test\" }\n end\nend\n\ngroup :features do\n guard :cucumber do\n watch(%r{^features/.+\\.feature$})\n watch(%r{^features/support/.+$}) { 'features' }\n watch(%r{^features/step_definitions/(.+)_steps\\.rb$}) { |m| Dir[File.join(\"**/#{m[1]}.feature\")][0] || 'features' }\n end\nend" }, { "path": "LICENSE.markdown", "content": "Copyright (c) 2009-2014 Christopher M. Eppstein\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\nNo attribution is required by products that make use of this software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nExcept as contained in this notice, the name(s) of the above copyright\nholders shall not be used in advertising or otherwise to promote the sale,\nuse or other dealings in this Software without prior written authorization.\n\nContributors to this project agree to grant all rights to the copyright\nholder of the primary product. Attribution is maintained in the source\ncontrol history of the product.\n" }, { "path": "README.markdown", "content": "# Compass Stylesheet Authoring Framework\n\n**Depreciated:** Compass is no longer supported.\n\nBuild Status: [![Build Status](https://travis-ci.org/Compass/compass.png)](https://travis-ci.org/Compass/compass)\n\nCode Quality: [![Code Climate](https://codeclimate.com/github/Compass/compass.png)](https://codeclimate.com/github/Compass/compass)\n\n## Resources\n\n* [Compass Homepage](http://compass-style.org/)\n* [Installing Compass](http://compass-style.org/install/)\n* [Compass Reference](http://compass-style.org/install/reference/)\n\n## Author\nCompass is written by [Chris Eppstein](http://chriseppstein.github.io/).
\nChris is a software engineer at [LinkedIn](http://www.linkedin.com/) and a member of the [Sass](https://github.com/nex3/sass) core team.\n\n## Core Team Members\n\n* [Scott Davis](https://github.com/scottdavis)\n* [Miriam Suzanne](https://github.com/mirisuzanne)\n* [Brandon Mathis](https://github.com/imathis)\n\n## Major Contributors\n\n* [Nico Hagenburger](https://github.com/hagenburger)\n\n## License\nCopyright (c) 2008-2014 Christopher M. Eppstein
\nAll Rights Reserved.
\nReleased under a [slightly modified MIT License](LICENSE.markdown).\n" }, { "path": "Rakefile", "content": "\nGEMS = ['core', 'cli', 'import-once']\n\n\ntask :default => %w[test]\n\ndesc \"Run all tests\"\ntask :test do\n sh %{./test_all.sh} do |ok, res|\n Rake::Task[\"test_cleanup\"].invoke if ok\n end\nend\n\ndesc \"build gems\"\ntask :build_gems => [:test] do\n GEMS.each do |gem|\n chdir gem do\n if gem == 'cli'\n sh \"gem build compass.gemspec\"\n else\n sh \"gem build compass-#{gem}.gemspec\"\n end\n end\n end\nend\n\ndesc \"publish gems\"\ntask :publish_gems => [:build_gems] do\n GEMS.each do |gem|\n chdir gem do\n if gem == 'cli'\n sh \"gem push compass.gemspec\"\n else\n sh \"gem push compass-#{gem}.gemspec\"\n end\n end\n end\nend\n\ndesc \"Clean up all test files\"\ntask :test_cleanup do\n dirs = [\n 'core/devbin/',\n 'core/.sass-cache/',\n 'core/test/integrations/projects/busted_font_urls/tmp/',\n 'core/test/integrations/projects/busted_image_urls/tmp/',\n 'core/test/integrations/projects/compass/tmp/',\n 'core/test/integrations/projects/envtest/tmp/',\n 'core/test/integrations/projects/image_urls/tmp/',\n 'core/test/integrations/projects/relative/tmp/',\n 'core/test/integrations/projects/uses_only_stylesheets_ext/tmp/',\n 'core/test/integrations/projects/valid/tmp/',\n 'import-once/.sass-cache/'\n ]\n dirs.each { |dir| rm_rf dir }\nend\n\n\ndesc \"Bundle Update\"\ntask :bundle_update do\n GEMS.each do |gem|\n chdir gem do\n sh \"bundle update\"\n end\n end\nend\n" }, { "path": "TODO.md", "content": "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:\n\n* 0.11.0.alpha.N.shortsha (Not tagged)\n* 0.11.0.beta.N (tagged, new features expected)\n* 0.11.0.rc.N (tagged, no new features expected)\n\nMUST:\n* A proper welcome page for blueprint projects (or delete it)\n* Rails Integration\n\nNICE:\n* some extension commands\n* Better help for commands and patterns\n* Color Palette extraction and management commands\n\nv0.11\n=====\nPlanned Release Date: Aug 2, 2010\nThis is a quick iteration release. The focus on turning out\neven better documentation and some stylesheet updates and\nenhancements that take better advantage of the Sass 3 features.\n\n### Docs (can be done on stable)\n\n* Improve the design\n* Better tutorials and getting started guides.\n* Terminal for Designers\n* Better examples & example navigation\n* Contribution guide:\n * Compass stylesheets\n * Compass ruby code\n * Documentation patches\n* SCSS Style Guide\n* Bundler 1.0 support\n* Upgrade nanoc\n* Better search experience\n* Search mixins and constants and code fragments that might use those.\n* Awesome homepage that is better integrated with the docs.\n* HTML5 the docs so they can run locally in offline mode.\n\n### Compass Core\n\n* Updates as necessary to the CSS3 module as the spec process develops.\n* Typography module\n\n### Blueprint\n\n* Provide an option to use @extend in the blueprint grid\n\n### Rails\n\n* Fully integrated support of Rails 3\n\n### Other\n\n* Consider adding app integration with: Node.js, Django, Drupal, Wordpress\n (Wherever opinionated layouts exist). Also, try to make one of these a plugin\n to test out the concept.\n* clean up all the argument names in preparation for keyword argument support from sass.\n\nv0.12 \n=====\n\nThis release depends on Sass 3.2 and is aimed at taking advantage of\nthe new sass 3.2 feature set as well as really making the extensions\nsystem come alive. Since I don't foresee any deprecations in Sass 3.2,\nthis will not be a coordinated release. Instead, this release will\ntrail Sass 3.2 by a month or two.\n\n### Compass Core\n\n* Figure out what to do about multiple attribute properties like background.\n Might require list and function support from sass.\n\n### Blueprint\n\n* If sass 3.2 is out with @function support, use that for grid\n calculations, otherwise punt to 1.0.\n\n### Extensions\n\n* Extension registry on compass-style.org.\n* One step publishing via github + webhooks\n* Easy install via CLI\n* Local (per-user) extension repo with auto-discovery.\n* Video showing how easy it is to create, publish, and install an extension.\n\n\nv1.0 - Polaris\n==============\n\n### Blueprint\n\n* If the @extend version of the grid is full of win, make it the default.\n\n### Sassdoc\n\nExtract the compass documentation system into a stand-alone project.\n\n### Extensions\n\n* Build basic docs and host them for all extensions using sassdoc.\n* Support for selling extensions and taking a cut for umdf.org?\n\n### Project Tools\n\n* enable building project docs using the sassdoc tool.\n\nv2.0\n====\n\nVersion 2 is all about making compass easier to use. Compass and Sass\nwill have a GUI that makes it simple to manage your projects.\n\n### GUI Prerelease 1\n\n* Concept brainstorming\n* mockups\n* How can compass gui and sass gui interoperate or plug in.\n\n### GUI Prerelease 2\n\nBeta release as a separate install.\n\n### GUI Prerelease 3\n\n* Iterate based on feedback.\n* Integrate with a Sass GUI.\n* Embed the docs\n\n### One-click Installers\n\nInstall compass and sass with one click\n\n* Windows (Only if someone else wants to build and maintain it.)\n* Mac (.dmg + drag & drop app or installer)\n* Linux (Get distro packages going and in place for the 1.0 release)\n" }, { "path": "cli/.gitignore", "content": "*.DS_Store\n*.tmproj\n*.lock\ntmp/*\ndevbin\n.sass-cache\ntest/tmp\ntest/fixtures/stylesheets/*/tmp\ntest/fixtures/stylesheets/*/saved\ntest/fixtures/stylesheets/empty\ntest/fixtures/stylesheets/*/sass/.sass-cache\ntest/fixtures/stylesheets/valid/css/*\npkg/*\ncompass-*.gem\ncoverage*\ndocs\n.bundle\nattic\ndevbin\n.rvmrc\n*.rbc\nvendor/ruby\nvendor\nGemfile.lock\n*.pkg\nRELEASE_VERSION\n" }, { "path": "cli/Gemfile", "content": "source 'https://rubygems.org'\n\ngemspec unless defined?(CI)\n\nunless ENV['PKG']\n\n gem \"sass\", \"~> 3.3.13\" unless defined?(CI)\n gem \"compass-core\", :path => \"../core\" unless defined?(CI)\n gem \"compass-import-once\", :path => \"../import-once\" unless defined?(CI)\n gem 'sass-globbing', \"~> 1.1.1\"\n gem \"cucumber\", \"~> 1.2.1\"\n gem \"rspec\", \"~> 2.0.0\"\n gem \"compass-validator\", \"3.0.1\"\n gem \"css_parser\", \"~> 1.0.1\"\n gem \"rubyzip\", \"0.9.9\"\n gem 'mocha', '0.11.4'\n gem 'minitest', '2.12.1'\n gem 'diff-lcs', '~> 1.1.2'\n gem 'rake'\n gem 'json', '~> 1.7.7', :platforms => :ruby_18\n gem 'true', \"~> 0.2.3\"\n gem 'test-unit', '~> 3.0.9'\n\n # Warning be carful adding OS dependant gems above this line it will break the CI server please\n # place them below so they are excluded\n\n unless ENV[\"CI\"]\n gem 'rb-fsevent'\n gem 'ruby_gntp'\n gem \"ruby-prof\", :platforms => [:mri_19, :mri_20]\n gem \"rcov\", :platforms => :mri_18\n gem 'guard', :platforms => [:mri_20]\n gem 'guard-test', :platforms => [:mri_20]\n gem 'guard-cucumber', :platforms => [:mri_20]\n # gem 'packager'\n gem 'colorize'\n gem 'pry'\n end\nend\n" }, { "path": "cli/Rakefile", "content": "sh \"git checkout lib/compass/generated_version.rb\"\nrequire 'rubygems'\nrequire 'rubygems/package_task'\nrequire 'rake/testtask'\nrequire 'fileutils'\n\n\nif ENV[\"PKG\"]\n $: << File.expand_path(File.dirname(__FILE__))+\"/lib\"\nelse\n require 'bundler/setup'\nend\n\nunless ENV['CI']\n require 'colorize'\n require 'fileutils'\nend\n\nbegin\n require 'rake/dsl_definition'\nrescue LoadError\n # pass\nend\n\n# ----- Default: Testing ------\ntask :default => [:test, :features]\n\nbegin\n require 'cucumber'\n require 'cucumber/rake/task'\n\n Cucumber::Rake::Task.new(:features) do |t|\n #t.cucumber_opts = %w{--format progress}\n end\nrescue LoadError\n $stderr.puts \"cannot load cucumber\"\nend\n\nRake::TestTask.new :test do |t|\n t.libs << 'lib'\n t.libs << 'test'\n test_files = FileList['test/**/*_test.rb']\n test_files.exclude('test/rails/*', 'test/haml/*')\n t.test_files = test_files\n t.verbose = true\nend\n\nRake::TestTask.new :units do |t|\n t.libs << 'lib'\n t.libs << 'test'\n test_files = FileList['test/units/**/*_test.rb']\n test_files.exclude('test/rails/*', 'test/haml/*')\n t.test_files = test_files\n t.verbose = true\nend\n\nRake::TestTask.new :integrations do |t|\n t.libs << 'lib'\n t.libs << 'test'\n test_files = FileList['test/integrations/**/*_test.rb']\n test_files.exclude('test/rails/*', 'test/haml/*')\n t.test_files = test_files\n t.verbose = true\nend\n\nnamespace :git do\n task :clean do\n sh \"git\", \"clean\", \"-fdx\"\n end\nend\n\n\nbegin\n require 'cucumber/rake/task'\n require 'rcov/rcovtask'\n namespace :rcov do\n Cucumber::Rake::Task.new(:cucumber) do |t|\n t.rcov = true\n t.rcov_opts = %w{--exclude osx\\/objc,gems\\/,spec\\/,features\\/ --aggregate coverage.data}\n t.rcov_opts << %[-o \"coverage\"]\n end\n\n Rcov::RcovTask.new(:units) do |rcov|\n rcov.libs << 'lib'\n test_files = FileList['test/**/*_test.rb']\n test_files.exclude('test/rails/*', 'test/haml/*')\n rcov.pattern = test_files\n rcov.output_dir = 'coverage'\n rcov.verbose = true\n rcov.rcov_opts = %w{--exclude osx\\/objc,gems\\/,spec\\/,features\\/ --aggregate coverage.data}\n rcov.rcov_opts << %[-o \"coverage\" --sort coverage]\n end\n\n\n desc \"Run both specs and features to generate aggregated coverage\"\n task :all do |t|\n rm \"coverage.data\" if File.exist?(\"coverage.data\")\n Rake::Task[\"rcov:units\"].invoke\n Rake::Task[\"rcov:cucumber\"].invoke\n end\n end\nrescue LoadError => e\n puts \"WARNING: #{e}\"\nend\n\nnamespace :test do\n debug = false\n desc \"update test expectations if needed\"\n task :update do\n Rake::Task['test:update:fixtures'].invoke\n end\n task :debug do\n debug = true\n Rake::Task['test:update:fixtures'].invoke\n end\n namespace :update do\n EXPECTED = 'css'\n TMP = 'tmp'\n #desc \"update fixture expectations for test cases if needed\"\n task :fixtures do\n fixtures = File.join('test/fixtures/stylesheets/compass'.split('/'))\n # remove any existing temporary files\n FileUtils.rm_rf(File.join(File.dirname(__FILE__), fixtures, TMP, '.'))\n # compile the fixtures\n puts \"checking test cases...\"\n CHECKMARK = \"\\u2713 \"\n filter = debug ? '--trace' : \"| grep 'error.*#{fixtures}'\"\n errors = %x[compass compile #{fixtures} #{filter}]\n # check for compilation errors\n if not errors.empty?\n puts \"Please fix the following errors before proceeding:\".colorize(:red) if not debug\n puts errors\n else\n # check to see what's changed\n diff = %x[diff -r #{File.join(fixtures, EXPECTED, '')} #{File.join(fixtures, TMP, '')}]\n # ignore non-CSS files in css/\n diff.gsub!(/^Only in .*\\/css\\/(.*)\\:.*[^.]/, '')\n if diff.empty?\n puts \"#{CHECKMARK}Cool! Looks like all the tests are up to date\".colorize(:green)\n else\n puts \"The following changes were found:\"\n puts \"====================================\"\n # check for new or removed expectations\n diff.scan(/^Only in .*\\/(#{EXPECTED}|#{TMP})\\/(.*)\\: (.*).css/).each do |match|\n config = (match[0] == TMP) ? [:green, '>', 'NEW TEST'] : [:red, '<', 'DELETED']\n puts \"[#{File.join(match[1], match[2])}] #{config[2].colorize(config[0])}\".colorize(:cyan)\n new_file = File.join(File.dirname(__FILE__), fixtures, match[0], match[1], match[2]) + '.css'\n puts File.read(new_file).gsub(/^(.*)/, config[1] + ' \\1').colorize(config[0])\n end\n diff = diff.gsub(/^diff\\s\\-r\\s.*\\/tmp\\/(.*).css/, '[\\1]'.colorize(:cyan))\n diff = diff.gsub(/^Only in .*\\n?/, '')\n diff = diff.gsub(/^(\\<.*)/, '\\1'.colorize(:red))\n diff = diff.gsub(/^(\\>.*)/, '\\1'.colorize(:green))\n diff = diff.gsub(/^(\\d+.*)/, '\\1'.colorize(:cyan))\n puts diff\n puts \"====================================\"\n puts \"Are all of these changes expected? [y/n]\".colorize(:yellow)\n if (($stdin.gets.chomp)[0] == 'y')\n FileUtils.rm_rf(File.join(File.dirname(__FILE__), fixtures, EXPECTED, '.'))\n FileUtils.cp_r(File.join(File.dirname(__FILE__), fixtures, TMP, '.'), File.join(File.dirname(__FILE__), fixtures, EXPECTED))\n puts \"#{CHECKMARK}Thanks! The test expectations have been updated\".colorize(:green)\n else\n puts \"Please manually update the test cases and expectations\".colorize(:red)\n end\n end\n end\n end\n end\nend\n\n# Release tasks\ngemspec_file = FileList['compass.gemspec'].first\nspec = eval(File.read(gemspec_file), binding, gemspec_file)\nspec.files.delete(\"VERSION\")\nspec.files.delete(\"VERSION_NAME\")\n\ndef spec.bump!\n segments = version.to_s.split(\".\")\n segments[-1] = segments.last.succ\n self.version = Gem::Version.new(segments.join(\".\"))\nend\n\n# Set SAME_VERSION when moving to a new major version and you want to specify the new version\n# explicitly instead of bumping the current version.\n# E.g. rake build SAME_VERSION=true\nspec.bump! unless ENV[\"SAME_VERSION\"]\n\ndesc \"Run tests and build compass-#{spec.version}.gem\"\ntask :build => [:default, :gem]\n\ntask :gem => :release_version\n\ntask :release_version do\n open(\"lib/compass/generated_version.rb\", \"w\") do |f|\n f.write(< [:record_version, :push_gem, :tag]\n\ndesc \"Build & Publish version #{spec.version}\" \ntask :release => [:build, :publish]\n\nGem::PackageTask.new(spec) do |pkg|\n pkg.need_zip = true\n pkg.need_tar = true\nend\n\ndesc \"Record the new version in version control for posterity\"\ntask :record_version do\n unless ENV[\"SAME_VERSION\"]\n open(FileList[\"VERSION\"].first, \"w\") do |f|\n f.write(spec.version.to_s)\n end\n sh \"git add VERSION\"\n sh \"git checkout lib/compass/generated_version.rb\"\n sh %Q{git commit -m \"Bump version to #{spec.version}.\"}\n end\nend\n\ndesc \"Tag the repo as #{spec.version} and push the code and tag.\"\ntask :tag do\n sh \"git tag -a -m 'Version #{spec.version}' #{spec.version}\"\n sh \"git push --tags origin #{`git rev-parse --abbrev-ref HEAD`}\"\nend\n\ndesc \"Push compass-#{spec.version}.gem to the rubygems server\"\ntask :push_gem do\n sh \"gem push pkg/compass-#{spec.version}.gem\"\nend\n\n" }, { "path": "cli/VERSION", "content": "1.0.3" }, { "path": "cli/VERSION_NAME", "content": "Polaris\n" }, { "path": "cli/bin/compass", "content": "#!/usr/bin/env ruby\n# The compass command line utility\n\n# This allows compass to run easily from a git checkout without install.\ndef fallback_load_path(path)\n retried = false\n begin\n yield\n rescue LoadError\n unless retried\n $: << path\n retried = true\n retry\n end\n raise\n end\nend\n\nfallback_load_path(File.join(File.dirname(__FILE__), '..', 'lib')) do\n require 'compass'\n require 'compass/exec'\nend\n\nif defined?(Bundler)\n require 'bundler/shared_helpers'\n Bundler.require :assets if Bundler::SharedHelpers.in_bundle?\nend\n\nrunner = Proc.new do\n Compass::Exec::SubCommandUI.new(ARGV).run!\nend\n\nif ARGV.delete(\"--profile\")\n require 'ruby-prof'\n RubyProf.start\n exit_code = runner.call\n result = RubyProf.stop\n\n # Print a flat profile to text\n printer = RubyProf::FlatPrinter.new(result)\n printer.print(STDERR, 0)\n exit exit_code\nelse\n exit runner.call || 1\nend\n" }, { "path": "cli/compass.gemspec", "content": "path = File.expand_path(\"lib\", File.dirname(__FILE__))\n$:.unshift(path) unless $:.include?(path)\nrequire 'compass/version'\n\nGem::Specification.new do |gemspec|\n gemspec.name = \"compass\"\n gemspec.version = Compass::VERSION # Update VERSION file to set this.\n gemspec.description = \"Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintenance of CSS.\"\n gemspec.homepage = \"http://compass-style.org\"\n gemspec.authors = [\"Chris Eppstein\", \"Scott Davis\", \"Eric M. Suzanne\", \"Brandon Mathis\", \"Nico Hagenburger\"]\n gemspec.email = \"chris@eppsteins.net\"\n gemspec.executables = %w(compass)\n gemspec.require_paths = %w(lib)\n gemspec.rubygems_version = \"1.3.5\"\n gemspec.summary = %q{A Real Stylesheet Framework}\n\n gemspec.add_dependency 'sass', '>= 3.3.13', '< 3.5'\n gemspec.add_dependency 'compass-core', \"~> #{File.read(File.join(File.dirname(__FILE__),\"..\",\"core\",\"VERSION\")).strip}\"\n gemspec.add_dependency 'compass-import-once', \"~> #{File.read(File.join(File.dirname(__FILE__),\"..\",\"import-once\",\"VERSION\")).strip}\"\n gemspec.add_dependency 'chunky_png', '~> 1.2'\n gemspec.add_dependency 'rb-fsevent', '>= 0.9.3'\n gemspec.add_dependency 'rb-inotify', '>= 0.9'\n\n gemspec.post_install_message = <<-MESSAGE\n Compass is charityware. If you love it, please donate on our behalf at http://umdf.org/compass Thanks!\n MESSAGE\n\n gemspec.files = %w(LICENSE.markdown VERSION VERSION_NAME Rakefile)\n gemspec.files += Dir.glob(\"bin/*\")\n gemspec.files += Dir.glob(\"data/**/*\")\n gemspec.files += Dir.glob(\"frameworks/**/*\")\n gemspec.files += Dir.glob(\"lib/**/*\")\n gemspec.files += Dir.glob(\"test/**/*.*\")\n gemspec.files -= Dir.glob(\"test/fixtures/stylesheets/*/saved/**/*.*\")\n gemspec.test_files = Dir.glob(\"test/**/*.*\")\n gemspec.test_files -= Dir.glob(\"test/fixtures/stylesheets/*/saved/**/*.*\")\n gemspec.test_files += Dir.glob(\"features/**/*.*\")\nend\n\n" }, { "path": "cli/features/command_line.feature", "content": "Feature: Command Line\n In order to manage my stylesheets\n As a user on the command line\n I want to create a new project\n\n Scenario: Install a project without a framework\n When I create a project using: compass create my_project\n Then a directory my_project/ is created\n And a configuration file my_project/config.rb is created\n And a sass file my_project/sass/screen.scss is created\n And a sass file my_project/sass/print.scss is created\n And a sass file my_project/sass/ie.scss is created\n And a css file my_project/stylesheets/screen.css is created\n And a css file my_project/stylesheets/print.css is created\n And a css file my_project/stylesheets/ie.css is created\n And I am told how to link to /stylesheets/screen.css for media \"screen, projection\"\n And I am told how to link to /stylesheets/print.css for media \"print\"\n And I am told how to conditionally link \"IE\" to /stylesheets/ie.css for media \"screen, projection\"\n\n Scenario: Install a project with specific directories\n When I create a project using: compass create custom_project --using compass --sass-dir sass --css-dir css --images-dir assets/imgs\n Then a directory custom_project/ is created\n And a directory custom_project/sass/ is created\n And a directory custom_project/css/ is created\n And a sass file custom_project/sass/screen.scss is created\n And a css file custom_project/css/screen.css is created\n\n Scenario: Creating a bare project\n When I create a project using: compass create bare_project --bare\n Then a directory bare_project/ is created\n And a configuration file bare_project/config.rb is created\n And a directory bare_project/sass/ is created\n And a directory bare_project/stylesheets/ is not created\n And I am congratulated\n And I am told that I can place stylesheets in the sass subdirectory\n And I am told how to compile my sass stylesheets\n\n Scenario: Compiling a project with errors\n Given I am using the existing project in test/fixtures/stylesheets/valid\n And the project has a file named \"sass/error.scss\" containing:\n \"\"\"\n .broken {\n \"\"\"\n When I run: compass compile\n Then the command exits with a non-zero error code\n\n Scenario: Creating a bare project with a framework\n When I create a project using: compass create bare_project --using blueprint --bare\n Then an error message is printed out: A bare project cannot be created when a framework is specified.\n And the command exits with a non-zero error code\n\n Scenario: Compiling an existing project.\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n Then a directory tmp/ is created\n And a css file tmp/simple.css is created\n\n Scenario: Compiling an existing project with a specified project\n Given I am using the existing project in test/fixtures/stylesheets/valid\n And I am in the parent directory\n When I run: compass compile tmp_valid\n Then a directory tmp_valid/tmp/ is created\n And a css file tmp_valid/tmp/simple.css is created\n\n Scenario: Recompiling a project with no changes\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I run: compass compile\n\n Scenario: compiling a specific file in a project\n Given I am using the existing project in test/fixtures/stylesheets/valid\n And I run: compass compile sass/simple.sass\n Then a sass file sass/another_simple.scss is not mentioned\n And a css file tmp/simple.css is reported written\n And a css file tmp/simple.css is created\n And a css file tmp/another_simple.css is not created\n\n Scenario: Re-compiling a specific file in a project with no changes\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I run: compass compile sass/simple.sass --force\n Then a sass file sass/another_simple.scss is not mentioned\n And a css file tmp/simple.css is reported written\n\n Scenario: Basic help\n When I run: compass help\n Then I should see the following \"primary\" commands:\n | clean |\n | compile |\n | create |\n | init |\n | watch |\n And I should see the following \"other\" commands:\n | config |\n | extension |\n | frameworks |\n | help |\n | imports |\n | install |\n | interactive |\n | sprite |\n | stats |\n | unpack |\n | validate |\n | version |\n\n Scenario: Recompiling a project with no material changes\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I wait 1 second\n And I touch sass/simple.sass\n And I run: compass compile\n Then a css file tmp/simple.css is reported written\n\n Scenario: Recompiling a project with changes\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I wait 1 second\n And I add some sass to sass/simple.sass\n And I run: compass compile\n And a css file tmp/simple.css is reported written\n\n Scenario: Cleaning a project\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I run: compass clean\n Then the following files are reported removed:\n | .sass-cache/ |\n | tmp/simple.css |\n | tmp/another_simple.css |\n And the following files are removed:\n | .sass-cache/ |\n | tmp/simple.css |\n | tmp/another_simple.css |\n\n @now\n Scenario: Watching a project for changes\n Given ruby supports fork\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass compile\n And I run in a separate process: compass watch \n And I wait 4 seconds\n And I touch sass/simple.sass\n And I wait 2 seconds\n And I shutdown the other process\n Then a css file tmp/simple.css is reported written\n\n Scenario: Generate a compass configuration file\n Given I should clean up the directory: config\n When I run: compass config config/compass.rb --sass-dir sass --css-dir assets/css\n Then a configuration file config/compass.rb is created\n And the following configuration properties are set in config/compass.rb:\n | property | value |\n | sass_dir | sass |\n | css_dir | assets/css |\n\n Scenario Outline: Print out a configuration value\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass config -p \n Then I should see the following output: \n And the command exits \n \n Examples:\n | property | value | exit |\n | extensions_dir | extensions | normally |\n | extensions_path | $PROJECT_PATH/extensions | normally |\n | css_dir | tmp | normally |\n | css_path | $PROJECT_PATH/tmp | normally |\n | sass_dir | sass | normally |\n | sass_path | $PROJECT_PATH/sass | normally |\n | foobar | ERROR: configuration property 'foobar' does not exist | with a non-zero error code | \n\n @validator\n Scenario: Validate the generated CSS\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: compass validate\n Then my css is validated\n And I am informed that my css is valid.\n\n @stats\n Scenario: Get stats for my project\n Given I am using the existing project in test/fixtures/stylesheets/valid\n When I run: bundle exec compass stats\n Then I am told statistics for each file:\n | Filename | Rules | Properties | Mixins Defs | Mixins Used | Filesize | CSS Selectors | CSS Properties | CSS Filesize |\n | sass/simple.sass | \\d+ | \\d+ | \\d+ | \\d+ | \\d+ K?B | \\d+ | \\d+ | \\d+ K?B |\n | sass/another_simple.scss | \\d+ | \\d+ | \\d+ | \\d+ | \\d+ K?B | \\d+ | \\d+ | \\d+ K?B |\n | Total.* | \\d+ | \\d+ | \\d+ | \\d+ | \\d+ K?B | \\d+ | \\d+ | \\d+ K?B |\n\n @listframeworks\n Scenario: List frameworks registered with compass\n When I run: compass frameworks\n Then I should see the following lines of output:\n | compass |\n\n" }, { "path": "cli/features/extensions.feature", "content": "Feature: Extensions\n In order to have an open source ecosystem for stylesheets\n As a compass user\n I can install extensions that others have created\n And I can create and publish my own extensions\n\n @listframeworks\n Scenario: Extensions directory for stand_alone projects\n Given I am using the existing project in test/fixtures/stylesheets/compass\n And the \"extensions\" directory exists\n And and I have a fake extension at extensions/testing\n When I run: compass frameworks\n Then the list of frameworks includes \"testing\"\n\n @listframeworks\n Scenario: Shared extensions directory\n Given the \"~/.compass/extensions\" directory exists\n And and I have a fake extension at ~/.compass/extensions/testing\n And I am using the existing project in test/fixtures/stylesheets/compass\n When I run: compass frameworks\n Then the list of frameworks includes \"testing\"\n\n @listframeworks\n Scenario: Frameworks without templates\n Given I am using the existing project in test/fixtures/stylesheets/uses_only_stylesheets_ext\n When I run: compass frameworks\n Then the list of frameworks includes \"only_stylesheets\"\n" }, { "path": "cli/features/step_definitions/command_line_steps.rb", "content": "$:.unshift(File.expand_path(File.join(File.dirname(__FILE__), '../../test')))\n\nrequire 'bundler/setup'\nrequire 'test_helper'\n\nrequire 'compass/exec'\ninclude Compass::TestCaseHelper\ninclude Compass::CommandLineHelper\ninclude Compass::IoHelper\n\nBefore do\n Compass.reset_configuration!\n @cleanup_directories = []\n @original_working_directory = Dir.pwd\nend\n \nAfter do\n Dir.chdir @original_working_directory\n @cleanup_directories.each do |dir|\n FileUtils.rm_rf dir\n end\nend\n\nGiven \"ruby supports fork\" do\n if RUBY_PLATFORM == \"java\"\n pending\n end\nend\n\n# Given Preconditions\nGiven %r{^I am using the existing project in ([^\\s]+)$} do |project|\n tmp_project = \"tmp_#{File.basename(project)}\"\n @cleanup_directories << tmp_project\n FileUtils.cp_r project, tmp_project\n Dir.chdir tmp_project\nend\n\nGiven %r{^I am in the parent directory$} do\n Dir.chdir \"..\"\nend\n\nGiven /^I should clean up the directory: (\\w+)$/ do |directory|\n @cleanup_directories << directory\nend\n\nGiven %r{^the project has a file named \"([^\"]*)\" containing:$} do |arg1, string|\n File.open(arg1, \"w\") do |f|\n f << string\n end\nend\n\n\n# When Actions are performed\nWhen /^I create a project using: compass create ([^\\s]+) ?(.+)?$/ do |dir, args|\n @cleanup_directories << dir\n compass 'create', dir, *(args || '').split\nend\n\nWhen /^I initialize a project using: compass init ?(.+)?$/ do |args|\n compass 'init', *(args || '').split\nend\n\nWhen /^I run: compass ([^\\s]+) ?(.+)?$/ do |command, args|\n compass command, *(args || '').split\nend\n\nWhen /^I run in a separate process: compass ([^\\s]+) ?(.+)?$/ do |command, args|\n unless @other_process = fork \n @last_result = ''\n @last_error = ''\n Signal.trap(\"HUP\") do\n open('/tmp/last_result.compass_test.txt', 'w') do |file|\n file.puts $stdout.string\n end\n open('/tmp/last_error.compass_test.txt', 'w') do |file|\n file.puts $stderr.string\n end\n exit!\n end\n # this command will run forever\n # we kill it with a HUP signal from the parent process.\n args = (args || '').split\n args << { :wait => 5 }\n compass command, *args\n exit!\n end\nend\n\nWhen /^I shutdown the other process$/ do\n Process.kill(\"HUP\", @other_process)\n Process.wait\n @last_result = File.read('/tmp/last_result.compass_test.txt')\n @last_error = File.read('/tmp/last_error.compass_test.txt')\nend\n\nWhen /^I touch ([^\\s]+)$/ do |filename|\n FileUtils.touch filename\nend\n\nWhen /^I wait ([\\d.]+) seconds?$/ do |count|\n sleep count.to_f\nend\n\nWhen /^I add some sass to ([^\\s]+)$/ do |filename|\n open(filename, \"w+\") do |file|\n file.puts \".added .some .arbitrary\"\n file.puts \" sass: code\"\n end\nend\n\n# Then postconditions\nThen /^a directory ([^ ]+) is (not )?created$/ do |directory, negated|\n File.directory?(directory).should == !negated\nend\n \nThen /an? \\w+ file ([^ ]+) is (not )?removed/ do |filename, negated|\n File.exists?(filename).should == !!negated\nend\n\nThen /an? \\w+ file ([^ ]+) is (not )?created/ do |filename, negated|\n File.exists?(filename).should == !negated\nend\n\nThen \"the following files are reported removed:\" do |table|\n table.rows.each do |css_file|\n #need to find a better way but this works for now\n step %Q{a css file #{css_file.first} is reported removed}\n end\nend\n\nThen \"the following files are removed:\" do |table|\n table.rows.each do |css_file|\n step %Q{a css file #{css_file.first} is removed}\n end\nend\n\nThen /an? \\w+ file ([^ ]+) is reported removed/ do |filename|\n @last_result.should =~ /delete.*#{Regexp.escape(filename)}/\nend\n\nThen /an? \\w+ file ([^ ]+) is reported written/ do |filename|\n @last_result.should =~ /write.*#{Regexp.escape(filename)}/\nend\n\nThen /a \\w+ file ([^ ]+) is (?:reported )?compiled/ do |filename|\n @last_result.should =~ /compile.*#{Regexp.escape(filename)}/\nend\n\nThen /a \\w+ file ([^ ]+) is reported unchanged/ do |filename|\n @last_result.should =~ /unchanged.*#{Regexp.escape(filename)}/\nend\n\nThen /a \\w+ file ([^ ]+) is reported identical/ do |filename|\n @last_result.should =~ /identical.*#{Regexp.escape(filename)}/\nend\n\nThen /a \\w+ file ([^ ]+) is reported overwritten/ do |filename|\n @last_result.should =~ /overwrite.*#{Regexp.escape(filename)}/\nend\n\nThen /a \\w+ file ([^ ]+) is not mentioned/ do |filename|\n @last_result.should_not =~ /#{Regexp.escape(filename)}/\nend\n\nThen /I am told how to link to ([^ ]+) for media \"([^\"]+)\"/ do |stylesheet, media|\n @last_result.should =~ %r{}\nend\n\nThen /I am told how to conditionally link \"([^\"]+)\" to ([^ ]+) for media \"([^\"]+)\"/ do |condition, stylesheet, media|\n @last_result.should =~ %r{}mi\nend\n\nThen /^an error message is printed out: (.+)$/ do |error_message|\n @last_error.should =~ Regexp.new(Regexp.escape(error_message))\nend\n\nThen /^the command exits with a non\\-zero error code$/ do\n @last_exit_code.should_not == 0\nend\n\nThen /^the command exits normally$/ do\n @last_exit_code.should == 0\nend\n\nThen /^I am congratulated$/ do\n @last_result.should =~ /Congratulations!/\nend\n\nThen /^I am told that I can place stylesheets in the ([^\\s]+) subdirectory$/ do |subdir|\n @last_result.should =~ /You may now add sass stylesheets to the #{subdir} subdirectory of your project./\nend\n\nThen /^I am told how to compile my sass stylesheets$/ do\n @last_result.should =~ /You must compile your sass stylesheets into CSS when they change.\\nThis can be done in one of the following ways:/\nend\n\nThen /^I should be shown a list of \"([^\"]+)\" commands$/ do |kind|\n @last_result.should =~ /^#{kind.capitalize} Commands:$/\n @last_command_list = []\n found = false\n indent = nil\n @last_result.split(\"\\n\").each do |line|\n if line =~ /^#{kind.capitalize} Commands:$/\n found = true\n elsif found && line =~ /^\\s+/\n @last_command_list << line\n elsif found && line =~ /^$|^\\w/\n break\n end\n end\n\nend\n\nThen /^the list of commands should describe the ([^ ]+) command$/ do |command|\n @last_result.should =~ /^\\s+\\* #{command}\\s+- [A-Z].+$/\nend\n\nThen /^the following configuration properties are set in ([^ ]+):$/ do |config_file, table|\n \n config = Compass::Configuration::FileData.new_from_file(config_file)\n table.hashes.each do |hash|\n config.send(hash['property']).should == hash['value']\n end\nend\n\nThen /^my css is validated$/ do\n if @last_error =~ /The Compass CSS Validator could not be loaded/\n pending \"Missing Dependency: sudo gem install compass-validator\"\n else\n @last_result.should =~ /files? validated/\n end\nend\n\nThen /^I am informed that my css is valid.$/ do\n @last_result.should =~ /Result: Valid/\nend\n\nThen /^I am told statistics for each file:$/ do |table|\n # table is a Cucumber::Ast::Table\n table.raw.each do |row|\n re = Regexp.new row.join(' *\\| *')\n @last_result.should =~ re\n end\nend\n\nThen /^I should see the following \"([^\"]+)\" commands:$/ do |kind, table|\n\n\n step %Q{I should be shown a list of \"#{kind}\" commands}\n\n commands = @last_command_list.map{|c| c =~ /^\\s+\\* ([^ ]+)\\s+- [A-Z].+$/; [$1]}\n table.diff!(commands)\nend\n \n\nThen /^the image ([^ ]+) has a size of (\\d+)x(\\d+)$/ do |file, width, height| \n # see http://snippets.dzone.com/posts/show/805\n size = File.open(file, \"rb\") {|io| io.read}[0x10..0x18].unpack('NN')\n size.should == [width.to_i, height.to_i]\nend\n\nThen /^I should see the following lines of output:$/ do |table|\n table.diff!([['compass']])\nend\n\nThen /^I should see the following output: (.+)$/ do |expected|\n (@last_result.strip + @last_error.strip).should == expected.gsub(/\\$PROJECT_PATH/,Dir.pwd).strip\nend\n" }, { "path": "cli/features/step_definitions/extension_steps.rb", "content": "Given /^the \"([^\\\"]*)\" directory exists$/ do |directory|\n directory.gsub!('~', ENV[\"HOME\"]) if directory.include?('~/')\n FileUtils.mkdir_p directory\nend\n\nGiven /^and I have a fake extension at (.*)$/ do |directory|\n directory.gsub!('~', ENV[\"HOME\"]) if directory.include?('~/')\n FileUtils.mkdir_p File.join(directory, 'stylesheets')\n FileUtils.mkdir_p File.join(directory, 'templates/project')\n open(File.join(directory, 'templates/project/manifest.rb'),\"w\") do |f|\n f.puts %Q{\n description \"This is a fake extension\"\n\n help \"this is the fake help\"\n\n welcome_message \"this is a fake welcome\"\n }\n end\nend\n\nThen /^the list of frameworks includes \"([^\\\"]*)\"$/ do |framework|\n @last_result.split(\"\\n\").map{|f| f.gsub(/(^\\s+[*-]\\s+)|(\\s+$)/,'')}.should include(framework)\nend\n\n" }, { "path": "cli/gemfiles/listen_2.gemfile", "content": "CI=true\nmain_gemfile = File.expand_path(File.join(File.dirname(__FILE__), \"..\", \"Gemfile\"))\neval File.read(main_gemfile), nil, main_gemfile\n\ngem 'sass', '~> 3.3.12'\ngem 'compass', :path => \"../\"\ngem 'compass-core', :path => \"../../core\"\ngem 'compass-import-once', :path => \"../../import-once\"\ngem 'listen', '~> 2.7.1'\n\ngemspec :path=>\"../\"\n" }, { "path": "cli/gemfiles/sass_3_3.gemfile", "content": "CI=true\nmain_gemfile = File.expand_path(File.join(File.dirname(__FILE__), \"..\", \"Gemfile\"))\neval File.read(main_gemfile), nil, main_gemfile\n\ngem 'sass', \"~> 3.3.12\"\ngem 'compass', :path => \"../\"\ngem 'compass-core', :path => \"../../core\"\ngem 'compass-import-once', :path => \"../../import-once\"\n\ngemspec :path=>\"../\"\n" }, { "path": "cli/gemfiles/sass_local.gemfile", "content": "CI=true\nmain_gemfile = File.expand_path(File.join(File.dirname(__FILE__), \"..\", \"Gemfile\"))\neval File.read(main_gemfile), nil, main_gemfile\n\ngem 'sass', :path => \"../../sass\"\ngem 'compass', :path => \"../\"\n\ngemspec :path=>\"../\"\n" }, { "path": "cli/lib/compass/actions.rb", "content": "module Compass\n module Actions\n\n attr_writer :logger\n\n def logger\n @logger ||= ::Compass::Logger.new\n end\n\n # copy/process a template in the compass template directory to the project directory.\n def copy(from, to, options = nil, binary = false)\n options ||= self.options if self.respond_to?(:options)\n if binary\n contents = File.new(from,\"rb\").read\n else\n contents = File.new(from).read\n end \n write_file to, contents, options, binary\n end\n\n # create a directory and all the directories necessary to reach it.\n def directory(dir, options = nil)\n options ||= self.options if self.respond_to?(:options)\n options ||= {}\n if File.exists?(dir) && File.directory?(dir)\n # do nothing\n elsif File.exists?(dir)\n msg = \"#{basename(dir)} already exists and is not a directory.\"\n raise Compass::FilesystemConflict.new(msg)\n else\n log_action :directory, separate(\"#{basename(dir)}/\"), options\n FileUtils.mkdir_p(dir)\n end\n end\n\n # Write a file given the file contents as a string\n def write_file(file_name, contents, options = nil, binary = false)\n options ||= self.options if self.respond_to?(:options)\n skip_write = false\n contents = process_erb(contents, options[:erb]) if options[:erb]\n if File.exists?(file_name)\n existing_contents = IO.read(file_name)\n if existing_contents == contents\n log_action :identical, basename(file_name), options\n skip_write = true\n elsif options[:force]\n log_action :overwrite, basename(file_name), options\n else\n msg = \"File #{basename(file_name)} already exists. Run with --force to force overwrite.\"\n raise Compass::FilesystemConflict.new(msg)\n end\n else\n log_action :create, basename(file_name), options\n end\n if skip_write\n FileUtils.touch file_name\n else\n mode = \"w\"\n mode << \"b\" if binary\n open(file_name, mode) do |file|\n file.write(contents)\n end\n end\n end\n\n def process_erb(contents, ctx = nil)\n ctx = Object.new.instance_eval(\"binding\") unless ctx.is_a? Binding\n ERB.new(contents).result(ctx)\n end\n\n def remove(file_name)\n file_name ||= ''\n if File.directory?(file_name)\n FileUtils.rm_rf file_name\n log_action :remove, basename(file_name)+\"/\", options\n elsif File.exists?(file_name)\n File.unlink file_name\n log_action :remove, basename(file_name), options\n end\n end\n\n def basename(file)\n relativize(file) {|f| File.basename(file)}\n end\n\n def relativize(path)\n path = File.expand_path(path)\n if path.index(working_path+File::SEPARATOR) == 0\n path[(working_path+File::SEPARATOR).length..-1]\n elsif block_given?\n yield path\n else\n path\n end\n end\n\n # Write paths like we're on unix and then fix it\n def separate(path)\n path.gsub(%r{/}, File::SEPARATOR)\n end\n\n # Removes the trailing separator, if any, from a path.\n def strip_trailing_separator(path)\n (path[-1..-1] == File::SEPARATOR) ? path[0..-2] : path\n end\n\n def log_action(action, file, options)\n quiet = !!options[:quiet]\n quiet = false if options[:loud] && options[:loud] == true\n quiet = false if options[:loud] && options[:loud].is_a?(Array) && options[:loud].include?(action)\n unless quiet\n logger.record(action, file, options[:extra].to_s)\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/app_integration/stand_alone/configuration_defaults.rb", "content": "module Compass\n module AppIntegration\n module StandAlone\n module ConfigurationDefaults\n def default_project_type\n :stand_alone\n end\n\n def sass_dir_without_default\n \"sass\"\n end\n\n def javascripts_dir_without_default\n \"javascripts\"\n end\n\n def css_dir_without_default\n \"stylesheets\"\n end\n\n def images_dir_without_default\n \"images\"\n end\n\n def default_cache_dir\n \".sass-cache\"\n end\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/app_integration/stand_alone/installer.rb", "content": "module Compass\n module Installers\n class Base\n end\n class ManifestInstaller < Base\n end\n end\n\n module AppIntegration\n module StandAlone\n class Installer < Compass::Installers::ManifestInstaller\n\n def init\n directory targetize(\"\")\n super\n end\n\n def write_configuration_files(config_file = nil)\n config_file ||= targetize('config.rb')\n write_file config_file, config_contents\n end\n\n def config_files_exist?\n File.exists? targetize('config.rb')\n end\n\n def config_contents\n project_path, Compass.configuration.project_path = Compass.configuration.project_path, nil\n Compass.configuration.serialize\n ensure\n Compass.configuration.project_path = project_path\n end\n\n def prepare\n write_configuration_files unless config_files_exist? || !@manifest.generate_config?\n end\n\n def completed_configuration\n nil\n end\n\n def finalize(options = {})\n if options[:create] && !manifest.welcome_message_options[:replace]\n puts <<-NEXTSTEPS\n\n*********************************************************************\nCongratulations! Your compass project has been created.\n\nYou may now add and edit sass stylesheets in the #{Compass.configuration.sass_dir} subdirectory of your project.\n\nSass files beginning with an underscore are called partials and won't be\ncompiled to CSS, but they can be imported into other sass stylesheets.\n\nYou can configure your project by editing the config.rb configuration file.\n\nYou must compile your sass stylesheets into CSS when they change.\nThis can be done in one of the following ways:\n 1. To compile on demand:\n compass compile [path/to/project]\n 2. To monitor your project for changes and automatically recompile:\n compass watch [path/to/project]\n\nMore Resources:\n * Website: http://compass-style.org/\n * Sass: http://sass-lang.com\n * Community: http://groups.google.com/group/compass-users/\n\nNEXTSTEPS\n end\n puts manifest.welcome_message if manifest.welcome_message\n if manifest.has_stylesheet? && !manifest.welcome_message_options[:replace]\n puts \"\\nTo import your new stylesheets add the following lines of HTML (or equivalent) to your webpage:\"\n puts stylesheet_links\n end\n end\n\n def compilation_required?\n @manifest.compile?\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/app_integration/stand_alone.rb", "content": "%w(configuration_defaults installer).each do |lib|\n require \"compass/app_integration/stand_alone/#{lib}\"\nend\n\nmodule Compass\n module AppIntegration\n module StandAlone\n\n extend self\n\n def installer(*args)\n Installer.new(*args)\n end\n\n def configuration\n Compass::Configuration::Data.new('stand_alone').\n extend(ConfigurationDefaults)\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/app_integration.rb", "content": "require \"compass/app_integration/stand_alone\"\n\nmodule Compass\n module AppIntegration\n module Helpers\n #attr_accessor :project_types\n DEAFULT_PROJECT_TYPES = {\n :stand_alone => \"Compass::AppIntegration::StandAlone\"\n }\n\n def init\n @project_types ||= DEAFULT_PROJECT_TYPES.dup\n end\n\n def project_types\n @project_types\n end\n\n def default?\n @project_types.keys === DEAFULT_PROJECT_TYPES.keys\n end\n\n def lookup(type)\n unless @project_types[type].nil?\n eval @project_types[type]\n else\n raise Compass::Error, \"No application integration exists for #{type}\"\n end\n end\n\n def register(type, klass)\n @project_types[type] = klass\n end\n\n end\n extend Helpers\n init\n end\nend\n" }, { "path": "cli/lib/compass/commands/base.rb", "content": "module Compass\n module Commands\n class Base\n def self.register(command_name)\n Compass::Commands[command_name] = self\n end\n\n include Actions\n\n attr_accessor :working_path, :options\n\n def initialize(working_path, options)\n self.working_path = working_path.to_s\n self.options = options\n end\n \n def execute\n perform\n end\n\n def perform\n raise StandardError.new(\"Not Implemented\")\n end\n\n def successful?\n !@failed\n end\n\n def failed!\n @failed = true\n end\n\n protected\n\n def framework\n unless Compass::Frameworks[options[:framework]]\n raise Compass::Error.new(\"No such framework: #{options[:framework].inspect}\")\n end\n Compass::Frameworks[options[:framework]]\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/clean_project.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/compiler'\n\nmodule Compass\n module Commands\n module CleanProjectOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass clean [path/to/project] [options]\n\n Description:\n Remove generated files and the sass cache.\n\n Options:\n }.split(\"\\n\").map{|l| l.gsub(/^ */,'')}.join(\"\\n\")\n\n super\n end\n end\n\n class CleanProject < UpdateProject\n\n register :clean\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n compiler = new_compiler_instance\n compiler.clean!\n Compass::SpriteImporter.find_all_sprite_map_files(Compass.configuration.generated_images_path).each do |sprite|\n remove sprite\n end\n end\n\n def determine_cache_location\n Compass.configuration.cache_path || Sass::Plugin.options[:cache_location] || File.join(working_path, \".sass-cache\")\n end\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(CleanProjectOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def primary; true; end\n\n def description(command)\n \"Remove generated files and the sass cache\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size > 0\n parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)\n unless arguments.empty?\n parser.options[:sass_files] = arguments.dup\n parser.options[:force] = true\n end\n end\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/create_project.rb", "content": "require 'fileutils'\nrequire 'compass/commands/stamp_pattern'\n\nmodule Compass\n module Commands\n module CreateProjectOptionsParser\n def set_options(opts)\n\n if $command == \"create\"\n opts.banner = %Q{\n Usage: compass create path/to/project [options]\n\n Description:\n Create a new compass project at the path specified.\n\n Options:\n }.split(\"\\n\").map{|l| l.gsub(/^ */,'')}.join(\"\\n\")\n\n opts.on_tail(\"--bare\", \"Don't generate any Sass or CSS files.\") do\n self.options[:bare] = true\n end\n else\n opts.banner = %Q{\n Usage: compass init project_type path/to/project [options]\n\n Description:\n Initialize an existing project at the path specified.\n\n Supported Project Types:\n * rails\n\n Options:\n }.split(\"\\n\").map{|l| l.gsub(/^ */,'')}.join(\"\\n\").strip\n end\n\n opts.on(\"--using PATTERN\", \"A framework's pattern to use when creating the project.\") do |framework|\n framework = framework.split('/', 2)\n self.options[:framework] = framework[0]\n self.options[:pattern] = framework[1]\n end\n\n 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|\n self.options[:preferred_syntax] = syntax\n end\n\n opts.on(\"--prepare\", \"Prepare the project by only creating configuration files.\") do\n self.options[:prepare] = true\n end\n\n super\n\n end\n end\n\n class CreateProject < StampPattern\n\n register :create\n register :init\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(CreateProjectOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n if command.to_sym == :create\n \"Create a new compass project\"\n else\n \"Add compass to an existing project\"\n end\n end\n\n def primary; true; end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parse_options!(parser, arguments)\n parse_arguments!(parser, arguments)\n if parser.options[:framework] && parser.options[:bare]\n raise Compass::Error, \"A bare project cannot be created when a framework is specified.\"\n end\n set_default_arguments(parser)\n parser.options\n end\n\n def parse_init!(arguments)\n parser = option_parser(arguments)\n parse_options!(parser, arguments)\n if arguments.size > 0\n parser.options[:project_type] = arguments.shift.to_sym\n end\n parse_arguments!(parser, arguments)\n set_default_arguments(parser)\n parser.options\n end\n\n def parse_options!(parser, arguments)\n parser.parse!\n parser\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size == 1\n parser.options[:project_name] = arguments.shift\n elsif arguments.size == 0\n # default to the current directory.\n else\n raise Compass::Error, \"Too many arguments were specified.\"\n end\n end\n\n def set_default_arguments(parser)\n parser.options[:framework] ||= :compass\n parser.options[:pattern] ||= \"project\"\n end\n end\n\n def is_project_creation?\n true\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/default.rb", "content": "module Compass\n module Commands\n module DefaultOptionsParser\n def set_options(opts)\n opts.on(\"--trace\") do\n self.options[:trace] = true\n end\n opts.on(\"-?\", \"-h\", \"--help\") do\n self.options[:command] = Proc.new do\n Help.new(working_path, options.merge(:help_command => \"help\"))\n end\n end\n opts.on(\"-q\", \"--quiet\") do\n self.options[:quiet] = true\n end\n opts.on(\"-v\", \"--version\") do\n self.options[:command] = Proc.new do\n PrintVersion.new(working_path, options)\n end\n end\n super\n end\n end\n class Default < Base\n \n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(DefaultOptionsParser)\n end\n # def usage\n # $stderr.puts caller.join(\"\\n\")\n # \"XXX\"\n # end\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parser.options[:command] ||= Proc.new do\n Help.new(working_path, options.merge(:help_command => \"help\"))\n end\n parser.options\n end\n end\n\n def execute\n instance_eval(&options[:command]).execute\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/extension_command.rb", "content": "require 'fileutils'\nrequire 'compass/commands/base'\n\nmodule Compass\n module Commands\n module ExtensionsOptionParser\n def set_options(opts)\n opts.banner = %Q{\nUsage: compass extension install EXTENSION_NAME [options]\n compass extension uninstall EXTENSION_NAME [options]\n compass extension list\n\nDescription:\n Manage the list of extensions on your system.\n Compass to all of your compass projects.\n\nExample:\n compass extension install sassy-buttons\n compass extension uninstall sassy-buttons\n\n}\n super\n end\n end\n\n class ExtensionCommand < Base\n\n register :extension\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(ExtensionsOptionParser)\n end\n def usage\n option_parser([]).to_s\n end\n def description(command)\n \"Manage the list of compass extensions on your system\"\n end\n def parse!(arguments)\n {:arguments => arguments}\n end\n end\n include InstallerCommand\n\n def initialize(working_path, options)\n super(working_path, options)\n end\n\n # all commands must implement perform\n def perform\n require 'rubygems/gem_runner'\n Gem::GemRunner.new.run(options[:arguments])\n end\n\n end\n end\nend\n\n" }, { "path": "cli/lib/compass/commands/help.rb", "content": "module Compass\n module Commands\n module HelpOptionsParser\n def set_options(opts)\n banner = %Q{Usage: compass help [command]\n\nDescription:\n The Compass Stylesheet Authoring Framework helps you\n build and maintain your stylesheets and makes it easy\n for you to use stylesheet libraries provided by others.\n\nDonating:\n Compass is charityware. If you find it useful please make\n a tax deductable donation: http://umdf.org/compass\n\nTo get help on a particular command please specify the command.\n\n}\n \n primary_commands = Compass::Commands.all.select do |c|\n cmd = Compass::Commands[c]\n cmd.respond_to?(:primary) && cmd.primary\n end\n other_commands = Compass::Commands.all - primary_commands\n\n banner << command_list(\"Primary Commands:\", primary_commands)\n banner << command_list(\"Other Commands:\", other_commands)\n \n banner << \"\\nAvailable Frameworks & Patterns:\\n\\n\"\n banner << Compass::Frameworks.pretty_print\n banner << \"\\nGlobal Options:\\n\"\n opts.banner = banner\n\n super\n end\n\n def command_list(header, commands)\n list = \"#{header}\\n\"\n commands.sort_by{|c| c.to_s}.each do |command|\n list << \" * #{command}\"\n if Compass::Commands[command].respond_to? :description\n list << \"\\t- #{Compass::Commands[command].description(command)}\"\n end\n list << \"\\n\"\n end\n list\n end\n end\n class Help < Base\n register :help\n \n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(HelpOptionsParser)\n end\n def usage\n option_parser([]).to_s\n end\n def description(command)\n \"Get help on a compass command or extension\"\n end\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parser.options[:help_command] = arguments.shift || 'help'\n parser.options\n end\n end\n\n def execute\n if Compass::Commands.command_exists? options[:help_command]\n $command = options[:help_command]\n puts Compass::Commands[options[:help_command]].usage\n $command = \"help\"\n elsif Compass::Frameworks.template_exists? options[:help_command]\n puts Compass::Frameworks.template_usage(options[:help_command])\n else\n raise OptionParser::ParseError, \"No such command: #{options[:help_command]}\"\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/imports.rb", "content": "module Compass\n module Commands\n class Imports < ProjectBase\n attr_accessor :options\n register :imports\n def initialize(working_path, options)\n super\n end\n \n def execute\n print ::Compass::Frameworks::ALL.map{|f|\n \"-I #{f.stylesheets_directory}\"\n }.join(' ')\n end\n class << self\n def description(command)\n \"Emit an imports suitable for passing to the sass command-line.\"\n end\n def usage\n \"Usage: compass imports\\n\\n\" +\n \"Prints out the imports known to compass.\\n\"+\n \"Useful for passing imports to the sass command line:\\n\" +\n \" sass -r compass `compass imports` a_file_using_compass.sass\"\n end\n def parse!(arguments)\n if arguments.join(\"\").strip.size > 0\n raise OptionParser::ParseError, \"This command takes no options or arguments.\"\n else\n {}\n end\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/installer_command.rb", "content": "require 'compass/installers'\n\nmodule Compass\n module Commands\n module InstallerCommand\n include Compass::Installers\n\n def configure!\n add_project_configuration\n Compass.add_configuration(options, 'command_line')\n Compass.discover_extensions!\n Compass.add_configuration(installer.completed_configuration, 'installer')\n end\n\n def app\n @app ||= Compass::AppIntegration.lookup(Compass.configuration.project_type)\n end\n\n def installer\n @installer ||= if options[:bare]\n Compass::Installers::BareInstaller.new(*installer_args)\n else\n app.installer(*installer_args)\n end\n end\n\n def installer_args\n [template_directory(options[:pattern] || \"project\"), project_directory, options]\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/interactive.rb", "content": "\nrequire 'compass/commands/project_base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module InteractiveOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass interactive [path/to/project] [options]\n\n Description:\n Interactively evaluate SassScript\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n\n super\n end\n end\n class Interactive < ProjectBase\n\n register :interactive\n\n def initialize(working_path, options)\n super\n end\n\n def perform\n require 'sass/repl'\n Sass::Repl.new.run\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(InteractiveOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Interactively evaluate SassScript\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parser.options\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/list_frameworks.rb", "content": "module Compass\n module Commands\n class ListFrameworks < ProjectBase\n attr_accessor :options\n register :frameworks\n def initialize(working_path, options)\n super\n end\n \n def execute\n if options[:quiet]\n Compass::Frameworks::ALL.each do |framework|\n puts framework.name unless framework.name =~ /^_/\n end\n else\n puts \"Available Frameworks & Patterns:\\n\\n\"\n puts Compass::Frameworks.pretty_print\n end\n end\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n end\n def usage\n option_parser([]).to_s\n end\n def description(command)\n \"List the available frameworks\"\n end\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parser.options\n end\n end\n end\n end\nend" }, { "path": "cli/lib/compass/commands/print_version.rb", "content": "module Compass\n module Commands\n module VersionOptionsParser\n def set_options(opts)\n opts.banner = %Q{Usage: compass version [options]\n\nOptions:\n}\n opts.on_tail(\"-?\", \"-h\", \"--help\", \"Print out this message.\") do\n puts opts\n exit\n end\n opts.on(\"-q\", \"--quiet\", \"Just print the version string.\") do\n self.options[:quiet] = true\n end\n opts.on(\"--major\", \"Print the major version number\") do\n self.options[:major] = true\n self.options[:custom] = true\n end\n opts.on(\"--minor\", \"Print up to the minor version number\") do\n self.options[:major] = true\n self.options[:minor] = true\n self.options[:custom] = true\n end\n opts.on(\"--patch\", \"Print up to the patch version number\") do\n self.options[:major] = true\n self.options[:minor] = true\n self.options[:patch] = true\n self.options[:custom] = true\n end\n end\n end\n\n class PrintVersion < Base\n register :version\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(VersionOptionsParser)\n end\n def usage\n option_parser([]).to_s\n end\n def description(command)\n \"Print out version information\"\n end\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parser.options\n end\n def long_output_string\n lines = []\n lines << \"Compass #{::Compass.version[:string]}\"\n if name = ::Compass.version[:name]\n lines.last << \" (#{name})\"\n end\n lines << \"Copyright (c) 2008-#{Time.now.year} Chris Eppstein\"\n lines << \"Released under the MIT License.\"\n lines << \"Compass is charityware.\"\n lines << \"Please make a tax deductable donation for a worthy cause: http://umdf.org/compass\"\n lines.join(\"\\n\")\n end\n end\n\n attr_accessor :options\n\n def initialize(working_path, options)\n self.options = options\n end\n \n def execute\n if options[:custom]\n version = \"\"\n version << \"#{Compass.version[:major]}\" if options[:major]\n version << \".#{Compass.version[:minor]}\" if options[:minor]\n version << \".#{Compass.version[:patch]}\" if options[:patch]\n puts version\n elsif options[:quiet]\n puts ::Compass.version[:string]\n else\n puts self.class.long_output_string\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/project_base.rb", "content": "require 'fileutils'\nrequire 'pathname'\nrequire 'compass/commands/base'\nrequire 'compass/commands/installer_command'\n\nmodule Compass\n module Commands\n class ProjectBase < Base\n attr_accessor :project_directory, :project_name, :options\n\n def initialize(working_path, options = {})\n super(working_path, options)\n self.project_name = determine_project_name(working_path, options)\n Compass.add_configuration({:project_path => determine_project_directory(working_path, options)}, \"implied\")\n configure!\n end\n\n def execute\n super\n end\n\n protected\n\n def configure!\n add_project_configuration\n Compass.add_configuration(options, \"command_line\")\n Compass.discover_extensions! unless skip_extension_discovery?\n end\n\n def add_project_configuration\n defaults = Compass.configuration_for(options, \"cli_defaults\")\n if options[:project_type]\n project_type_config = Compass.configuration_for(options[:project_type])\n project_type_config.inherit_from!(Compass.default_configuration)\n defaults.inherit_from!(project_type_config)\n end\n Compass.add_project_configuration(options[:configuration_file], :defaults => defaults) do\n options[:project_type]\n end\n end\n\n def projectize(path)\n Compass.projectize(path)\n end\n\n def project_directory\n Compass.configuration.project_path\n end\n\n def project_css_subdirectory\n Compass.configuration.css_dir\n end\n\n def project_src_subdirectory\n Compass.configuration.sass_dir\n end\n\n def project_images_subdirectory\n Compass.configuration.images_dir\n end\n\n def assert_project_directory_exists!\n if File.exists?(project_directory) && !File.directory?(project_directory)\n raise Compass::FilesystemConflict.new(\"#{project_directory} is not a directory.\")\n elsif !File.directory?(project_directory)\n raise Compass::Error.new(\"#{project_directory} does not exist.\")\n end\n end\n\n private\n\n def determine_project_name(working_path, options)\n if options[:project_name]\n File.basename(strip_trailing_separator(options[:project_name]))\n else\n File.basename(working_path)\n end\n end\n\n def determine_project_directory(working_path, options)\n if options[:project_name]\n if absolute_path?(options[:project_name])\n options[:project_name]\n else\n File.join(working_path, options[:project_name])\n end\n else\n working_path\n end\n end\n\n def absolute_path?(path)\n # Pretty basic implementation\n path.index(File::SEPARATOR) == 0 || path.index(':') == 1\n end\n\n def skip_extension_discovery?\n false\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/project_stats.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module StatsOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass stats [path/to/project] [options]\n\n Description:\n Compile project at the path specified (or the current\n directory if not specified) and then compute statistics\n for the sass and css files in the project.\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n\n super\n end\n end\n class ProjectStats < UpdateProject\n\n register :stats\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n super\n require 'compass/stats'\n compiler = new_compiler_instance\n sass_files = sorted_sass_files(compiler)\n total_label = \"Total (#{sass_files.size} files):\"\n rows = [[ :-, :-, :-, :-, :-, :-, :-, :-, :- ],\n [ 'Filename', 'Rules', 'Properties', 'Mixins Defs', 'Mixins Used', 'Filesize', 'CSS Selectors', 'CSS Properties', 'CSS Filesize' ],\n [ :-, :-, :-, :-, :-, :-, :-, :-, :- ]]\n maximums = [ total_label.length, 5, 10, 14, 11, 13, 13, 14, 14 ]\n alignments = [ :left, :right, :right, :right, :right, :right, :right, :right, :right ]\n delimiters = [ ['| ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'], [' ', ' |'] ]\n formatters = [ nil, nil, nil, nil, nil, :kb, nil, nil, :kb ]\n totals = [ total_label, 0, 0, 0, 0, 0, 0, 0, 0 ]\n\n columns = rows.first.size\n\n sass_files.each do |sass_file|\n css_file = compiler.corresponding_css_file(sass_file) unless sass_file[0..0] == '_'\n row = filename_columns(sass_file)\n row += sass_columns(sass_file)\n row += css_columns(css_file)\n row.each_with_index do |c, i|\n maximums[i] = [maximums[i].to_i, c.size].max\n totals[i] = totals[i] + c.to_i if i > 0\n end\n rows << row\n end\n rows << [:-] * columns\n rows << totals.map{|t| t.to_s}\n rows << [:-] * columns\n rows.each do |row|\n row.each_with_index do |col, i|\n print pad(col, maximums[i], :align => alignments[i], :left => delimiters[i].first, :right => delimiters[i].last, :formatter => formatters[i])\n end\n print \"\\n\"\n end\n if @missing_css_parser\n puts \"\\nInstall #{@missing_css_parser} to enable stats on your css files:\\n\\n\\tgem install #{@missing_css_parser}\"\n end\n end\n\n def pad(c, max, options = {})\n options[:align] ||= :left\n if c == :-\n filler = '-'\n c = ''\n else\n filler = ' '\n end\n c = send(:\"format_#{options[:formatter]}\", c) if options[:formatter]\n spaces = max - c.size\n filled = filler * [spaces,0].max\n \"#{options[:left]}#{filled if options[:align] == :right}#{c}#{filled if options[:align] == :left}#{options[:right]}\"\n end\n\n def format_kb(v)\n return v unless v =~ /^\\d+$/\n v = Integer(v)\n if v < 1024\n \"#{v} B\"\n else\n v = v / 1024.0\n \"#{v.ceil} KB\"\n end\n end\n\n def sorted_sass_files(compiler)\n sass_files = compiler.sass_files\n sass_files.map! do |s| \n filename = Compass.deprojectize(s, File.join(Compass.configuration.project_path, Compass.configuration.sass_dir))\n [s, File.dirname(filename), File.basename(filename)]\n end\n sass_files = sass_files.sort_by do |s,d,f|\n File.join(d, f[0] == ?_ ? f[1..-1] : f)\n end\n sass_files.map!{|s,d,f| s}\n end\n\n def filename_columns(sass_file)\n filename = Compass.deprojectize(sass_file, working_path)\n [filename]\n end\n\n def sass_columns(sass_file)\n sf = Compass::Stats::SassFile.new(sass_file)\n sf.analyze!\n %w(rule_count prop_count mixin_def_count mixin_count file_size).map do |t|\n sf.send(t).to_s\n end\n end\n\n def css_columns(css_file)\n if File.exists?(css_file)\n cf = Compass::Stats::CssFile.new(css_file)\n cf.analyze!\n %w(selector_count prop_count file_size).map do |t|\n cf.send(t).to_s\n end\n else\n return [ '--', '--' , '--']\n end\n rescue LoadError => e\n @missing_css_parser = e.message =~ /iconv/ ? \"iconv\" : \"css_parser\"\n return [ 'DISABLED', 'DISABLED', 'DISABLED' ]\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(StatsOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Report statistics about your stylesheets\"\n end\n\n def primary; false; end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size == 1\n parser.options[:project_name] = arguments.shift\n elsif arguments.size == 0\n # default to the current directory.\n else\n raise Compass::Error, \"Too many arguments were specified.\"\n end\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/project_structure.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module StructureOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass structure [path/to/project] [options]\n\n Description:\n Display the import structure of your stylesheets.\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n\n super\n end\n end\n class ProjectStats < UpdateProject\n\n register :structure\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n @compiler = new_compiler_instance\n (options[:sass_files] || sorted_sass_files).each do |sass_file|\n print_tree(Compass.projectize(sass_file))\n end\n end\n\n def print_tree(file, depth = 0, importer = @compiler.importer)\n puts ((depth > 0 ? \"| \" : \" \") * depth) + \"+- \" + Compass.deprojectize(file)\n @compiler.staleness_checker.send(:compute_dependencies, file, importer).each do |(dep, dep_importer)|\n print_tree(dep, depth + 1, dep_importer)# unless Compass.deprojectize(dep)[0...1] == \"/\"\n end\n end\n\n def sorted_sass_files\n sass_files = @compiler.sass_files\n sass_files.map! do |s| \n filename = Compass.deprojectize(s, File.join(Compass.configuration.project_path, Compass.configuration.sass_dir))\n [s, File.dirname(filename), File.basename(filename)]\n end\n sass_files = sass_files.sort_by do |s,d,f|\n File.join(d, f[0] == ?_ ? f[1..-1] : f)\n end\n sass_files.map!{|s,d,f| s}\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(StructureOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Report statistics about your stylesheets\"\n end\n\n def primary; false; end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size > 0\n parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)\n parser.options[:sass_files] = arguments\n end\n end\n\n end\n\n end\n end\nend\n\n" }, { "path": "cli/lib/compass/commands/registry.rb", "content": "module Compass::Commands\n module Registry\n def register(name, command_class)\n @commands ||= Hash.new\n @commands[name.to_sym] = command_class\n end\n def get(name)\n return unless name\n @commands ||= Hash.new\n @commands[name.to_sym] || @commands[abbreviation_of(name)]\n end\n def abbreviation_of(name)\n re = /^#{Regexp.escape(name)}/\n matching = @commands.keys.select{|k| k.to_s =~ re}\n if matching.size == 1\n matching.first\n elsif name =~ /^-/\n nil\n elsif matching.size > 1\n raise Compass::Error, \"Ambiguous abbreviation '#{name}'. Did you mean one of: #{matching.join(\", \")}\"\n else\n raise Compass::Error, \"Command not found: #{name}\"\n end\n end\n def abbreviation?(name)\n re = /^#{Regexp.escape(name)}/\n @commands.keys.detect{|k| k.to_s =~ re}\n end\n def command_exists?(name)\n @commands ||= Hash.new\n name && (@commands.has_key?(name.to_sym) || abbreviation?(name))\n end\n def all\n @commands.keys\n end\n alias_method :[], :get\n alias_method :[]=, :register\n end\n extend Registry\nend\n" }, { "path": "cli/lib/compass/commands/sprite.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module SpriteOptionsParser\n def set_options(opts)\n opts.on(\"-f SPRITE_FILE\") do |output_file|\n self.options[:output_file] = output_file\n end\n opts.on(\"--skip-overrides\", \"Skip the generation of sprite overrides\") do |skip_overrides|\n self.options[:skip_overrides] = skip_overrides\n end\n opts.banner = %Q{\n Usage: compass sprite [options] \"images/path/to/sprites/*.png\"\n\n Description:\n Generate a sprite import based on the given sprite directory.\n Alternatively, you can simply do this in your sass files:\n\n @import \"sprite-folder/*.png\"\n\n And a magical, custom made sprite file will be imported.\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n\n super\n end\n end\n class Sprite < ProjectBase\n\n register :sprite\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n relative_uri = options[:uri].gsub(/^#{Compass.configuration.images_dir}\\//, '')\n name = Compass::SpriteImporter.sprite_name(relative_uri)\n sprites = Compass::SpriteImporter.new\n options[:output_file] ||= File.join(Compass.configuration.sass_path, \"sprites\", \"_#{name}.#{Compass.configuration.preferred_syntax}\")\n options[:skip_overrides] ||= false\n contents = Compass::SpriteImporter.content_for_images(relative_uri, name, options[:skip_overrides])\n if options[:output_file][-4..-1] != \"scss\"\n contents = Sass::Engine.new(contents, Compass.sass_engine_options.merge(:syntax => :scss)).to_tree.to_sass\n end\n directory File.dirname(options[:output_file])\n write_file options[:output_file], contents\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(SpriteOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Generate an import for your sprites.\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n parser.options[:uri] = arguments.shift\n unless arguments.size == 0\n raise Compass::Error, \"Please specify at least one image to sprite.\"\n end\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/stamp_pattern.rb", "content": "require 'fileutils'\nrequire 'compass/commands/base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module StampPatternOptionsParser\n def set_options(opts)\n opts.banner = %Q{Usage: compass install extension/pattern [path/to/project] [options]\n\nDescription:\n Install an extension's pattern into your compass project\n\nExample:\n compass install blueprint/buttons\n\nOptions:\n}\n 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|\n self.options[:preferred_syntax] = syntax\n end\n\n super\n end\n end\n\n class StampPattern < ProjectBase\n\n register :install\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(StampPatternOptionsParser)\n end\n def usage\n option_parser([]).to_s\n end\n def description(command)\n \"Install an extension's pattern into your compass project\"\n end\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n def parse_arguments!(parser, arguments)\n if arguments.size == 0\n raise OptionParser::ParseError, \"Please specify a pattern.\"\n end\n pattern = arguments.shift.split('/', 2)\n parser.options[:framework] = pattern[0]\n parser.options[:pattern] = pattern[1]\n if arguments.size > 0\n parser.options[:project_name] = arguments.shift\n end\n if arguments.size > 0\n raise OptionParser::ParseError, \"Unexpected trailing arguments: #{arguments.join(\" \")}\"\n end\n end\n\n end\n include InstallerCommand\n\n def initialize(working_path, options)\n super(working_path, options)\n end\n\n # all commands must implement perform\n def perform\n installer.init\n installer.run(:skip_finalization => true, :skip_preparation => !is_project_creation?)\n UpdateProject.new(working_path, options).perform if installer.compilation_required?\n installer.finalize(options.merge(:create => is_project_creation?))\n end\n\n def is_project_creation?\n false\n end\n\n def template_directory(pattern)\n File.join(framework.templates_directory, pattern)\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/unpack_extension.rb", "content": "require 'compass/commands/project_base'\nrequire 'fileutils'\n\nmodule Compass\n module Commands\n module ExtensionOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass unpack EXTENSION\n\n Description:\n Copy an extension into your extensions folder for easy access to the source code.\n This makes it easier to peruse the source in unfamiliar projects. It is not recommended\n that you change other extensions' source -- this makes it hard to take updates from\n the original author. The following extensions are available:\n \n FRAMEWORKS\n \n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n opts.banner.gsub!(/FRAMEWORKS/,Compass::Frameworks.pretty_print(true))\n super\n end\n end\n\n class UnpackExtension < ProjectBase\n\n register :unpack\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n framework = Compass::Frameworks[options[:framework]]\n unless framework\n raise Compass::Error, \"No extension named \\\"#{options[:framework]}\\\" was found.\"\n end\n files = Dir[\"#{framework.path}/**/*\"]\n extension_dir = File.join(Compass.configuration.extensions_path, framework.name)\n FileUtils.rm_rf extension_dir\n FileUtils.mkdir_p extension_dir\n write_file File.join(extension_dir, \"DO_NOT_MODIFY\"), readme(framework)\n files.each do |f|\n next if File.directory?(f)\n ending = f[(framework.path.size+1)..-1]\n destination = File.join(extension_dir, ending)\n FileUtils.mkdir_p(File.dirname(destination))\n copy f, destination\n end\n puts \"\\nYou have unpacked \\\"#{framework.name}\\\"\"\n puts\n puts readme(framework)\n end\n\n def readme(framework)\n %Q{| This is a copy of the \"#{framework.name}\" extension.\n |\n | It now overrides the original which was found here:\n |\n | #{framework.path}\n |\n | Unpacking an extension is useful when you need to easily peruse the\n | extension's source. You might find yourself tempted to change the\n | stylesheets here. If you do this, you'll find it harder to take\n | updates from the original author. Sometimes this seems like a good\n | idea at the time, but in a few months, you'll probably regret it.\n |\n | In the future, if you take an update of this framework, you'll need to run\n |\n | compass unpack #{framework.name}\n |\n | again or remove this unpacked extension.\n |}.gsub(/^\\s*\\| ?/,\"\")\n end\n\n def skip_extension_discovery?\n true\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(ExtensionOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Copy an extension into your extensions folder.\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size == 1\n parser.options[:framework] = arguments.shift\n elsif arguments.size == 0\n raise Compass::Error, \"Please specify an extension to unpack.\"\n else\n raise Compass::Error, \"Too many arguments were specified.\"\n end\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/update_project.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/compiler'\n\nmodule Compass\n module Commands\n module CompileProjectOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass compile [path/to/project] [path/to/project/src/file.sass ...] [options]\n\n Description:\n compile project at the path specified or the current directory if not specified.\n\n Options:\n }.split(\"\\n\").map{|l| l.gsub(/^ */,'')}.join(\"\\n\")\n\n opts.on(\"--[no-]sourcemap\", \"Generate a sourcemap during compilation.\") do |sm|\n self.options[:sourcemap] = sm\n end\n\n opts.on(\"--time\", \"Display compilation times.\") do\n self.options[:time] = true\n end\n\n opts.on(\"--debug-info\", \"Turns on sass's debuging information\") do\n self.options[:debug_info]= true\n end\n\n opts.on(\"--no-debug-info\", \"Turns off sass's debuging information\") do\n self.options[:debug_info]= false\n end\n super\n end\n end\n\n class UpdateProject < ProjectBase\n\n register :compile\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n compiler = new_compiler_instance\n check_for_sass_files!(compiler)\n prepare_project!(compiler)\n compiler.compile!\n if compiler.error_count > 0\n compiler.logger.red do\n compiler.logger.log \"Compilation failed in #{compiler.error_count} files.\"\n end\n failed! \n end\n end\n\n def prepare_project!(compiler)\n if options[:project_name]\n Compass.configuration.project_path = File.expand_path(options[:project_name])\n end\n\n if config_file = new_config?(compiler)\n compiler.logger.record :modified, relativize(config_file)\n compiler.logger.record :clean, relativize(Compass.configuration.css_path)\n compiler.clean!\n end\n end\n\n # Determines if the configuration file is newer than any css file\n def new_config?(compiler)\n config_file = Compass.detect_configuration_file\n return false unless config_file\n config_mtime = File.mtime(config_file)\n compiler.file_list.each do |(_, css_filename, _)|\n return config_file if File.exists?(css_filename) && config_mtime > File.mtime(css_filename)\n end\n nil\n end\n\n def check_for_sass_files!(compiler)\n file_list = compiler.file_list\n if file_list.empty?\n 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\"\n message << \"Run \\\"compass -h\\\" to get help.\"\n raise Compass::Error, message\n elsif missing = file_list.find {|(sass_file, _, _)| !File.exist?(sass_file)}\n raise Compass::Error, \"File not found: #{missing[0]}\"\n end\n end\n\n def new_compiler_instance\n Compass::SassCompiler.new(compiler_options)\n end\n\n def compiler_options\n transfer_options(options, {}, :time, :debug_info, :only_sass_files, :force, :quiet)\n end\n\n def transfer_options(from, to, *keys)\n keys.each do |k|\n to[k] = from[k] unless from[k].nil?\n end\n to\n end\n\n class << self\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(CompileProjectOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def primary; true; end\n\n def description(command)\n \"Compile Sass stylesheets to CSS\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size > 0\n parser.options[:project_name] = arguments.shift if File.directory?(arguments.first)\n unless arguments.empty?\n parser.options[:only_sass_files] = absolutize(*arguments)\n end\n end\n end\n\n def absolutize(*paths)\n paths.map {|path| File.expand_path(path) }\n end\n\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/validate_project.rb", "content": "require 'compass/commands/project_base'\nrequire 'compass/commands/update_project'\n\nmodule Compass\n module Commands\n module ValidationOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass validate [path/to/project] [options]\n\n Description:\n Compile project at the path specified or the current\n directory if not specified and then validate the \n generated CSS.\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n\n super\n end\n end\n class ValidateProject < ProjectBase\n\n register :validate\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def perform\n require 'compass/validator'\n UpdateProject.new(working_path, options).perform\n Dir.chdir Compass.configuration.project_path do\n Validator.new(project_css_subdirectory).validate()\n end\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(ValidationOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Validate your generated css.\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size == 1\n parser.options[:project_name] = arguments.shift\n elsif arguments.size == 0\n # default to the current directory.\n else\n raise Compass::Error, \"Too many arguments were specified.\"\n end\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/watch_project.rb", "content": "# encoding: UTF-8\nrequire 'fileutils'\nrequire 'pathname'\nrequire 'compass/commands/update_project'\nrequire \"compass/sass_compiler\"\n\nmodule Compass\n module Commands\n module WatchProjectOptionsParser\n def set_options(opts)\n super\n\n opts.banner = %Q{\n Usage: compass watch [path/to/project] [path/to/project/src/file.sass ...] [options]\n\n Description:\n watch the project for changes and recompile when they occur.\n\n Options:\n }.split(\"\\n\").map{|l| l.gsub(/^ */,'')}.join(\"\\n\")\n\n opts.on(\"--poll\", :NONE, \"Check periodically if there's been changes.\") do\n self.options[:poll] = 1 # check every 1 second.\n end\n\n end\n end\n\n class WatchProject < UpdateProject\n\n register :watch\n\n attr_accessor :last_update_time, :last_sass_files\n\n def perform\n compiler = new_compiler_instance\n compiler.logger.time = true if options[:time]\n prepare_project!(compiler)\n 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)}\"\n begin\n compiler.watch!(:additional_watch_paths => additional_watch_paths, &method(:notify_watches))\n happy_styling!(compiler.logger)\n rescue Interrupt\n happy_styling!(compiler.logger)\n end\n end\n\n def happy_styling!(logger)\n logger.log \"\\n#{logger.color(:yellow)}★★★ #{logger.color(:blue)}Happy Styling!#{logger.color(:yellow)} ★★★#{logger.color(:clear)}\"\n end\n\n def compiler_options\n super.merge(:poll => options[:poll], :full_exception => true)\n end\n\n def additional_watch_paths\n Compass.configuration.watches.map do |watch|\n pathname = Pathname.new(File.join(Compass.configuration.project_path, watch.glob))\n real_path = nil\n pathname.ascend do |p|\n if p.exist?\n real_path = p\n break\n end\n end\n real_path\n end.compact.uniq\n end\n\n def notify_watches(modified, added, removed)\n project_path = Compass.configuration.project_path\n files = {:modified => modified,\n :added => added,\n :removed => removed}\n\n run_once, run_each = Compass.configuration.watches.partition {|w| w.run_once_per_changeset?}\n\n run_once.each do |watcher|\n if file = files.values.flatten.detect{|f| watcher.match?(f) }\n action = files.keys.detect{|k| files[k].include?(file) }\n watcher.run_callback(project_path, relative_to(file, project_path), action)\n end\n end\n\n run_each.each do |watcher|\n files.each do |action, list|\n list.each do |file|\n if watcher.match?(file)\n watcher.run_callback(project_path, relative_to(file, project_path), action)\n end\n end\n end\n end\n end\n\n def relative_to(f, dir)\n Pathname.new(f).relative_path_from(Pathname.new(dir))\n rescue ArgumentError # does not share a common path.\n f\n end\n\n class << self\n def description(command)\n \"Compile Sass stylesheets to CSS when they change\"\n end\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(CompileProjectOptionsParser)\n parser.extend(WatchProjectOptionsParser)\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands/write_configuration.rb", "content": "require 'compass/commands/project_base'\n\nmodule Compass\n module Commands\n module ConfigurationOptionsParser\n def set_options(opts)\n opts.banner = %Q{\n Usage: compass config [path/to/config_file.rb] [options]\n\n Description:\n Generate a configuration file for the options specified.\n Compass will recognize configuration files in the\n following locations relative to the project root:\n * #{Compass::Configuration::Helpers::KNOWN_CONFIG_LOCATIONS.join(\"\n * \")}\n Any other location, and you'll need to specify it when working with the command line tool using the -c option.\n\n Options:\n }.strip.split(\"\\n\").map{|l| l.gsub(/^ {0,10}/,'')}.join(\"\\n\")\n opts.on(\"--debug [PROPERTY]\", \"Debug your configuration by printing out details.\") do |prop|\n self.options[:debug] = prop.nil? ? true : prop.to_sym\n end\n opts.on(\"-p PROPERTY\", \"--property PROPERTY\", \"Print out the value of a particular configuration property\") do |prop|\n self.options[:display] = prop.to_sym\n end\n\n super\n end\n end\n class WriteConfiguration < ProjectBase\n\n register :config\n\n include InstallerCommand\n\n def initialize(working_path, options)\n super\n assert_project_directory_exists!\n end\n\n def add_project_configuration\n Compass.add_project_configuration\n end\n\n def perform\n if options[:display]\n if Compass.configuration.respond_to?(options[:display])\n puts Compass.configuration.send(options[:display])\n else\n raise Compass::Error, \"ERROR: configuration property '#{options[:display]}' does not exist\"\n end\n elsif options[:debug]\n puts \"Configuration sources:\"\n c = Compass.configuration\n while c\n print c.name\n c = c.inherited_data\n print \", \" if c\n end\n print \"\\n\"\n Compass.configuration.debug.each do |prop, values|\n if options[:debug].is_a?(Symbol)\n next unless prop == options[:debug]\n end\n puts \"***** #{prop} = #{values.first[:resolved].inspect} *****\"\n [:default, :value, :raw, :resolved].each do |kind|\n puts \"#{kind}: \" + values.inject([]){|m, v| m << v[kind]}.map{|v| v.nil? ? '-' : v.inspect}.join(\", \")\n end\n end\n else\n config_file = options[:configuration_file]\n config_file ||= Compass.detect_configuration_file\n config_file ||= Compass::Configuration::Helpers::KNOWN_CONFIG_LOCATIONS.first\n directory File.dirname(config_file)\n installer.write_configuration_files(config_file)\n end\n end\n\n def installer_args\n [nil, project_directory, options]\n end\n\n def explicit_config_file_must_be_readable?\n false\n end\n\n class << self\n\n def option_parser(arguments)\n parser = Compass::Exec::CommandOptionParser.new(arguments)\n parser.extend(Compass::Exec::GlobalOptionsParser)\n parser.extend(Compass::Exec::ProjectOptionsParser)\n parser.extend(ConfigurationOptionsParser)\n end\n\n def usage\n option_parser([]).to_s\n end\n\n def description(command)\n \"Generate a configuration file for the provided command line options.\"\n end\n\n def parse!(arguments)\n parser = option_parser(arguments)\n parser.parse!\n parse_arguments!(parser, arguments)\n parser.options\n end\n\n def parse_arguments!(parser, arguments)\n if arguments.size == 1\n parser.options[:configuration_file] = arguments.shift\n elsif arguments.size == 0\n # default to the current directory.\n else\n raise Compass::Error, \"Too many arguments were specified.\"\n end\n end\n\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/commands.rb", "content": "module Compass::Commands\nend\n\nrequire 'compass/commands/registry'\n\n%w(base project_base default help list_frameworks \n update_project watch_project create_project clean_project extension_command\n imports installer_command print_version project_stats stamp_pattern\n sprite validate_project write_configuration interactive unpack_extension\n).each do |lib|\n require \"compass/commands/#{lib}\"\nend\n\nCompass.discover_extensions!" }, { "path": "cli/lib/compass/compiler.rb", "content": "require 'pathname'\n\nmodule Compass\n class Compiler\n\n include Actions\n\n attr_accessor :working_path, :from, :to, :options, :sass_options, :staleness_checker, :importer\n\n def initialize(working_path, from, to, options)\n Compass::Deprecation.deprecated!(:compass_compiler_constructor,\n \"Compass::Compiler is deprecated. Use Compass::SassCompiler instead.\")\n self.working_path = working_path.to_s\n self.from, self.to = File.expand_path(from), to\n self.logger = options.delete(:logger)\n sass_opts = options.delete(:sass) || {}\n self.options = options\n self.sass_options = options.dup\n self.sass_options.delete(:quiet)\n self.sass_options.update(sass_opts)\n self.sass_options[:cache_location] ||= determine_cache_location\n self.sass_options[:filesystem_importer] ||= Sass::Importers::Filesystem\n self.sass_options[:importer] = self.importer = self.sass_options[:filesystem_importer].new(from)\n self.sass_options[:compass] ||= {}\n self.sass_options[:compass][:logger] = self.logger\n self.sass_options[:compass][:environment] = Compass.configuration.environment\n self.sass_options[:compass][:compiler_in_use] = true\n reset_staleness_checker!\n end\n\n def reset_staleness_checker!\n self.staleness_checker = nil\n #Sass::Plugin::StalenessChecker.dependencies_cache = {}\n self.staleness_checker = Sass::Plugin::StalenessChecker.new(sass_options)\n end\n\n def determine_cache_location\n Compass.configuration.cache_path || Sass::Plugin.options[:cache_location] || File.join(working_path, \".sass-cache\")\n end\n\n def sass_files(options = {})\n exclude_partials = options.fetch(:exclude_partials, true)\n @sass_files = self.options[:sass_files] || Dir.glob(separate(\"#{from}/**/#{'[^_]' if exclude_partials}*.s[ac]ss\"))\n end\n\n def relative_stylesheet_name(sass_file)\n sass_file[(from.length + 1)..-1]\n end\n\n def stylesheet_name(sass_file)\n if sass_file.index(from) == 0\n sass_file[(from.length + 1)..-6].sub(/\\.css$/,'')\n else\n raise Compass::Error, \"You must compile individual stylesheets from the project directory.\"\n end\n end\n\n def css_files\n @css_files ||= sass_files.map{|sass_file| corresponding_css_file(sass_file)}\n end\n\n def sourcemap_files\n @sourcemap_files ||= sass_files.map{|sass_file| corresponding_sourcemap_file(sass_file)}\n end\n\n def corresponding_css_file(sass_file)\n \"#{to}/#{stylesheet_name(sass_file)}.css\"\n end\n\n def corresponding_sourcemap_file(sass_file)\n \"#{to}/#{stylesheet_name(sass_file)}.css.map\"\n end\n\n def target_directories\n css_files.map{|css_file| File.dirname(css_file)}.uniq.sort.sort_by{|d| d.length }\n end\n\n # Returns the sass file that needs to be compiled, if any.\n def out_of_date?\n sass_files.zip(css_files).each do |sass_filename, css_filename|\n return sass_filename if needs_update?(css_filename, sass_filename)\n end\n false\n end\n\n def needs_update?(css_filename, sass_filename)\n staleness_checker.stylesheet_needs_update?(css_filename, File.expand_path(sass_filename), importer)\n end\n\n # Determines if the configuration file is newer than any css file\n def new_config?\n config_file = Compass.detect_configuration_file\n return false unless config_file\n config_mtime = File.mtime(config_file)\n css_files.each do |css_filename|\n return config_file if File.exists?(css_filename) && config_mtime > File.mtime(css_filename)\n end\n nil\n end\n\n def reset!\n reset_staleness_checker!\n @sass_files = nil\n @css_files = nil\n @sourcemap_files = nil\n end\n\n def clean!\n remove options[:cache_location]\n css_files.zip(sourcemap_files).each do |css_file, sourcemap_file|\n remove css_file\n remove sourcemap_file\n end\n end\n\n def run\n failure_count = 0\n if new_config?\n # Wipe out the cache and force compilation if the configuration has changed.\n remove options[:cache_location] if options[:cache_location]\n options[:force] = true\n end\n\n # Make sure the target directories exist\n target_directories.each {|dir| directory dir}\n\n # Compile each sass file.\n result = timed do\n sass_files.zip(css_files, sourcemap_files).each do |sass_filename, css_filename, sourcemap_filename|\n begin\n compile_if_required sass_filename, css_filename, sourcemap_filename\n rescue Sass::SyntaxError => e\n failure_count += 1\n handle_exception(sass_filename, css_filename, e)\n end\n end\n end\n if options[:time]\n puts \"Compilation took #{(result.__duration * 1000).round / 1000.0}s\"\n end\n return failure_count\n end\n\n def compile_if_required(sass_filename, css_filename, sourcemap_filename = nil)\n if should_compile?(sass_filename, css_filename, sourcemap_filename)\n compile sass_filename, css_filename, sourcemap_filename\n else\n logger.record :unchanged, basename(sass_filename) unless options[:quiet]\n remove(sourcemap_filename) if sourcemap_filename && !options[:sourcemap]\n end\n end\n\n def timed(timed_thing = lambda {|res| res})\n start_time = Time.now\n res = yield\n end_time = Time.now\n has_duration = timed_thing.call(res)\n has_duration.instance_variable_set(\"@__duration\", end_time - start_time)\n def has_duration.__duration\n @__duration\n end\n res\n end\n\n # Compile one Sass file\n def compile(sass_filename, css_filename, sourcemap_filename = nil)\n css_content, sourcemap = logger.red do\n timed(lambda {|r| r[0]}) do\n engine = engine(sass_filename, css_filename, sourcemap_filename)\n if sourcemap_filename && options[:sourcemap]\n engine.render_with_sourcemap(relative_path(css_filename, sourcemap_filename))\n else\n [engine.render, nil]\n end\n end\n end\n duration = options[:time] ? \"(#{(css_content.__duration * 1000).round / 1000.0}s)\" : \"\"\n write_file(css_filename, css_content, options.merge(:force => true, :extra => duration), sass_options[:unix_newlines])\n Compass.configuration.run_stylesheet_saved(css_filename)\n if sourcemap && sourcemap_filename\n sourcemap_content = sourcemap.to_json(:css_path => css_filename,\n :sourcemap_path => sourcemap_filename)\n write_file(sourcemap_filename, sourcemap_content, options.merge(:force => true), sass_options[:unix_newlines])\n Compass.configuration.run_sourcemap_saved(sourcemap_filename)\n elsif sourcemap_filename && File.exist?(sourcemap_filename)\n remove sourcemap_filename\n Compass.configuration.run_sourcemap_removed(sourcemap_filename)\n end\n end\n\n def relative_path(from_path, to_path)\n Pathname.new(to_path).relative_path_from(Pathname.new(from_path).dirname).to_s\n end\n\n def should_compile?(sass_filename, css_filename, sourcemap_filename = nil)\n return true if css_filename && !File.exist?(css_filename)\n return true if sourcemap_filename && options[:sourcemap] && !File.exist?(sourcemap_filename)\n options[:force] ||\n needs_update?(css_filename, sass_filename) ||\n (options[:sourcemap] && needs_update?(sourcemap_filename, sass_filename))\n end\n\n # A sass engine for compiling a single file.\n def engine(sass_filename, css_filename, sourcemap_filename = nil)\n syntax = (sass_filename =~ /\\.(s[ac]ss)$/) && $1.to_sym || :sass\n opts = sass_options.merge(:filename => sass_filename,\n :css_filename => css_filename,\n :syntax => syntax,\n :sourcemap_filename => sourcemap_filename)\n Sass::Engine.new(open(sass_filename).read, opts)\n end\n\n # Place the syntax error into the target css file,\n # formatted to display in the browser (in development mode)\n # if there's an error.\n def handle_exception(sass_filename, css_filename, e)\n exception_file = basename(e.sass_filename || sass_filename)\n file = basename(sass_filename)\n exception_file = nil if exception_file == file\n formatted_error = \"(Line #{e.sass_line}#{ \" of #{exception_file}\" if exception_file}: #{e.message})\"\n logger.record :error, file, formatted_error\n Compass.configuration.run_stylesheet_error(sass_filename, formatted_error)\n write_file css_filename, error_contents(e, sass_filename), options.merge(:force => true), sass_options[:unix_newlines]\n end\n\n # Haml refactored this logic in 2.3, this is backwards compatibility for either one\n def error_contents(e, sass_filename)\n if show_full_exception?\n e.sass_template = sass_filename\n Sass::SyntaxError.exception_to_css(e)\n else\n header = Sass::SyntaxError.send(:header_string, e, 1)\n < e\n raise e if e.is_a? SystemExit\n if e.is_a?(::Compass::Error) || e.is_a?(OptionParser::ParseError)\n $stderr.puts e.message\n else\n ::Compass::Exec::Helpers.report_error(e, @options || {})\n end\n return 1\n end\n end\n \n protected\n \n def perform!\n $command = args.shift\n command_class = Compass::Commands[$command]\n unless command_class\n args.unshift($command)\n $command = \"help\"\n command_class = Compass::Commands::Default\n end\n @options = if command_class.respond_to?(\"parse_#{$command}!\")\n command_class.send(\"parse_#{$command}!\", args)\n else\n command_class.parse!(args)\n end\n cmd = command_class.new(Dir.getwd, @options)\n cmd.execute\n cmd.successful? ? 0 : 1\n rescue OptionParser::ParseError => e\n puts \"Error: #{e.message}\"\n puts command_class.usage if command_class.respond_to?(:usage)\n end\n \n end\nend\n" }, { "path": "cli/lib/compass/exec.rb", "content": "require 'compass/dependencies'\nrequire 'optparse'\nrequire 'compass/logger'\nrequire 'compass/errors'\nrequire 'compass/actions'\nrequire 'compass/installers'\nrequire 'compass/commands'\nrequire 'rbconfig'\nrequire 'pathname'\nbegin\n require 'win32console' if RbConfig::CONFIG['host_os'] =~ /mswin|mingw/\nrescue LoadError\n $boring = true\nend\n\nmodule Compass::Exec\nend\n\n%w(helpers sub_command_ui\n global_options_parser project_options_parser\n command_option_parser).each do |lib|\n require \"compass/exec/#{lib}\"\nend\n" }, { "path": "cli/lib/compass/generated_version.rb", "content": "module Compass\n # This file intentionall does nothing.\n # The compass build scripts put the release VERSION constant here.\nend\n" }, { "path": "cli/lib/compass/installers/bare_installer.rb", "content": "module Compass\n module Installers\n\n class BareInstaller < Base\n def completed_configuration\n nil\n end\n\n def init\n directory targetize(\"\")\n directory targetize(Compass.configuration.sass_dir)\n end\n\n def prepare\n end\n\n def install\n config_file ||= targetize('config.rb')\n write_file config_file, config_contents\n end\n\n def config_contents\n project_path, Compass.configuration.project_path = Compass.configuration.project_path, nil\n Compass.configuration.serialize\n ensure\n Compass.configuration.project_path = project_path\n end\n\n def finalize(options = {})\n puts <<-NEXTSTEPS\n\n*********************************************************************\nCongratulations! Your compass project has been created.\n\nYou may now add sass stylesheets to the #{Compass.configuration.sass_dir} subdirectory of your project.\n\nSass files beginning with an underscore are called partials and won't be\ncompiled to CSS, but they can be imported into other sass stylesheets.\n\nYou can configure your project by editing the config.rb configuration file.\n\nYou must compile your sass stylesheets into CSS when they change.\nThis can be done in one of the following ways:\n 1. To compile on demand:\n compass compile [path/to/project]\n 2. To monitor your project for changes and automatically recompile:\n compass watch [path/to/project]\n\nMore Resources:\n * Website: http://compass-style.org/\n * Sass: http://sass-lang.com\n * Community: http://groups.google.com/group/compass-users/\nNEXTSTEPS\n end\n\n end\n end\nend\n" }, { "path": "cli/lib/compass/installers/base.rb", "content": "module Compass\n module Installers\n\n class Base\n\n include Actions\n\n attr_accessor :template_path, :target_path, :working_path\n attr_accessor :options\n\n def initialize(template_path, target_path, options = {})\n @template_path = template_path\n @target_path = target_path\n @working_path = Dir.getwd\n @options = options\n self.logger = options[:logger]\n end\n\n [:css_dir, :sass_dir, :images_dir, :javascripts_dir, :http_stylesheets_path, :fonts_dir, :preferred_syntax].each do |dir|\n define_method dir do\n Compass.configuration.send(dir)\n end\n define_method \"#{dir}_without_default\" do\n Compass.configuration.send(\"#{dir}_without_default\")\n end\n end\n\n # Runs the installer.\n # Every installer must conform to the installation strategy of prepare, install, and then finalize.\n # A default implementation is provided for each step.\n def run(run_options = {})\n prepare unless run_options[:skip_preparation]\n install unless options[:prepare]\n finalize(options.merge(run_options)) unless options[:prepare] || run_options[:skip_finalization]\n end\n\n # The default prepare method -- it is a no-op.\n # Generally you would create required directories, etc.\n def prepare\n end\n\n # The install method override this to install\n def install\n raise \"Not Yet Implemented\"\n end\n\n # The default finalize method -- it is a no-op.\n # This could print out a message or something.\n def finalize(options = {})\n end\n\n def compilation_required?\n false\n end\n\n def pattern_name_as_dir\n \"#{options[:pattern_name]}/\" if options[:pattern_name]\n end\n\n def self.installer(type, installer_opts = {}, &locator)\n locator ||= lambda{|to| to}\n loc_method = \"install_location_for_#{type}\".to_sym\n define_method(\"simple_#{loc_method}\", locator)\n define_method(loc_method) do |to, options|\n if options[:like] && options[:like] != type\n send(\"install_location_for_#{options[:like]}\", to, options)\n else\n send(\"simple_#{loc_method}\", to)\n end\n end\n define_method \"install_#{type}\" do |from, to, options|\n from = templatize(from)\n to = targetize(send(loc_method, to, options))\n is_binary = installer_opts[:binary] || options[:binary]\n if is_binary\n copy from, to, nil, is_binary\n else\n contents = File.new(from).read\n if options.delete(:erb)\n ctx = TemplateContext.ctx(:to => to, :options => options)\n contents = process_erb(contents, ctx)\n end\n write_file to, contents\n end\n end\n end\n\n installer :stylesheet do |to|\n \"#{sass_dir}/#{pattern_name_as_dir}#{to}\"\n end\n\n def install_stylesheet(from, to, options)\n from = templatize(from)\n to = targetize(install_location_for_stylesheet(to, options))\n contents = File.new(from).read\n if options.delete(:erb)\n ctx = TemplateContext.ctx(:to => to, :options => options)\n contents = process_erb(contents, ctx)\n end\n if preferred_syntax.to_s != from[-4..-1]\n # logger.record :convert, basename(from)\n tree = Sass::Engine.new(contents, Compass.sass_engine_options.merge(:syntax => from[-4..-1].intern)).to_tree\n contents = tree.send(\"to_#{preferred_syntax}\")\n to[-4..-1] = preferred_syntax.to_s\n end\n write_file to, contents\n end\n\n installer :css do |to|\n \"#{css_dir}/#{to}\"\n end\n\n installer :image, :binary => true do |to|\n \"#{images_dir}/#{to}\"\n end\n\n installer :javascript do |to|\n \"#{javascripts_dir}/#{to}\"\n end\n\n installer :font do |to|\n \"#{fonts_dir}/#{to}\"\n end\n\n installer :file do |to|\n \"#{pattern_name_as_dir}#{to}\"\n end\n\n installer :html do |to|\n \"#{pattern_name_as_dir}#{to}\"\n end\n\n def install_directory(from, to, options)\n d = if within = options[:within]\n if respond_to?(within)\n targetize(\"#{send(within)}/#{to}\")\n else\n raise Compass::Error, \"Unrecognized location: #{within}\"\n end\n else\n targetize(to)\n end\n directory d\n end\n\n alias install_html_without_haml install_html\n def install_html(from, to, options)\n if to =~ /\\.haml$/\n require 'haml'\n to = to[0..-(\".haml\".length+1)]\n if respond_to?(:install_location_for_html)\n to = install_location_for_html(to, options)\n end\n contents = File.read(templatize(from))\n if options.delete(:erb)\n ctx = TemplateContext.ctx(:to => to, :options => options)\n contents = process_erb(contents, ctx)\n end\n Compass.configure_sass_plugin!\n html = Haml::Engine.new(contents, :filename => templatize(from)).render\n write_file(targetize(to), html, options)\n else\n install_html_without_haml(from, to, options)\n end\n end\n\n # returns an absolute path given a path relative to the current installation target.\n # Paths can use unix style \"/\" and will be corrected for the current platform.\n def targetize(path)\n strip_trailing_separator File.join(target_path, separate(path))\n end\n\n # returns an absolute path given a path relative to the current template.\n # Paths can use unix style \"/\" and will be corrected for the current platform.\n def templatize(path)\n strip_trailing_separator File.join(template_path, separate(path))\n end\n\n # Emits an HTML fragment that can be used to link to the compiled css files\n def stylesheet_links\n \"\"\n end\n end\n end\nend\nrequire 'compass/installers/bare_installer'\nrequire 'compass/installers/manifest_installer'\n" }, { "path": "cli/lib/compass/installers/manifest.rb", "content": "module Compass\n module Installers\n\n class Manifest\n include Enumerable\n\n # A Manifest entry\n class Entry < Struct.new(:type, :from, :options)\n def to\n options[:to] || from\n end\n end\n\n attr_reader :options\n def initialize(manifest_file = nil, options = {})\n @entries = []\n @options = options\n @generate_config = true\n @compile_after_generation = true\n parse(manifest_file) if manifest_file\n end\n\n def self.known_extensions\n @known_extensions ||= {}\n end\n\n def self.plural_types\n @plural_types ||= {}\n end\n\n def self.type(t, options = {})\n Array(options[:extensions]).each do |ext|\n self.known_extensions[ext] = t\n end\n self.plural_types[options[:plural]] = t if options[:plural]\n eval <<-END\n def #{t}(from, options = {})\n @entries << Entry.new(:#{t}, from, options)\n end\n def has_#{t}?\n @entries.detect {|e| e.type == :#{t}}\n end\n def each_#{t}\n @entries.select {|e| e.type == :#{t}}.each {|e| yield e}\n end\n END\n end\n\n type :stylesheet, :plural => :stylesheets, :extensions => %w(scss sass)\n type :image, :plural => :images, :extensions => %w(png gif jpg jpeg tiff gif)\n type :javascript, :plural => :javascripts, :extensions => %w(js)\n type :font, :plural => :fonts, :extensions => %w(eot otf woff ttf)\n type :html, :plural => :html, :extensions => %w(html haml)\n type :file, :plural => :files\n type :directory, :plural => :directories\n\n def discover(type)\n type = self.class.plural_types[type] || type\n dir = File.dirname(@manifest_file)\n Dir.glob(\"#{dir}/**/*\").each do |file|\n next if /manifest\\.rb/ =~ file\n short_name = file[(dir.length+1)..-1]\n options = {}\n ext = if File.extname(short_name) == \".erb\"\n options[:erb] = true\n File.extname(short_name[0..-5])\n else\n File.extname(short_name)\n end[1..-1]\n file_type = self.class.known_extensions[ext]\n file_type = :file if file_type.nil?\n file_type = :directory if File.directory?(file)\n if type == :all || type == file_type\n send(file_type, short_name, options)\n end\n end\n end\n\n def help(value = nil)\n if value\n @help = value\n else\n @help\n end\n end\n\n attr_reader :welcome_message_options\n\n def welcome_message(value = nil, options = {})\n if value\n @welcome_message = value\n @welcome_message_options = options\n else\n @welcome_message\n end\n end\n\n def welcome_message_options\n @welcome_message_options || {}\n end\n\n def description(value = nil)\n if value\n @description = value\n else\n @description\n end\n end\n\n # Enumerates over the manifest files\n def each\n @entries.each {|e| yield e}\n end\n\n def generate_config?\n @generate_config\n end\n\n def compile?\n @compile_after_generation\n end\n\n protected\n\n def no_configuration_file!\n @generate_config = false\n end\n\n def skip_compilation!\n @compile_after_generation = false\n end\n\n def with_manifest(manifest_file)\n @manifest_file = manifest_file\n yield\n ensure\n @manifest_file = nil\n end\n\n # parses a manifest file which is a ruby script\n # evaluated in a Manifest instance context\n def parse(manifest_file)\n with_manifest(manifest_file) do\n if File.exists?(manifest_file)\n open(manifest_file) do |f| \n eval(f.read, instance_binding, manifest_file)\n end \n else\n eval(\"discover :all\", instance_binding, manifest_file)\n end \n end \n end \n\n\n def instance_binding\n binding\n end\n end\n\n end\nend\n" }, { "path": "cli/lib/compass/installers/manifest_installer.rb", "content": "module Compass\n module Installers\n\n class ManifestInstaller < Base\n\n attr_accessor :manifest\n\n def initialize(template_path, target_path, options = {})\n super\n @manifest = Manifest.new(manifest_file, options) if template_path\n end\n\n def manifest_file\n @manifest_file ||= File.join(template_path, \"manifest.rb\")\n end\n\n # Initializes the project to work with compass\n def init\n dirs = manifest.map do |entry|\n unless entry.type == :directory\n loc = send(\"install_location_for_#{entry.type}\", entry.to, entry.options)\n File.dirname(loc)\n end\n end.compact\n\n if manifest.has_stylesheet?\n dirs << sass_dir\n dirs << css_dir\n end\n\n dirs.uniq.sort.each do |dir|\n directory targetize(dir)\n end\n end\n\n # The default install method. Calls install_ methods in the order specified by the manifest.\n def install\n manifest.each do |entry|\n send(\"install_#{entry.type}\", entry.from, entry.to, entry.options)\n end\n end\n\n def stylesheet_links\n html = \"\\n\"\n manifest.each_stylesheet do |stylesheet|\n # Skip partials.\n next if File.basename(stylesheet.from)[0..0] == \"_\"\n media = if stylesheet.options[:media]\n %Q{ media=\"#{stylesheet.options[:media]}\"}\n end\n ss_line = %Q{ }\n if stylesheet.options[:condition]\n ss_line = \" \"\n end\n html << ss_line + \"\\n\"\n end\n html << \"\"\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/installers/template_context.rb", "content": "module Compass\n module Installers\n class TemplateContext\n\n def self.ctx(*arguments)\n new(*arguments).send(:get_binding)\n end\n\n def initialize(template, locals = {})\n @template = template\n @locals = locals\n end\n\n def http_stylesheets_path\n config.http_stylesheets_path ||\n config.default_for(:http_stylesheets_path) ||\n config.http_root_relative(config.css_dir)\n end\n\n Compass::Configuration::ATTRIBUTES.each do |attribute|\n unless instance_methods.include?(attribute.to_s)\n define_method attribute do\n config.send(attribute) || config.default_for(attribute)\n end\n end\n end\n\n def config\n Compass.configuration\n end\n\n alias configuration config\n\n protected\n\n def get_binding\n @locals.each do |k, v|\n eval(\"#{k} = v\")\n end\n binding\n end\n end\n end\nend" }, { "path": "cli/lib/compass/installers.rb", "content": "%w(manifest template_context base manifest_installer bare_installer).each do |f|\n require \"compass/installers/#{f}\"\nend\n" }, { "path": "cli/lib/compass/logger.rb", "content": "module Compass\n\n class Logger\n\n COLORS = { :clear => 0, :red => 31, :green => 32, :yellow => 33, :blue => 34 }\n\n ACTION_COLORS = {\n :error => :red,\n :warning => :yellow,\n :info => :green,\n :compile => :green,\n :overwrite => :yellow,\n :modified => :yellow,\n :clean => :yellow,\n :write => :green,\n :create => :green,\n :remove => :yellow,\n :delete => :yellow,\n :deleted => :yellow,\n :created => :yellow,\n :exists => :green,\n :directory => :green,\n :identical => :green,\n :convert => :green,\n :unchanged => :yellow\n }\n\n DEFAULT_ACTIONS = ACTION_COLORS.keys\n\n ACTION_CAN_BE_QUIET = {\n :error => false,\n :warning => true,\n :info => true,\n :compile => true,\n :overwrite => true,\n :modified => true,\n :clean => true,\n :write => true,\n :create => true,\n :remove => true,\n :delete => true,\n :deleted => true,\n :created => true,\n :exists => true,\n :directory => true,\n :identical => true,\n :convert => true,\n :unchanged => true\n }\n\n attr_accessor :actions, :options, :time\n\n def initialize(*actions)\n self.options = actions.last.is_a?(Hash) ? actions.pop : {}\n @actions = DEFAULT_ACTIONS.dup\n @actions += actions\n end\n\n # Record an action that has occurred\n def record(action, *arguments)\n return if options[:quiet] && ACTION_CAN_BE_QUIET[action]\n msg = \"\"\n if time\n msg << Time.now.strftime(\"%I:%M:%S.%3N %p\")\n end\n msg << color(ACTION_COLORS[action]) if Compass.configuration.color_output\n msg << \"#{action_padding(action)}#{action}\"\n msg << color(:clear) if Compass.configuration.color_output\n msg << \" #{arguments.join(' ')}\"\n log msg\n end\n\n def green\n wrap(:green) { yield }\n end\n\n def red\n wrap(:red) { yield }\n end\n\n def yellow\n wrap(:yellow) { yield }\n end\n\n def wrap(c, reset_to = :clear)\n $stderr.write(color(c))\n $stdout.write(color(c))\n yield\n ensure\n $stderr.write(color(reset_to))\n $stdout.write(color(reset_to))\n $stdout.flush\n end\n\n def color(c)\n if Compass.configuration.color_output && c && COLORS.has_key?(c.to_sym)\n if defined?($boring) && $boring\n \"\"\n else\n \"\\e[#{COLORS[c.to_sym]}m\"\n end\n else\n \"\"\n end\n end\n\n # Emit a log message without a trailing newline\n def emit(msg)\n print msg\n $stdout.flush\n end\n\n # Emit a log message with a trailing newline\n def log(msg)\n puts msg\n $stdout.flush\n end\n\n # add padding to the left of an action that was performed.\n def action_padding(action)\n ' ' * [(max_action_length - action.to_s.length), 0].max\n end\n\n # the maximum length of all the actions known to the logger.\n def max_action_length\n @max_action_length ||= actions.inject(0){|memo, a| [memo, a.to_s.length].max}\n end\n end\n\n class NullLogger < Logger\n def record(*args)\n end\n\n def log(msg)\n end\n\n def emit(msg)\n end\n end\nend\n" }, { "path": "cli/lib/compass/quick_cache.rb", "content": "module QuickCache\n\n # cache a value in memory for just a few seconds\n # This can speed up reads of values that change relatively infrequently\n # but might be read many times in a short burst of reads.\n def quick_cache(key, ttl = 1)\n @quick_cache ||= {}\n if @quick_cache[key] && @quick_cache[key].first > Time.now - ttl\n @quick_cache[key].last\n else\n (@quick_cache[key] = [Time.now, yield]).last\n end\n end\n\nend\n" }, { "path": "cli/lib/compass/rails.rb", "content": "# Rails requires compass by requiring this file.\nrequire 'compass'\n" }, { "path": "cli/lib/compass/sass_compiler.rb", "content": "require 'sass/plugin'\n\nclass Compass::SassCompiler\n\n include Compass::Actions\n\n attr_writer :logger\n attr_reader :quiet\n attr_reader :error_count\n attr_accessor :config\n attr_accessor :display_compilation_times\n attr_accessor :working_path\n attr_accessor :only_sass_files\n\n def initialize(options = {}, config = Compass.configuration)\n options = options.dup\n self.config = config\n self.display_compilation_times = options.delete(:time)\n self.working_path = options.delete(:working_path) || Dir.pwd\n self.only_sass_files = options.delete(:only_sass_files) || []\n @quiet = options[:quiet]\n plugin_options = config.to_sass_plugin_options.merge(options)\n if only_sass_files.any?\n plugin_options[:template_location] = []\n plugin_options[:load_paths] = config.sass_load_paths\n end\n plugin_options[:always_update] = true if options.delete(:force)\n plugin_options[:compass] ||= {}\n plugin_options[:compass][:logger] = logger\n @compiler = Sass::Plugin::Compiler.new(plugin_options)\n @start_times = {}\n @error_count = 0\n\n public_methods(true).grep(/^when_/).each do |callback|\n @compiler.send(callback.to_s.sub(/^when_/, 'on_')) {|*args| send(callback, *args) }\n end\n end\n\n def compile!\n @compiler.update_stylesheets(individual_files)\n end\n\n def watch!(options = {}, &block)\n skip_initial_update = options.fetch(:skip_initial_update, false)\n begin\n @compiler.watch(individual_files, options.merge(:skip_initial_update => skip_initial_update), &block)\n rescue Sass::SyntaxError => e\n skip_initial_update = true\n retry\n end\n end\n\n def individual_files\n only_sass_files.map {|sass_file| [sass_file, corresponding_css_file(sass_file)]}\n end\n\n def clean!\n @compiler.clean(individual_files)\n end\n\n def file_list\n @compiler.file_list(individual_files)\n end\n\n def when_updating_stylesheets(individual_files)\n @start_times = {}\n @error_count = 0\n end\n\n def when_compilation_starting(sass_file, css, sourcemap)\n @start_times[sass_file] = Time.now\n end\n\n def when_template_created(sass_file)\n logger.record :created, relativize(sass_file)\n end\n\n def when_template_deleted(sass_file)\n logger.record :deleted, relativize(sass_file)\n end\n\n def when_template_modified(sass_file)\n logger.record :modified, relativize(sass_file)\n end\n\n def when_updated_stylesheet(sass_file, css, sourcemap)\n if css && display_compilation_times && @start_times[sass_file]\n duration = ((Time.now - @start_times[sass_file]) * 1000).round / 1000.0\n logger.record :write, \"#{relativize(css)} (#{duration}s)\"\n else\n logger.record :write, relativize(css) if css\n end\n config.run_stylesheet_saved(css) if css\n\n logger.record :write, relativize(sourcemap) if sourcemap\n config.run_sourcemap_saved(sourcemap) if sourcemap\n end\n\n def when_creating_directory(dirname)\n logger.record :directory, relativize(dirname)\n end\n\n def when_deleting_css(filename)\n logger.record :delete, relativize(filename)\n config.run_stylesheet_removed(filename) if filename\n end\n\n def when_deleting_sourcemap(filename)\n logger.record :delete, relativize(filename)\n config.run_sourcemap_removed(filename) if filename\n end\n\n def when_compilation_error(error, sass_file, css_file, sourcemap_file)\n @error_count += 1\n if error.respond_to?(:sass_filename)\n error_filename = error.sass_filename || sass_file\n if relativize(error_filename) == relativize(sass_file)\n logger.record :error, \"#{relativize(sass_file)} (Line #{error.sass_line}: #{error.message})\"\n else\n logger.record :error, \"#{relativize(sass_file)} (Line #{error.sass_line} of #{relativize(error_filename)}: #{error.message})\"\n end\n else\n logger.record :error, \"#{relativize(sass_file)} (#{error.backtrace.first}: #{error.message})\"\n end\n config.run_stylesheet_error(sass_file, error.message)\n end\n\n def logger\n @logger ||= Compass::Logger.new(:quiet => quiet)\n end\n\n def corresponding_css_file(sass_file)\n \"#{config.css_path}/#{stylesheet_name(sass_file)}.css\"\n end\n\n def stylesheet_name(sass_file)\n if sass_file.index(config.sass_path) == 0\n sass_file[(config.sass_path.length + 1)..-6].sub(/\\.css$/,'')\n else\n raise Compass::Error, \"Individual stylesheets must be in the sass directory.\"\n end\n end\n\n def sass_files(options = {})\n @compiler.template_location_array.map do |(sass_dir, css_dir)|\n glob = options[:include_partials] ?\n File.join(\"**\",\"*.s[ac]ss*\") :\n File.join(\"**\",\"[^_]*.s[ac]ss*\")\n Dir.glob(File.join(sass_dir, glob))\n end.flatten\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/functions/sprites.rb", "content": "module Compass::SassExtensions::Functions::Sprites\n\n extend Compass::SassExtensions::Functions::SassDeclarationHelper\n extend Sass::Script::Value::Helpers\n include Sass::Script::Value::Helpers\n\n ZERO = number(0)\n BOOL_FALSE = bool(false)\n VALID_SELECTORS = %w(hover active target focus)\n\n # Provides a consistent interface for getting a variable in ruby\n # from a keyword argument hash that accounts for underscores/dash equivalence\n # and allows the caller to pass a symbol instead of a string.\n module VariableReader\n def get_var(variable_name)\n self[variable_name.to_s.gsub(/-/,\"_\")]\n end\n end\n\n # Returns the width of the generated sprite map\n def sprite_width(map, sprite=nil)\n verify_map(map, 'sprite-width')\n file = get_sprite_file(map, sprite)\n width, _ = image_dimensions(file)\n number(width, \"px\")\n end\n declare :sprite_width, [:map]\n declare :sprite_width, [:map, :sprite]\n \n # Returns the height of the generated sprite map\n def sprite_height(map, sprite=nil)\n verify_map(map, 'sprite-height')\n file = get_sprite_file(map, sprite)\n _, height = image_dimensions(file)\n number(height, \"px\")\n end\n declare :sprite_height, [:map]\n declare :sprite_height, [:map, :sprite]\n\n # Returns a list of all sprite names\n def sprite_names(map)\n verify_map(map, 'sprite-names')\n list(map.sprite_names.map { |f| identifier(f) }, :comma)\n end\n declare :sprite_names, [:map]\n\n # Returns the system path of the sprite file\n def sprite_path(map)\n verify_map(map, 'sprite-path')\n identifier(map.filename)\n end\n declare :sprite_path, [:map]\n\n # Returns the sprite file as an inline image\n # @include \"icon/*.png\";\n # #{$icon-sprite-base-class} {\n # background-image: inline-sprite($icon-sprites);\n # }\n def inline_sprite(map)\n verify_map(map, \"sprite-url\")\n map.generate\n path = map.filename\n inline_image_string(data(path), compute_mime_type(path))\n end\n declare :inline_sprite, [:map]\n\n # Creates a Compass::SassExtensions::Sprites::SpriteMap object. A sprite map, when used in a property is the same\n # as calling sprite-url. So the following background properties are equivalent:\n #\n # $icons: sprite-map(\"icons/*.png\");\n # background: sprite-url($icons) no-repeat;\n # background: $icons no-repeat;\n #\n # The sprite map object will generate the sprite map image, if necessary,\n # the first time it is converted to a url. Simply constructing it has no side-effects.\n def sprite_map(glob, kwargs = {})\n kwargs.extend VariableReader\n Compass::SassExtensions::Sprites::SpriteMap.from_uri(glob, self, kwargs)\n end\n declare :sprite_map, [:glob], :var_kwargs => true\n\n # Returns the image and background position for use in a single shorthand property:\n #\n # $icons: sprite-map(\"icons/*.png\"); // contains icons/new.png among others.\n # background: sprite($icons, new) no-repeat;\n #\n # Becomes:\n #\n # background: url('/images/icons.png?12345678') 0 -24px no-repeat;\n #\n # If the `use_percentages` parameter is passed as true, percentages will be\n # used to position the sprite. Example output:\n # \n # background: url('/images/icons.png?12345678') 0 50% no-repeat;\n #\n def sprite(map, sprite, offset_x = ZERO, offset_y = ZERO, use_percentages = BOOL_FALSE)\n sprite = convert_sprite_name(sprite)\n verify_map(map)\n verify_sprite(sprite)\n url = sprite_url(map)\n position = sprite_position(map, sprite, offset_x, offset_y, use_percentages)\n list([url] + position.value, :space)\n end\n declare :sprite, [:map, :sprite]\n declare :sprite, [:map, :sprite, :offset_x]\n declare :sprite, [:map, :sprite, :offset_x, :offset_y]\n declare :sprite, [:map, :sprite, :offset_x, :offset_y, :use_percentages]\n\n # Returns the name of a sprite map\n # The name is derived from the folder than contains the sprites.\n def sprite_map_name(map)\n verify_map(map, \"sprite-map-name\")\n identifier(map.name)\n end\n declare :sprite_name, [:sprite]\n\n # Returns the path to the original image file for the sprite with the given name\n def sprite_file(map, sprite)\n sprite = convert_sprite_name(sprite)\n verify_map(map, \"sprite\")\n verify_sprite(sprite)\n if image = map.image_for(sprite.value)\n image_path = Pathname.new(File.expand_path(image.file))\n images_path = Pathname.new(File.expand_path(Compass.configuration.images_path))\n quoted_string(image_path.relative_path_from(images_path).to_s)\n else\n missing_image!(map, sprite)\n end\n end\n declare :sprite_file, [:map, :sprite]\n\n # Returns boolean if sprite has a parent\n def sprite_does_not_have_parent(map, sprite)\n sprite = convert_sprite_name(sprite)\n verify_map map\n verify_sprite sprite\n bool(map.image_for(sprite.value).parent.nil?)\n end\n declare :sprite_does_not_have_parent, [:map, :sprite]\n\n #return the name of the selector file\n def sprite_selector_file(map, sprite, selector)\n sprite = convert_sprite_name(sprite)\n image = map.image_for(sprite)\n if map.send(:\"has_#{selector.value}?\", sprite.value)\n return identifier(image.send(selector.value).name)\n end\n\n raise Sass::SyntaxError, \"Sprite: #{sprite.value} does not have a #{selector} state\"\n end\n\n declare :sprite_selector_file, [:map, :sprite, :selector]\n\n # Returns boolean if sprite has the selector\n def sprite_has_selector(map, sprite, selector)\n sprite = convert_sprite_name(sprite)\n verify_map map\n verify_sprite sprite\n unless VALID_SELECTORS.include?(selector.value)\n raise Sass::SyntaxError, \"Invalid Selctor did you mean one of: #{VALID_SELECTORS.join(', ')}\"\n end\n bool map.send(:\"has_#{selector.value}?\", sprite.value)\n end\n \n declare :sprite_has_selector, [:map, :sprite, :selector]\n\n # Determines if the CSS selector is valid\n IDENTIFIER_RX = /\\A#{Sass::SCSS::RX::IDENT}\\Z/\n def sprite_has_valid_selector(selector)\n unless selector.value =~ IDENTIFIER_RX\n raise Sass::SyntaxError, \"#{selector} must be a legal css identifier\"\n end\n bool true\n end\n\n # Returns a url to the sprite image.\n def sprite_url(map)\n verify_map(map, \"sprite-url\")\n map.generate\n generated_image_url(identifier(\"#{map.path}-s#{map.uniqueness_hash}.png\"))\n end\n declare :sprite_url, [:map]\n\n # Returns the position for the original image in the sprite.\n # This is suitable for use as a value to background-position:\n #\n # $icons: sprite-map(\"icons/*.png\");\n # background-position: sprite-position($icons, new);\n #\n # Might generate something like:\n #\n # background-position: 0 -34px;\n #\n # You can adjust the background relative to this position by passing values for\n # `$offset-x` and `$offset-y`:\n #\n # $icons: sprite-map(\"icons/*.png\");\n # background-position: sprite-position($icons, new, 3px, -2px);\n #\n # Would change the above output to:\n #\n # background-position: 3px -36px;\n #\n # If you set the `use_percentages` parameter to true, the position will be\n # expressed in percentages. An example:\n #\n # background-position: sprite-position($icons, new, 0, 0, true);\n #\n # Would result in something like this:\n #\n # background-position: 0 42%;\n # \n def sprite_position(map, sprite = nil, offset_x = ZERO, offset_y = ZERO, use_percentages = BOOL_FALSE)\n assert_type offset_x, :Number\n assert_type offset_y, :Number\n sprite = convert_sprite_name(sprite)\n verify_map(map, \"sprite-position\")\n unless sprite.is_a?(Sass::Script::Value::String) || sprite.is_a?(Sass::Script::Value::Number)\n 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.)\n end\n image = map.image_for(sprite.value)\n unless image\n missing_image!(map, sprite)\n end\n if use_percentages.value\n xdivis = map.width - image.width;\n x = (offset_x.value + image.left.to_f) / (xdivis.nonzero? || 1) * 100\n x = x == 0 ? number(x) : number(x, \"%\")\n ydivis = map.height - image.height;\n y = (offset_y.value + image.top.to_f) / (ydivis.nonzero? || 1) * 100\n y = y == 0 ? number(y) : number(y, \"%\")\n else\n if offset_x.unit_str == \"%\"\n x = offset_x # CE: Shouldn't this be a percentage of the total width?\n else\n x = offset_x.value - image.left\n x = x == 0 ? number(x) : number(x, \"px\")\n end\n y = offset_y.value - image.top\n y = y == 0 ? number(y) : number(y, \"px\")\n end\n list(x, y, :space)\n end\n declare :sprite_position, [:map]\n declare :sprite_position, [:map, :sprite]\n declare :sprite_position, [:map, :sprite, :offset_x]\n declare :sprite_position, [:map, :sprite, :offset_x, :offset_y]\n declare :sprite_position, [:map, :sprite, :offset_x, :offset_y, :use_percentages]\n\nprotected\n\n def get_sprite_file(map, sprite=nil)\n if sprite\n map.image_for(sprite).file\n else\n map.filename\n end\n end\n\n def reversed_color_names\n if Sass::Script::Value::Color.const_defined?(:HTML4_COLORS_REVERSE)\n Sass::Script::Value::Color::HTML4_COLORS_REVERSE\n else\n Sass::Script::Value::Color::COLOR_NAMES_REVERSE\n end\n end\n\n def convert_sprite_name(sprite)\n case sprite\n when Sass::Script::Value::Color\n rgb = if reversed_color_names.keys.first.size == 3\n sprite.rgb\n else\n # Sass 3.3 includes the alpha channel\n sprite.rgba\n end\n identifier(reversed_color_names[rgb])\n when Sass::Script::Value::Bool\n identifier(sprite.to_s)\n else\n sprite\n end\n end\n\n def verify_map(map, error = \"sprite\")\n unless map.is_a?(Compass::SassExtensions::Sprites::SpriteMap)\n missing_sprite!(error)\n end\n end\n\n def verify_sprite(sprite)\n unless sprite.is_a?(Sass::Script::Value::String) || sprite.is_a?(Sass::Script::Value::Number)\n 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.)\n end\n end\n\n def missing_image!(map, sprite)\n raise Sass::SyntaxError, \"No sprite called #{sprite} found in sprite map #{map.path}/#{map.name}. Did you mean one of: #{map.sprite_names.join(\", \")}\"\n end\n\n def missing_sprite!(function_name)\n 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.)\n end\n\nend\n" }, { "path": "cli/lib/compass/sass_extensions/functions.rb", "content": "module Compass::SassExtensions::Functions\n module SassDeclarationHelper\n def declare(*args)\n Sass::Script::Functions.declare(*args)\n end\n end\nend\n\n%w(sprites).each do |func|\n require \"compass/sass_extensions/functions/#{func}\"\nend\n\nmodule Sass::Script::Functions\n include Compass::SassExtensions::Functions::Sprites\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb", "content": "begin\n require 'oily_png'\nrescue LoadError\n require 'chunky_png'\nend\n\nmodule Compass\n module SassExtensions\n module Sprites\n class ChunkyPngEngine < Compass::SassExtensions::Sprites::Engine\n\n def construct_sprite\n @canvas = ChunkyPNG::Image.new(width, height, ChunkyPNG::Color::TRANSPARENT)\n images.each do |image|\n input_png = begin\n ChunkyPNG::Image.from_file(image.file)\n rescue ChunkyPNG::SignatureMismatch\n 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\"\n end\n canvas.replace! input_png, image.left, image.top\n end\n end \n \n def save(filename)\n if canvas.nil?\n construct_sprite\n end\n \n canvas.save(filename, Compass.configuration.chunky_png_options)\n end\n \n end\n end\n end\nend " }, { "path": "cli/lib/compass/sass_extensions/sprites/engines.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n class Engine\n attr_accessor :width, :height, :images, :canvas\n def initialize(width, height, images)\n @width, @height, @images = width, height, images\n @canvas = nil\n end\n \n def construct_sprite\n raise ::Compass::Error, \"You must implement construct_sprite\"\n end\n \n def save(filename)\n raise ::Compass::Error, \"You must implement save(filename)\"\n end\n \n end\n end\n end\nend\n\n\nrequire 'compass/sass_extensions/sprites/engines/chunky_png_engine'\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/image.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n class Image\n include Sass::Script::Value::Helpers\n ACTIVE = %r{[_-]active$}\n TARGET = %r{[_-]target$}\n HOVER = %r{[_-]hover$}\n FOCUS = %r{[_-]focus$}\n PARENT = %r{(.+)[-_](.+)$}\n\n REPEAT_X = 'repeat-x'\n REPEAT_Y = 'repeat-y'\n NO_REPEAT = 'no-repeat'\n\n VALID_REPEATS = [REPEAT_Y, REPEAT_X, NO_REPEAT]\n\n attr_reader :relative_file, :options, :base, :name\n attr_accessor :top, :left\n\n def initialize(base, relative_file, options)\n @base, @relative_file, @options = base, relative_file, options\n @left = @top = 0\n @name = File.basename(relative_file, '.png')\n end\n\n # The Full path to the image\n def file\n @file ||= find_file\n end\n\n def find_file\n Compass.configuration.sprite_load_path.compact.each do |path|\n f = File.join(path, relative_file)\n if File.exists?(f)\n return f\n end\n end\n end\n\n # Width of the image\n def width\n dimensions.first\n end\n\n def size\n @size ||= File.size(file)\n end\n\n # Height of the image\n def height\n dimensions.last\n end\n\n def get_var_file(var)\n options.get_var \"#{base.name}_#{name}_#{var}\"\n end\n\n # Value of $#{name}-repeat or $repeat \n def repeat\n @repeat ||= begin\n rep = (get_var_file(\"repeat\") || options.get_var(\"repeat\") || identifier(NO_REPEAT)).value\n unless VALID_REPEATS.include? rep\n raise SpriteException, \"Invalid option for repeat \\\"#{rep}\\\" - valid options are #{VALID_REPEATS.join(', ')}\"\n end\n\n rep\n end\n end\n\n def repeat_x?\n repeat == REPEAT_X\n end\n\n def repeat_y?\n repeat == REPEAT_Y\n end\n\n def no_repeat?\n repeat == NO_REPEAT\n end\n\n # Value of $#{name}-position or $position defaults to 0px\n def position\n @position ||= get_var_file(\"position\") || options.get_var(\"position\") || number(0, \"px\")\n end\n\n # Offset within the sprite\n def offset\n @offset ||= (position.unitless? || position.unit_str == \"px\") ? position.value : 0\n end\n\n # Spacing between this image and the next\n def spacing\n @spacing ||= (get_var_file(\"spacing\") || options.get_var(\"spacing\") || number(0, 'px')).value\n end\n\n # MD5 hash of this file\n def digest\n Digest::MD5.file(file).hexdigest\n end\n\n # mtime of this file\n def mtime\n File.mtime(file)\n end\n\n # Is hover selector\n def hover?\n name =~ HOVER\n end\n\n # Hover selector Image object if exsists\n def hover\n base.get_magic_selector_image(name, 'hover')\n end\n\n # Is target selector\n def target?\n name =~ TARGET\n end\n\n # Target selector Image object if exsists\n def target\n base.get_magic_selector_image(name, 'target')\n end\n\n # Is active selector\n def active?\n name =~ ACTIVE\n end\n\n # Active selector Image object if exsists\n def active\n base.get_magic_selector_image(name, 'active')\n end\n\n # Is active selector\n def focus?\n name =~ FOCUS\n end\n\n # Active selector Image object if exsists\n def focus\n base.get_magic_selector_image(name, 'focus')\n end\n\n def parent\n if [hover?, target?, active?, focus?].any?\n PARENT.match name\n base.image_for($1)\n end\n end\n\n private\n def dimensions\n @dimensions ||= Compass::Core::SassExtensions::Functions::ImageSize::ImageProperties.new(file).size\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/image_methods.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module ImageMethods\n # Fetches the Sprite::Image object for the supplied name\n def image_for(name)\n if name.is_a?(Sass::Script::Value::String)\n name = name.value\n end\n name = name.to_s\n @images.detect { |img| img.name.downcase == name.downcase}\n end\n\n # Returns true if the image name has a hover selector image\n def has_hover?(name)\n !get_magic_selector_image(name, 'hover').nil?\n end\n\n # Returns true if the image name has a target selector image\n def has_target?(name)\n !get_magic_selector_image(name, 'target').nil?\n end\n\n # Returns true if the image name has a focus selector image\n def has_focus?(name)\n !get_magic_selector_image(name, 'focus').nil?\n end\n\n # Returns true if the image name has an active selector image\n def has_active?(name)\n !get_magic_selector_image(name, 'active').nil?\n end\n\n SEPERATORS = ['_', '-']\n\n def get_magic_selector_image(name, selector)\n SEPERATORS.each do |seperator|\n file = image_for(\"#{name}#{seperator}#{selector}\")\n return file if !file.nil?\n end\n\n nil\n end\n\n # Return and array of image names that make up this sprite\n def sprite_names\n image_names.map { |f| File.basename(f, '.png') }\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/image_row.rb", "content": "require 'forwardable'\n\nmodule Compass\n module SassExtensions\n module Sprites\n class ImageRow\n extend Forwardable\n\n attr_reader :images, :max_width\n def_delegators :@images, :last, :delete, :empty?, :length\n \n def initialize(max_width)\n @images = []\n @max_width = max_width\n end\n \n def add(image)\n return false if !will_fit?(image)\n @images << image\n true\n end\n\n alias :<< :add\n \n def height\n images.map(&:height).max\n end\n \n def width\n images.map(&:width).max\n end\n\n def total_width\n images.inject(0) {|sum, img| sum + img.width }\n end\n \n def efficiency\n 1 - (total_width.to_f / max_width.to_f)\n end\n\n def will_fit?(image)\n (total_width + image.width) <= max_width\n end\n end\n end\n end\nend" }, { "path": "cli/lib/compass/sass_extensions/sprites/images.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n class Images < Array\n\n def sort_by!(method)\n invert = false\n if method.to_s[0] == '!'[0] # have todo this for 1.8.7 compat\n method = method.to_s[1..-1]\n invert = true\n end\n method = method.to_sym\n self.sort! do |a, b|\n unless a.send(method) == b.send(method)\n a.send(method) <=> b.send(method)\n else\n other = ([:size, :name] - [method]).first\n a.send(other) <=> b.send(other)\n end\n end\n self.reverse! if invert\n end\n\n\n\n end\n end\n end\nend" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout/diagonal.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module Layout\n class Diagonal < SpriteLayout\n\n def layout!\n calculate_width!\n calculate_height!\n calculate_positions!\n end\n\n private # ===========================================================================================>\n\n def calculate_width!\n @width = @images.inject(0) {|sum, img| sum + img.width}\n end\n\n def calculate_height!\n @height = @images.inject(0) {|sum, img| sum + img.height}\n end\n\n def calculate_positions!\n previous = nil\n @images.each_with_index do |image, index|\n if previous.nil?\n previous = image\n image.top = @height - image.height\n image.left = 0\n next\n end\n image.top = previous.top - image.height\n image.left = previous.left + previous.width\n previous = image\n end\n end\n\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout/horizontal.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module Layout\n class Horizontal < SpriteLayout\n\n def layout!\n calculate_height!\n calculate_width!\n calculate_positions!\n tile_images_that_repeat!\n end\n\n private # ===========================================================================================>\n\n def calculate_height!\n @height = @images.map {|image| image.height + image.offset}.max\n if repeating_images?\n calculate_repeat_extra_height!\n end\n @height\n end\n\n def calculate_width!\n @width = @images.inject(0) { |sum, image| sum += (image.width + image.spacing) }\n end\n\n def repeating_images?\n @repeating_images ||= @images.any?(&:repeat_y?)\n end\n\n def calculate_repeat_extra_height!\n m = @images.inject(1) {|m,img| img.repeat_y? ? m.lcm(img.height) : m }\n remainder = @height % m\n @height += (m - remainder) unless remainder.zero?\n end\n\n def calculate_positions!\n @images.each_with_index do |image, index|\n image.top = image.position.unit_str == '%' ? (@height - image.height) * (image.position.value / 100.0) : image.position.value\n next if index == 0\n last_image = @images[index-1]\n image.left = last_image.left + last_image.width + [image.spacing, last_image.spacing].max\n end\n end\n\n def tile_images_that_repeat!\n return unless repeating_images?\n @images.map {|img| img if img.repeat_y?}.compact.each do |image|\n y = (image.top + image.height)\n while y < @height do\n begin\n img = image.dup\n img.top = y.to_i\n @images << img\n y += image.height\n end \n end #while\n end \n end \n\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout/smart.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module Layout\n class Smart < SpriteLayout\n\n def layout!\n calculate_positions!\n end\n\n private # ===========================================================================================>\n\n def calculate_positions!\n fitter = ::Compass::SassExtensions::Sprites::RowFitter.new(@images)\n current_y = 0\n fitter.fit!.each do |row|\n current_x = 0\n row.images.each_with_index do |image, index|\n image.left = current_x\n image.top = current_y\n current_x += image.width\n end\n current_y += row.height\n end\n @width = fitter.width\n @height = fitter.height\n end\n\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout/vertical.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module Layout\n class Vertical < SpriteLayout\n\n def layout!\n calculate_width!\n calculate_positions!\n calculate_height!\n tile_images_that_repeat!\n end\n\n private # ===========================================================================================>\n\n def calculate_width!\n @width = @images.map { |image| image.width + image.offset }.max\n if repeating_images?\n calculate_repeat_extra_width!\n end\n\n @width\n end\n\n def calculate_height!\n last = @images.last\n @height = last.top + last.height\n end\n\n def repeating_images?\n @repeating_images ||= @images.any?(&:repeat_x?)\n end\n\n def calculate_repeat_extra_width!\n m = @images.inject(1) {|m,img| img.repeat_x? ? m.lcm(img.width) : m }\n remainder = @width % m\n @width += (m - remainder) unless remainder.zero?\n end\n\n def calculate_positions!\n @images.each_with_index do |image, index|\n image.left = (image.position.unit_str == \"%\" ? (@width - image.width) * (image.position.value / 100.0) : image.position.value).to_i\n next if index == 0\n last_image = @images[index-1]\n image.top = last_image.top + last_image.height + [image.spacing, last_image.spacing].max\n end #each_with_index\n end #method\n\n def tile_images_that_repeat!\n return unless repeating_images?\n @images.map {|img| img if img.repeat_x?}.compact.each do |image|\n x = image.left - (image.left / image.width).ceil * image.width\n while x < @width do\n begin\n img = image.dup\n img.top = image.top\n img.left = x.to_i\n @images << img\n x += image.width \n end #begin\n end #while\n end #map\n end #method\n end #Vertical\n end #Layout\n end #Sprites\n end #SassExtensions\nend #Compass" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout.rb", "content": "require 'rational'\nmodule Compass\n module SassExtensions\n module Sprites\n module Layout\n class SpriteLayout\n\n attr_reader :images, :options\n attr_accessor :height, :width\n\n def initialize(images, kwargs={})\n @images = images\n @options = kwargs\n @height = 0\n @width = 0\n \n layout!\n end\n\n def layout!\n raise Compass::SpriteException, \"You must impliment layout!\"\n end\n\n def properties\n if @width.zero?\n raise Compass::SpriteException, \"You must set the width fetching the properties\"\n end\n if @height.zero?\n raise Compass::SpriteException, \"You must set the height fetching the properties\"\n end\n\n [@images, @width, @height]\n end\n\n end\n end\n end\n end\nend" }, { "path": "cli/lib/compass/sass_extensions/sprites/layout_methods.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module LayoutMethods\n HORIZONTAL = 'horizontal'\n DIAGONAL = 'diagonal'\n SMART = 'smart'\n VERTICAL = 'vertical'\n \n def smart?\n layout == SMART\n end\n \n def horizontal?\n layout == HORIZONTAL\n end\n \n def diagonal?\n layout == DIAGONAL\n end\n\n def vertical?\n layout == VERTICAL\n end\n \n def layout\n @layout ||= @kwargs.get_var('layout').value\n end\n \n # Calculates the overal image dimensions\n # collects image sizes and input parameters for each sprite\n def compute_image_positions!\n case layout\n when SMART\n require 'compass/sass_extensions/sprites/layout/smart'\n @images, @width, @height = Layout::Smart.new(@images, @kwargs).properties\n when DIAGONAL\n require 'compass/sass_extensions/sprites/layout/diagonal'\n @images, @width, @height = Layout::Diagonal.new(@images, @kwargs).properties\n when HORIZONTAL\n require 'compass/sass_extensions/sprites/layout/horizontal'\n @images, @width, @height = Layout::Horizontal.new(@images, @kwargs).properties\n else\n require 'compass/sass_extensions/sprites/layout/vertical'\n @images, @width, @height = Layout::Vertical.new(@images, @kwargs).properties\n end\n end\n \n end\n end\n end\nend\n \n" }, { "path": "cli/lib/compass/sass_extensions/sprites/row_fitter.rb", "content": "require 'forwardable'\n\nmodule Compass\n module SassExtensions\n module Sprites\n class RowFitter\n extend Forwardable\n\n attr_reader :images, :rows\n def_delegators :rows, :[]\n\n def initialize(images)\n @images = images.sort do |a,b|\n if a.height == b.height\n b.width <=> a.width\n else\n a.height <=> b.height\n end\n end\n @rows = []\n end\n\n def fit!(style = :scan)\n send(\"#{style}_fit\")\n @rows\n end\n\n def width\n @width ||= @images.collect(&:width).max\n end\n \n def height\n @height ||= @rows.inject(0) {|sum, row| sum += row.height}\n end\n\n def efficiency\n @rows.inject(0) { |sum, row| sum += row.efficiency } ** @rows.length\n end\n\n private\n def new_row(image = nil)\n row = Compass::SassExtensions::Sprites::ImageRow.new(width)\n row.add(image) if image\n row\n end\n\n def fast_fit\n row = new_row\n @images.each do |image|\n if !row.add(image)\n @rows << row\n row = new_row(image)\n end\n end\n\n @rows << row\n end\n\n def scan_fit\n fast_fit\n\n moved_images = []\n\n begin\n removed = false\n\n catch :done do\n @rows.each do |row|\n (@rows - [ row ]).each do |other_row|\n other_row.images.each do |image|\n if !moved_images.include?(image)\n if row.will_fit?(image)\n other_row.delete(image)\n row << image\n\n @rows.delete(other_row) if other_row.empty?\n removed = true\n\n moved_images << image\n throw :done\n end\n end\n end\n end\n end\n end\n end while removed\n end\n end\n end\n end\nend" }, { "path": "cli/lib/compass/sass_extensions/sprites/sprite_map.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n class SpriteMap < Sass::Script::Value::Base\n attr_accessor :image_names, :path, :name, :map, :kwargs\n attr_accessor :images, :width, :height, :engine\n\n include SpriteMethods\n include ImageMethods\n include LayoutMethods\n include Sass::Script::Value::Helpers\n\n\n # Initialize a new sprite object from a relative file path\n # the path is relative to the images_path confguration option\n def self.from_uri(uri, context, kwargs)\n uri = uri.value\n path, name = Compass::SpriteImporter.path_and_name(uri)\n files = Compass::SpriteImporter.files(uri)\n sprites = files.map do |sprite|\n relative_name(sprite)\n end\n new(sprites, path, name, context, kwargs)\n end\n \n def self.relative_name(sprite)\n sprite = File.expand_path(sprite)\n Compass.configuration.sprite_load_path.each do |path|\n path_with_slash = \"#{File.expand_path(path)}/\"\n \n if sprite.include?(path_with_slash)\n return sprite.gsub(path_with_slash, '')\n end\n end\n end\n\n def initialize(sprites, path, name, context, kwargs)\n @image_names = sprites\n @path = path\n @name = name\n @kwargs = kwargs\n @kwargs['cleanup'] ||= bool(true)\n @kwargs['layout'] ||= identifier('vertical')\n @kwargs['sort_by'] ||= identifier('none')\n @images = nil\n @width = nil\n @height = nil\n @engine = nil\n @evaluation_context = context\n compute_image_metadata!\n end\n\n def sort_method\n @kwargs['sort_by'].value\n end\n\n def inspect\n puts 'images'\n @images.each do |img|\n puts img.file\n end\n puts \"options\"\n @kwargs.each do |k,v|\n puts \"#{k}:#{v}\"\n end\n end\n\n def to_s(kwargs = self.kwargs)\n sprite_url(self).value\n end\n\n def respond_to?(meth)\n super || @evaluation_context.respond_to?(meth)\n end\n\n def method_missing(meth, *args, &block)\n if @evaluation_context.respond_to?(meth)\n @evaluation_context.send(meth, *args, &block)\n else\n super\n end\n end\n\n private \n\n def modulize\n @modulize ||= Compass::configuration.sprite_engine.to_s.scan(/([^_.]+)/).flatten.map {|chunk| \"#{chunk[0].chr.upcase}#{chunk[1..-1]}\" }.join\n end\n\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites/sprite_methods.rb", "content": "module Compass\n module SassExtensions\n module Sprites\n module SpriteMethods\n \n # Changing this string will invalidate all previously generated sprite images.\n # We should do so only when the packing algorithm changes\n SPRITE_VERSION = \"2\"\n \n # Calculates the overal image dimensions\n # collects image sizes and input parameters for each sprite\n # Calculates the height\n def compute_image_metadata!\n @width = 0\n init_images\n compute_image_positions!\n init_engine\n end\n \n def init_engine\n @engine = eval(\"::Compass::SassExtensions::Sprites::#{modulize}Engine.new(nil, nil, nil)\")\n @engine.width = @width\n @engine.height = @height\n @engine.images = @images\n end\n \n # Creates the Sprite::Image objects for each image and calculates the width\n def init_images\n @images = Images.new\n image_names.each do |relative_file|\n @images << Image.new(self, relative_file, kwargs)\n end\n unless sort_method == 'none'\n @images.sort_by! sort_method\n end\n end\n\n def name_and_hash\n \"#{path}-s#{uniqueness_hash}.png\"\n end\n\n # The on-the-disk filename of the sprite\n def filename\n File.join(Compass.configuration.generated_images_path, name_and_hash)\n end\n\n def relativize(path)\n Pathname.new(path).relative_path_from(Pathname.new(Dir.pwd)).to_s rescue path\n end\n\n # Generate a sprite image if necessary\n def generate\n if generation_required?\n if kwargs.get_var('cleanup').value\n cleanup_old_sprites\n end\n engine.construct_sprite\n Compass.configuration.run_sprite_generated(engine.canvas)\n save!\n else\n log :unchanged, filename\n end\n end\n \n def cleanup_old_sprites\n Sass::Util.glob(File.join(Compass.configuration.generated_images_path, \"#{path}-s*.png\")).each do |file|\n log :remove, file\n FileUtils.rm file\n Compass.configuration.run_sprite_removed(file)\n end\n end\n \n # Does this sprite need to be generated\n def generation_required?\n !File.exists?(filename) || outdated? || options[:force]\n end\n\n # Returns the uniqueness hash for this sprite object\n def uniqueness_hash\n @uniqueness_hash ||= begin\n sum = Digest::MD5.new\n sum << SPRITE_VERSION\n sum << path\n sum << layout\n images.each do |image|\n [:relative_file, :height, :width, :repeat, :spacing, :position, :digest].each do |attr|\n sum << image.send(attr).to_s\n end\n end\n sum.hexdigest[0...10]\n end\n @uniqueness_hash\n end\n\n # Saves the sprite engine\n def save!\n FileUtils.mkdir_p(File.dirname(filename))\n saved = engine.save(filename)\n log :create, filename\n Compass.configuration.run_sprite_saved(filename)\n @mtime = nil if saved\n saved\n end\n\n # All the full-path filenames involved in this sprite\n def image_filenames\n @images.map(&:file)\n end\n\n # Checks whether this sprite is outdated\n def outdated?\n if File.exists?(filename)\n return @images.any? {|image| image.mtime.to_i > self.mtime.to_i }\n end\n true\n end\n\n # Mtime of the sprite file\n def mtime\n @mtime ||= File.mtime(filename)\n end\n \n # Calculate the size of the sprite\n def size\n [width, height]\n end\n\n def log(action, filename, *extra)\n if options[:compass] && options[:compass][:logger] && !options[:quiet]\n options[:compass][:logger].record(action, relativize(filename), *extra)\n end\n end\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/sass_extensions/sprites.rb", "content": "require 'digest/md5'\nrequire 'compass/sprite_importer'\n\nmodule Compass\n module SassExtensions\n module Sprites\n end\n end\nend\n\nrequire 'compass/sass_extensions/sprites/images'\nrequire 'compass/sass_extensions/sprites/layout'\nrequire 'compass/sass_extensions/sprites/image_row'\nrequire 'compass/sass_extensions/sprites/row_fitter'\nrequire 'compass/sass_extensions/sprites/image'\nrequire 'compass/sass_extensions/sprites/layout_methods'\nrequire 'compass/sass_extensions/sprites/sprite_methods'\nrequire 'compass/sass_extensions/sprites/image_methods'\nrequire 'compass/sass_extensions/sprites/sprite_map'\nrequire 'compass/sass_extensions/sprites/engines'\n\n" }, { "path": "cli/lib/compass/sass_extensions.rb", "content": "unless Sass::Script::Functions.methods.grep(/\\Adeclare\\Z/).any?\n 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.\"\nend\n\nmodule Compass::SassExtensions\nend\n\nrequire 'compass/sass_extensions/functions'\nrequire 'compass/sass_extensions/sprites'\n" }, { "path": "cli/lib/compass/sprite_importer/binding.rb", "content": "require 'ostruct'\nmodule Compass\n module Sprites\n class Binding < OpenStruct\n \n def get_binding\n binding\n end\n end\n end\nend" }, { "path": "cli/lib/compass/sprite_importer/content.erb", "content": "@import \"compass/utilities/sprites/base\";\n\n// General Sprite Defaults\n// You can override them before you import this file.\n$<%= name %>-sprite-dimensions : false !default;\n$<%= name %>-use-percentages : false !default;\n$<%= name %>-position : 0% !default;\n$<%= name %>-spacing : 0 !default;\n$<%= name %>-repeat : no-repeat !default;\n$<%= name %>-prefix : '' !default;\n$<%= name %>-clean-up : true !default;\n$<%= name %>-layout : vertical !default;\n$<%= name %>-inline : false !default;\n$<%= name %>-sort-by : 'none' !default;\n$<%= name %>-class-separator : $default-sprite-separator !default;\n$<%= name %>-sprite-base-class : \".<%= name %>#{$<%= name %>-class-separator}sprite\" !default;\n\n<% if skip_overrides %> \n $<%= name %>-sprites: sprite-map(\"<%= uri %>\", $layout: $<%= name %>-layout, $cleanup: $<%= name %>-clean-up, $spacing: $<%= name %>-spacing, $position : $<%= name %>-position);\n<% else %> \n // These variables control the generated sprite output\n // You can override them selectively before you import this file.\n <% sprite_names.each do |sprite_name| %>\n $<%= name %>-<%= sprite_name %>-position: $<%= name %>-position !default;\n $<%= name %>-<%= sprite_name %>-spacing: $<%= name %>-spacing !default;\n $<%= name %>-<%= sprite_name %>-repeat: $<%= name %>-repeat !default;\n <% end %>\n\n $<%= name %>-sprites: sprite-map(\"<%= uri %>\",\n <% sprite_names.each do |sprite_name| %>\n $<%= name %>-<%= sprite_name %>-position: $<%= name %>-<%= sprite_name %>-position, \n $<%= name %>-<%= sprite_name %>-spacing: $<%= name %>-<%= sprite_name %>-spacing, \n $<%= name %>-<%= sprite_name %>-repeat: $<%= name %>-<%= sprite_name %>-repeat,\n <% end %>\n $layout : $<%= name %>-layout,\n $cleanup : $<%= name %>-clean-up,\n $spacing : $<%= name %>-spacing,\n $position : $<%= name %>-position,\n $sort-by : $<%= name %>-sort-by\n );\n<% end %>\n\n// All sprites should extend this class\n// The <%= name %>-sprite mixin will do so for you.\n@if $<%= name %>-inline {\n #{$<%= name %>-sprite-base-class} {\n background-image: inline-sprite($<%= name %>-sprites);\n } \n} @else {\n #{$<%= name %>-sprite-base-class} {\n background-image: sprite-url($<%= name %>-sprites);\n background-repeat: no-repeat;\n }\n}\n//sass functions to return the dimensions of a sprite image as units\n<% [:width, :height].each do |dimension| %>\n @function <%= name %>-sprite-<%= dimension %>($name) {\n @return sprite-<%= dimension %>($<%= name %>-sprites, $name);\n }\n<% end %>\n\n// Use this to set the dimensions of an element\n// based on the size of the original image.\n@mixin <%= name %>-sprite-dimensions($name) {\n @include sprite-dimensions($<%= name %>-sprites, $name)\n}\n\n// Move the background position to display the sprite.\n@mixin <%= name %>-sprite-position($name, $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages) {\n @include sprite-background-position($<%= name %>-sprites, $name, $offset-x, $offset-y, $use-percentages)\n}\n\n// Extends the sprite base class and set the background position for the desired sprite.\n// It will also apply the image dimensions if $dimensions is true.\n@mixin <%= name %>-sprite($name, $dimensions: $<%= name %>-sprite-dimensions, $offset-x: 0, $offset-y: 0, $use-percentages: $<%= name %>-use-percentages, $separator: $<%= name %>-class-separator) {\n @extend #{$<%= name %>-sprite-base-class};\n @include sprite($<%= name %>-sprites, $name, $dimensions, $offset-x, $offset-y, $use-percentages, $separator: $separator);\n}\n\n@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) {\n @include sprites($<%= name %>-sprites, $sprite-names, $<%= name %>-sprite-base-class, $dimensions, $prefix, $offset-x, $offset-y, $use-percentages, $separator: $separator)\n}\n\n// Generates a class for each sprited image.\n@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) {\n @include <%= name %>-sprites(<%= sprite_names.join(\" \") %>, $dimensions, $prefix, $offset-x, $offset-y, $use-percentages, $separator: $separator);\n}\n" }, { "path": "cli/lib/compass/sprite_importer.rb", "content": "require 'erb'\nrequire 'compass/sprite_importer/binding'\nmodule Compass\n class SpriteImporter < Sass::Importers::Base\n VAILD_FILE_NAME = /\\A#{Sass::SCSS::RX::IDENT}\\Z/\n SPRITE_IMPORTER_REGEX = %r{((.+/)?([^\\*.]+))/(.+?)\\.png}\n VALID_EXTENSIONS = ['.png']\n \n TEMPLATE_FOLDER = File.join(File.expand_path('../', __FILE__), 'sprite_importer')\n CONTENT_TEMPLATE_FILE = File.join(TEMPLATE_FOLDER, 'content.erb')\n CONTENT_TEMPLATE = ERB.new(File.read(CONTENT_TEMPLATE_FILE))\n\n\n\n # finds all sprite files\n def self.find_all_sprite_map_files(path)\n hex = \"[0-9a-f]\"\n glob = \"*-s#{hex*10}{#{VALID_EXTENSIONS.join(\",\")}}\"\n Sass::Util.glob(File.join(path, \"**\", glob))\n end\n \n def find(uri, options)\n if uri =~ SPRITE_IMPORTER_REGEX\n return self.class.sass_engine(uri, self.class.sprite_name(uri), self, options)\n end\n nil\n end\n \n def find_relative(uri, base, options)\n nil\n end\n \n def to_s\n self.class.name\n end\n \n def hash\n self.class.name.hash\n end\n\t\n def eql?(other)\n other.class == self.class\n end\n \n def mtime(uri, options)\n self.class.files(uri).sort.inject(Time.at(0)) do |max_time, file|\n (t = File.mtime(file)) > max_time ? t : max_time\n end\n end\n \n def key(uri, options={})\n [self.class.name + \":sprite:\" + File.dirname(File.expand_path(uri)), File.basename(uri)]\n end\n\n def public_url(*args)\n nil\n end\n\n \n def self.path_and_name(uri)\n if uri =~ SPRITE_IMPORTER_REGEX\n [$1, $3]\n else\n raise Compass::Error, \"invalid sprite path\"\n end\n end\n\n # Name of this spite\n def self.sprite_name(uri)\n _, name = path_and_name(uri)\n name\n end\n\n # The on-disk location of this sprite\n def self.path(uri)\n path, _ = path_and_name(uri)\n path\n end\n \n # Returns the Glob of image files for the uri\n def self.files(uri)\n Compass.configuration.sprite_load_path.compact.each do |folder|\n files = Sass::Util.glob(File.join(folder, uri)).sort\n next if files.empty?\n return files\n end\n\n path = Compass.configuration.sprite_load_path.to_a.join(', ')\n raise Compass::SpriteException, %Q{No files were found in the load path matching \"#{uri}\". Your current load paths are: #{path}}\n end\n\n # Returns an Array of image names without the file extension\n def self.sprite_names(uri)\n files(uri).collect do |file|\n File.basename(file, '.png')\n end\n end\n \n # Returns the sass_options for this sprite\n def self.sass_options(uri, importer, options)\n options.merge!(:filename => uri.gsub(%r{\\*/},\"*\\\\/\"), :syntax => :scss, :importer => importer)\n end\n \n # Returns a Sass::Engine for this sprite object\n def self.sass_engine(uri, name, importer, options)\n content = content_for_images(uri, name, options[:skip_overrides])\n Sass::Engine.new(content, sass_options(uri, importer, options))\n end\n\n # Generates the Sass for this sprite file\n def self.content_for_images(uri, name, skip_overrides = false)\n binder = Compass::Sprites::Binding.new(:name => name, :uri => uri, :skip_overrides => skip_overrides, :sprite_names => sprite_names(uri), :files => files(uri))\n CONTENT_TEMPLATE.result(binder.get_binding)\n end\n end\nend\n\n" }, { "path": "cli/lib/compass/stats.rb", "content": "module Compass\n module Stats\n class StatsVisitor\n attr_accessor :rule_count, :prop_count, :mixin_def_count, :mixin_count\n def initialize\n self.rule_count = 0\n self.prop_count = 0\n self.mixin_def_count = 0\n self.mixin_count = 0\n end\n def visit(node)\n self.prop_count += 1 if node.is_a?(Sass::Tree::PropNode) && !node.children.any?\n if node.is_a?(Sass::Tree::RuleNode)\n self.rule_count += node.rule.reject{|r| r.is_a?(Sass::Script::Tree::Node)}.map{|r| r.split(/,/)}.flatten.compact.size\n end\n self.mixin_def_count += 1 if node.is_a?(Sass::Tree::MixinDefNode)\n self.mixin_count += 1 if node.is_a?(Sass::Tree::MixinNode)\n end\n def up(node)\n end\n def down(node)\n end\n def import?(node)\n return false\n full_filename = node.send(:import)\n full_filename != Compass.deprojectize(full_filename)\n end\n end\n class CssFile\n attr_accessor :path, :css\n attr_accessor :selector_count, :prop_count\n attr_accessor :file_size\n def initialize(path)\n require 'css_parser'\n self.path = path\n self.css = CssParser::Parser.new\n self.css.add_block!(contents)\n self.selector_count = 0\n self.prop_count = 0\n end\n def contents\n @contents ||= File.read(path)\n end\n def lines\n contents.inject(0){|m,c| m + 1 }\n end\n def analyze!\n self.file_size = File.size(path)\n css.each_selector do |selector, declarations, specificity|\n sels = selector.split(/,/).size\n props = declarations.split(/;/).size\n self.selector_count += sels\n self.prop_count += props\n end\n end\n end\n class SassFile\n attr_accessor :path\n attr_reader :visitor\n attr_accessor :file_size\n\n def initialize(path)\n self.path = path\n end\n def contents\n @contents ||= File.read(path)\n end\n def tree\n opts = Compass.configuration.to_sass_engine_options\n opts[:syntax] = path[-4..-1].to_sym\n @tree = Sass::Engine.new(contents, opts).to_tree\n end\n def visit_tree!\n @visitor = StatsVisitor.new\n tree.visit_depth_first(@visitor)\n @visitor\n end\n def analyze!\n self.file_size = File.size(path)\n visit_tree!\n end\n def lines\n contents.inject(0){|m,c| m + 1 }\n end\n def rule_count\n visitor.rule_count\n end\n def prop_count\n visitor.prop_count\n end\n def mixin_def_count\n visitor.mixin_def_count\n end\n def mixin_count\n visitor.mixin_count\n end\n end\n end\nend\n" }, { "path": "cli/lib/compass/test_case.rb", "content": "module Compass\n # Write your unit test like this if you want to make sure all your stylesheets compile.\n #\n # require 'compass/test_case'\n # class StylesheetsTest < Compass::TestCase\n # def test_stylesheets\n # my_sass_files.each do |sass_file|\n # assert_compiles(sass_file) do |result|\n # assert_not_blank result\n # end\n # end\n # end\n # protected\n # def my_sass_files\n # Dir.glob(File.expand_path(File.join(File.dirname(__FILE__), \"../..\", \"app/stylesheets/**/[^_]*.sass\")))\n # end\n # end\n class TestCase < (defined?(ActiveSupport::TestCase) ? ActiveSupport::TestCase : Test::Unit::TestCase)\n\n def setup\n super\n @last_compile = nil\n end\n\n def compile(stylesheet)\n input = open(stylesheet)\n template = input.read()\n input.close()\n @last_compile = ::Sass::Engine.new(template, ::Sass::Plugin.engine_options(:filename => stylesheet)).render\n yield @last_compile if block_given?\n end\n\n def assert_compiles(stylesheet, &block)\n compile(stylesheet, &block)\n end\n\n end\nend\n" }, { "path": "cli/lib/compass/validator.rb", "content": "begin\n require 'rubygems'\n require 'compass-validator'\nrescue LoadError => e\n if e.message =~ /core_ext/\n raise Compass::MissingDependency, <<-ERRORMSG\nThe Compass CSS Validator is out of date. Please upgrade it:\nsudo gem install compass-validator --version \">= 3.0.1\"\nERRORMSG\n else\n raise Compass::MissingDependency, <<-ERRORMSG\nThe Compass CSS Validator could not be loaded. Please install it:\nsudo gem install compass-validator\nERRORMSG\n end\nend\n" }, { "path": "cli/lib/compass/version.rb", "content": "require 'compass/generated_version'\nmodule Compass\n module Version\n def scope(file) # :nodoc:\n File.join(File.dirname(__FILE__), '..', '..', file)\n end\n\n def parse_version(version, name)\n nil_or_int = lambda{|i| i.nil? ? nil : i.to_i}\n segments = version.split(\".\")\n {\n :string => version,\n :name => name,\n :major => nil_or_int.call(segments.shift),\n :minor => nil_or_int.call(segments.shift),\n :patch => nil_or_int.call(segments.shift),\n :state => segments.shift,\n :iteration => nil_or_int.call(segments.shift)\n }\n end\n\n # Returns a hash representing the version.\n # The :major, :minor, and :teeny keys have their respective numbers.\n # The :string key contains a human-readable string representation of the version.\n # The :rev key will have the current revision hash.\n #\n # This method swiped from Haml and then modified, some credit goes to Nathan Weizenbaum\n def version\n Compass::VERSION_DETAILS\n end\n end\n\n extend Compass::Version\n\n unless defined?(::Compass::VERSION)\n VERSION = File.read(scope(\"VERSION\")).strip \n VERSION_NAME = File.read(scope(\"VERSION_NAME\")).strip\n end\n\n VERSION_DETAILS = parse_version(VERSION, VERSION_NAME)\n\nend\n" }, { "path": "cli/lib/compass.rb", "content": "module Compass\nend\n\n%w(core\n deprecation\n dependencies\n sass_extensions\n version\n errors\n quick_cache\n logger\n actions\n).each do |lib|\n require \"compass/#{lib}\"\nend\n\nrequire 'sass/callbacks'\n\nmodule Compass\n def base_directory\n File.expand_path(File.join(File.dirname(__FILE__), '..'))\n end\n def lib_directory\n File.expand_path(File.join(File.dirname(__FILE__)))\n end\n module_function :base_directory, :lib_directory\n extend QuickCache\nend\n\n%w(configuration/helpers\n configuration/comments\n configuration/serialization\n configuration/file_data\n app_integration\n compiler\n sprite_importer\n).each do |lib|\n require \"compass/#{lib}\"\nend\n" }, { "path": "cli/test/fixtures/extensions/only_stylesheets/compass_init.rb", "content": "Compass::Frameworks.register(\"only-stylesheets\", :stylesheets_dir => File.join(File.dirname(__FILE__),\"scss\"))\n" }, { "path": "cli/test/fixtures/extensions/only_stylesheets/scss/only_stylesheets/foo.scss", "content": "@mixin only-stylesheets {\n color: red;\n}\n" }, { "path": "cli/test/fixtures/fonts/bgrove.base64.txt", "content": "AAEAAAAOAIAAAwBgRkZUTVRX4doAAEkcAAAAHE9TLzJXOYGVAAABaAAAAFZjbWFwo9b83AAAA5wAAAGCY3Z0IAAhAnkAAAUgAAAABGdhc3D//wADAABJFAAAAAhnbHlmHjQt6QAABhQAADqcaGVhZO/rWMkAAADsAAAANmhoZWEG3gJsAAABJAAAACRobXR44bASCgAAAcAAAAHca2VybgkODBcAAECwAAACpmxvY2FEK1KSAAAFJAAAAPBtYXhwAMYAngAAAUgAAAAgbmFtZXbvKHoAAENYAAAD/3Bvc3Q8IkO/AABHWAAAAbwAAQAAAAYAAJqBq3tfDzz1AAsD6AAAAADG9QrgAAAAAMb1CuD/C/6AA9IDpAAAAAgAAgAAAAAAAAABAAADpP6AAFoD/v8L/3YD0gABAAAAAAAAAAAAAAAAAAAAdwABAAAAdwBtAA0AAAAAAAIAAAABAAEAAABAAC4AAAAAAAEB1gH0AAUACAKKArsAAACMAooCuwAAAd8AMQECAAACAAYDAAAAAAAAAAAAAwAAAAgAAAAAAAAAAFBmRWQAQAAgISIC7v8GAFoDpAGAAAAAAQAAAAAAAAFsACECrwA8AU0AAAGqAAAAxwAuARUANAIZAC8CKQAoApsAKwI4ACgAkQA0ANoANADa/9MB7wAuAe8ALwC2//4B7wAvAMcALgIzAC4CAAA0AUkAKAHtACgB5wAoAggAKAHzADQB9AA0Aj4ALgIVACgB6wArAL8AKgC4//4B4QAoAe8ALwHhAC4B5wAoApcAKAKvADQCpQA0Ak4AKAJAADQB+QA0AfkANAKGACgCqQA0AUMALgJNACgCYAA0AfgANAKtADQCAQA0ApcAKAHzADQCmwAoAfkANAIqACgB8wAuAq8ANAKpAC4CsAA0AgQALgKrADICCwAsAJYANAIzAC4Alf+6AfAALQHXACkAhQAuAfQAKAH0ADQBpwAoAfMAKAHnACgCUwAuAfQAKAIAADQBQwAuAOv/HwH3ADQBQwAuArUAPAH/ADQB5wAoAfMANAHsACgB2QA0AZ4ALQH0AC4B/wA0AiQALQKwADQB8gAuAgAANAHzAC4BGQAtAKEAPAEZ/7gBvQAyALsAMAGnADAAmQBCAf4APAKjADACuQA8AU8AKgH/ADYB5wAwAfEANgH+ADwB8gA2AgwANAMuADwD/gAwAVMANgDZ/wwCiAA8AqUALgK0ADYCvwA8AAAAAwAAAAMAAAAcAAEAAAAAAHwAAwABAAAAHAAEAGAAAAAUABAAAwAEAAAAfgCiAKcAqQCuALEAvyEi//8AAAAAACAAoQCmAKkArgCwAL8hIv//AAH/4//B/77/vf+5/7j/q99OAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaGMAZQAAAGdmcAAAAAAAAGkAAAAAAAAAAAAAAAAAAGpiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhAnkAAAAqAFwAXABcAIYAogEqAaYB8AJQAmICjAK2A0ADcgOgA7YD1APyBDwEcgS8BSAFZgWuBfQGOAZ+BtIHCAdQB4IHpgfYCCoIogjQCS4JXgmQCcwKDApUCpIKvgr2Cz4Lbgu4C/YMGAxODKYM/g1KDXYNog3YDiYOdg66DwgPMA9OD3YPrg/CD9QQChBKEH4QvBD6EToRhhHCEhISXhKoEtQTJBNSE3ITshP2FDAUdBSwFOYVEhVaFc4WGBZoFqgWuhcEF0IXaheyF84YMBh8GNAY7hkuGX4ZshnoGhwaVhqqGx4bbhvAHC4cjBzWHU4AAgAhAAABKgKaAAMABwAusQEALzyyBwQA7TKxBgXcPLIDAgDtMgCxAwAvPLIFBADtMrIHBgH8PLIBAgDtMjMRIREnMxEjIQEJ6MfHApr9ZiECWAAAAgA8//8ChQMZAA8AHwAAEyEyFhURFAYjISImNRE0NgUhIgYVERQWMyEyNjURNCaeAYUpOTkp/nsoOjoBrf57FyIiFwGFFyEhAxk5Kf2qKTk5KQJWKTkqIRf9qhchIRcCVhchAAMALv/kAJkDGQAJABMAGwAAExEUIyI1ETQzMgIyFhQGIyImNTQXIhUUMzI1NHgUFRUUKiwfHxYXHzYNDQwDB/2lERECWxL9Nh8uHh8WFwoNDAwNAAIANAIZAOEC8wAIABEAABMyHQEUIj0BNDMyHQEUIj0BNEkUKZgVKQLzErYSErYSErYSErYSAAAAAgAvAG4B7AItAFwAbAAAEjIWHQEUFjsBMjY9ATQ2FhcVFBY7ATIWFAYrASIGHQEUFjsBMhYUBisBIgYdAQ4BIiY9ATQmKwEiBh0BFAYiJj0BNCYrASImNjsBMjY9ATQmKwEiJjY7ATI2PQE0FyIGHQEUFjsBMjY9ATQmI6kRDAwGagYLFRQBCgZMCQkJCUwGCgoGTAkJCQlMBgoBDBEMDAZpBgwMEQwLBkwLCgoLTAYLCwZMCwoKC0wGCzsGDAwGagYLCwYCLAkJTAYLCwZMDAkJDEwGCwwRDAsHawYKDBEMCwZMCQkJCUwGCwsGTAkJCQlMBgsUFQoGawcLFRQLBkwJjwsGagcLCwdqBgsAAAAFACj/2wIBA0AAPwBHAE4AUgBZAAATMh0BMzU0MzIdAR4BFRQGIiY1NCYnER8BHgEVFAYHFRQiPQEjFRQiPQEuATU0NjMyFhUUFhcRJy4BNTQ2NzU0FwcRFxEiJiMHDgEVFB8CETMRFxE+ATU0J9sUQxUUQlQMEQw9MEEWIi1gRilDKUNVCwgJDT4xSSYvW0M2DUMCCAJgM0U7PSlDKTZKPANAEhcXEhIeEW5GCQoKCTVUEf6VJg4UUy1GaAUSEhISEhISGBFuRwoKCwk1VREBcCsWUzBFZQgYElIB/ssmAVsBAgdNNEcqI0j+oAE6GP7fBU42RisAAAUAKwAFAnADDQAHABYAHgAmAC4AABIyFhQGIiY0JDIWFRQHAQYjIiY1NDcBBCIGFBYyNjQSMhYUBiImNDYiBhQWMjY0dmhLS2hLAe8UDgL+UQUKCQ4CAa/+uEgyMkgyvGpKSmpKo0gyMkgyAw1LaEtLaEsMCAUE/SgIDAgFBALYITJIMjJI/lFLaEtLaCIySDIySAADACj//wIMAxkAKQA1AEIAABM0NjMyFhUUDwETNjU0JyY1NDMyFhUUBxcWFRQGIi8BBiMiJjQ/AScuATciBhUUHwE3NjU0JgMHDgQVFBYzMjdcY0hHYEdptww2Dw8aSBw3Aw8RBS5Eal6EQlpHDBWqN0kSTms0Sl80ARQXGBBqTF42AnBGY2lEUjNK/vkcIEUzDw4QZEE2L04FBQgNB0NLe7A9QWYNN55NMyQeb0sqOzNO/pYlAQ4WIC8bR2NGAAABADQCGQBdAvMACAAAEzIdARQiPQE0SRQpAvMSthISthIAAAABADT/rAEIA2UAGgAAEzQ+AzMyFRQHDgEdARQWFxYVFCMiJy4BNTQiMTgsDBARSFFcPREQBwpUXgH0Rn9SPhwQEAsruF/ZdqwlChEQBTDLcgAAAAAB/9P/rACnA2UAGwAAExQOAyMiNTQ3PgE9ATQmJyY1NDMyHgMVpiIxOSwLEBFGU1RFERAMLDgyIQEfR39TPhsQEQoqtWjZZbQpCxAQHD5TfkYAAAAFAC4BYgHCAvcAJwA3AEcAVwBmAAATNDYyFh0BFBY7ATIWFAYrASIGHQEUBiImPQE0JisBIiY0NjsBMjY1JyY1NDYzMh8BFhUUBiMiJzc2MzIWFRQPAQYjIiY1NDcHNjMyFhcUDwEGIyImNTQ3PgEyHwEWFRQGIyIvASY14wwRDAcEmQgJCQiZBAcMEQwHA5kJCQkJmQMHfAUOCQYFOgYMCQkFygUHCQ0FOQYJCQsFkAYICAwBBjoFBgkOBcULEgY5BQ0JBwU6BQLkCQkJCZkDBwwRDAcDmQkJCQmZAwcMEQwHA1UFBwgOBToFCQkLBVcFDggHBToFCwkJBZAGCwkJBjoFDggHBTQLBToFBwgOBToFCQABAC8AXgHAAe4AIwAAEzQ2Fh0BFBY7ATIWBisBIgYdARQGJj0BNCYrASImNjsBMjY14xUUBwSZCwkJC5kEBxQVBwOZCwoKC5kDBwHeCwkJC5kEBhUVBgSZCwkJC5kEBhUVBgQAAv/9/5wAjwBQABQAHQAAFzI+ATU0LgE1NDYyFhUUBiMiJjQ+ASIGFRQzMjY0EBAeEBUVHi0gSzQJCQlXCwYMBQg7DA0EAwkYFBcfHxc0Sg0QDGIIBQwHCgAAAAABAC8BEQHAATsACQAAEyEyFgYjISImNkABcAsJCQv+kAsKCgE7FRUVFQAAAAIALv/lAJkAUAAJABEAADcyFhQGIiY1NDYXFDMyNTQjImQWHx8sIB8KDQwMDVAeLh8fFxYfNQ0NDAAAAAEALgAOAgYDDQAPAAABNjMyFhUUBwEGIyImNTQ3Ad8FCgkOA/5SBQkJDwIDBAgMCAUE/SgIDAgFBAAAAAMANAACAcwDGQAUACEAMAAAEjIWFREOASImJzQmNTQ2NRE0JjU0JCIGFREeATMyNjURNAcyFhUUDwEGIiY1ND8BNquqdwR2pHYDAQEBARCIXgJeQkRfOAgOBdYEEA4G1gUDGXZV/nZRcXJSAgQCAQMBAXYBAwFVTV5E/nlBW19EAYBDkg4JBwXHBA4IBwbGBQAAAAABACgAAwEbAxwAJQAAEyImNTQ2MzIWFREzMhYdARQGKwEiJj0BNDY7AREOARUUHgEVFAZcDiZKNQsJVQQHBwTSBAcHBFQcJQ8PCwI8OyY1SggM/SQGBBUEBgYEFQQGAsUHLx4VHhEHCA4AAAABACgAAQHAAxgANgAAEjIWFRQOBg8CBgcGFRQWMyEyHQEUIyEiJjU0PgU/ATY1NCYjIgYHFAYiJjU0nqp3BAgIDAkMBwUEG6tQEjIlAQ0KCv7yNEsECggRBxMB/C9fRENeAQwRDAMYdlUPHhgWEw4OBwQEGZVQFSEkMgoVCks0DRgVDxIIEQHlL0RDX15ECQoKCVUAAQAo//8BvwMYAEgAABMUHwEUBiMiJyY1NDYzMhYXFQYHBgcGFRQfARYXFQ4BIyImNTQ3NjMyFhUHBhUUFjMyNj0BNC8BJjU0Nz4CPwE2PQE0JiMiBlEHBw8JCwQQd1VRdQUFIg8tDg08IwUFdVFVdxAECwkPBwdfRENfEz8fHAcOEQUVFV9DRF8CTBcXFwgNCyYpVXdwUBUxIRAsERkYEDsgMxZQcHdVKSYLDQgXFxdDYF9EAR8WPx8sKx4GDhEFFhgfAURfXwACACj//gHaAxkAIQAwAAAAMhYVAzMyHQEUKwERFAYrASImNREjIiY1ND4FPwEXIgcjDgEHBhUUFjsBESYBMi4fAVIKClIGBBUEBq41SgUKCRAIEgG4JgQDAQHEGRIyJa0CAxkfFv6yChUK/pwEBwcEAWRLNA4YFg8SCA8BqRoDAbIZFSAkMgFQCgAAAAEANP//AcsDFAA1AAATMzIVFCsBIgYXFRQVHAEVFBY7ATIWFAYiJjU0NzYzMhYVFAcGFRQWMzI2NTQmKwEuAT0BNDaw7BIS7CAzATUbUlV2dqp3EAQMCQ4BDV9EQ19eRE4xTEkDFBQVMx4CCA4CYDgdNXaqd3dVKSYLDAgEAx8gQ2BfRENfAUYtuTBJAAAAAAIANAAAAc0DFwALADEAAAEiBgcVFBYzMjY0JjcVFAYiJjU0JiIGHQEUFzI/AT4BMzIWFAYjIiY1NDYxETQ2MzIWAQBCXwFfQ0RfX4gNEAxfh18DAgIIE1AwVXd3VVR4AXZVUXsBblxCBUNfX4df6AoICgoIQ19eRPMKAQIIFyh2qnd2VAICAX5VdnUAAQAu//8CEwMXAC8AAAEUBg8BAzMyFCsBAwYdARQGKwEiJj0BNDc2PwEjIjU0OwETNjU0IyEiPQE0MyEyFgITBQICmS8SEkehEwYEFQQGCglQSikSEkGoAQz+WgoKAacWHgLhCQ4EA/7/Kf7wIRVJBAcHBEkYGRKGfRQVARoBBA0KFQogAAAAAAMAKP/+Ae0DIQAdACUALQAABCImNTQ2NzY0Jy4BNTQ2MhYVFAYHBhQXHgMVFAQyNjQmIgYUEjI2NCYiBhQBaLyETSYEBCFShLyFUyAEBAohKh7+0Zhra5hqaphra5hqAntYQ2YPAQoCDWNIWHt7WEdkDQIKAQQZLEcoWFJkjGRjjgEaZIxkY44AAAAAAgAr//4BxAMdACAANwAAAR4BFRQHAwcGIyIvASY1NDcTNiYPAQYjIiY1NDc+ATMyFyYjIgYHBhUUFhcWMzI2NzI2MTY1NCYBbCotJdxxAgcEAhEEAvwHCwgXCAhacyUdWTFAHSkzJ0cYHiQhKjQmRRcBAh0kAvcdWjFANP7JogQCCwMGBAIBZgoCAwMBe1JANCktRh0kISozJ0YYHiIgBCkzKEcAAAAABAAq//8AlQHKAAkAEQAbACMAABMyFhQGIiY1NDYXIhUUMzI1NAMyFhQGIiY1NDYXIhUUMzI1NGAWHx8sIB8XDQ0MDBYfHywgHxcNDQwByh4uHx8XFh8pDA0NDP7JHi4fHxcWHykMDQ0MAAAABP/9/7wAjwHPAAcAEAAoADAAABIyFhQGIiY0FyIGFBYyNjU0AzI+ATU0LgE1NDYyFh0BDgEjJjU0NjMyNyIGFBYzMjRDLR8fLR82BgcHCwdVER4PFhUfLR8DSTMSCQkBSQYHBwYMAc8eLh8gLAoHCggIBQz+Pw0NAgILGRMWHx4XAzNIAhIIDWEHCgcYAAAAAQAo//8BtQMNABwAAAEyFhUUBwEGFRQeAR8BARYVFAYjIicBJjU0NwE2AZ0JDgX+uRcJBwkIAT0GDwgHBf6zHSMBRwUDDQ8IBwX+yhcXCxQJCAf+0wUHCA8FAT0dKC4dATcFAAIALwC4AcABmAAJABMAABMhMhYGIyEiJjYXIR4BBiMhIiY2QAFwCwkJC/6QCwoKCwFwCwkJC/6QCwoKAZgVFBQVtgEUFRUUAAEALv//AboDDQAcAAATMhcBFhUUBwEGIyImNTQ3ATI+AjU0JwEmNTQ2RQUFAUgiIf63BQYIDgUBPQEQBwgW/rkFDgMNBf7JHC8pIf7IBQ8IBwUBLQ4JFQsYFgE2BQcIDwAAAAADACj/5AG/AxgAKAAyADoAABMUFjEUBiMiJyY1NDYyFhUUBgcGBwYXFRQiPQE0PgM3PgE1NCYiBhIyFhUUBiMiJjQXIhUUMzI1NFEODwgLBRB3qnZGNhYKGgEpERUcDAQsN16IX40uHh8WFx82DQ0MAk0XLwgNCyYqVXZ2VT9mFwsKGiKTEhKSGSoZFQUCE1AzQ19f/b8fFhcfICwKDA0NDAAAAAIAKAAAAm8DFgBOAFgAACUUDgMjIiYQNjMyHgEXFBYdARQGIyInDgEjIiY0NjMyFzc+AjMyFhUUDgEHFAYVFBYVFAYVFBYyNjU0LgEjIgYQFjMyPgI3NjMyFic0JiMiBhQWMjYCQBUrN1IreaureVCDSAcBOSkrHBJDKTpSUjpDKgECAwgFCQ8EBgIBAgEiLiI4dkxok5NoK00zGwkEDwgKlT8kKTk6UDq9CSo3MSLoAUboap9ZBA4DCik5HiozYoxhPgQEBAUMBwIKHRcEDAMEDAQCBAIXISIXTZpx0P7c0CY7KBMKCtE/PERiRUEAAAIANAAAAnsDFwAVABsAAAEyFhURFCsBIjURIREUKwEiJjURPgEWIgYHISYBWHmqChUK/gsKFAQHBqfcypIDAfQDAxfno/59CgoBZP6cCgYEAYOl5SnIj48AAAAAAwA0AAECfQMZAB8ALwBAAAATNjMwFzM3HgEVFA4BDwEGFhcWFxYVFAYjIS4BJxE0NhciBh0BFBYzITI/ATY0JiMDIgYdAR4BMzIzITI2NTQmJ68JDDxsAVN1Ex8GHQMDBEUjMXdV/v4ySAFIOCQzDAkBFRMRMTBfRPcJDAEwIAEBAQhBW1U+AxgBAQEBeFMYMTUPHQMNARcqOUtVdwJGMgIeNEknMiTtBw4RMjCGX/5/DwjbIjBhQj9cBgABACgAAQIhAxgAHwAAASYjIgYQFjMyNzYzMhYVFAcGIyImNTQ2MzIXFhQGIyIB/UtmaJOUZ2hJBwoICwdUenmrq3l6VAYMBwoCh2jQ/tzRaAoLCQkKdOiko+h0CBIMAAACADQAAAIYAxYADwAdAAATMx4BFRQGByMuAScTIzQ2FyIGFREeARczMjYQJiOsU3WkqXhKMkYBAQFFOyQzATAhRWiTk2gDFgbmn6PmAghCMAIdM0glMiT94yEuAtABJNAAAAAAAQA0AAIBywMZACoAABMhMh0BFCMhIgYdARQWOwEyHQEUKwEGHQEeATMhMhYdARQGIyEiJicRNDazAQ0KCv7zJDIJBdgKCtgOAjIjAQwEBwcE/vM0SQJLAxkKFQozJPMECQoVCgQL5CMvBgQVBAZHMwIdNUsAAAAAAQA0AAABywMXAC8AABMhMhYdARQGIyEiJxUiBh0BFBY7ATIWHQEUBisBBhURFCsBIiY1ETQxNyM0NjMVNrgBCAQHBwT++AMBJDMKBdcEBwcE1w8KFAQHAQFLNQEDFwYEFQQGAQEyJPMECgYEFAQHBAv+qwoGBAKLAQI0SwEBAAABACgAAAJeAxcAMQAAJTI2NzU2NTY1NCYnISImPQE0MyEeARUUDwIOASMiJjU0NjMyFxYUBiMiJyYjIgYQFgFMSH0hAQIvIv79BAYKAQUyRgIDASWTVHmrq3lzWwcNCAkGS2Zok5Qpb2oCAgEMBSMyAQcEFAoCSjMRCAwBdX3opKPodAkQCwdo0P7c0QAAAAABADQAAAJ1AxgALAAAEzMyFhURFBYzITI2NRE0NjsBMhYVERQrASImNRE0JiMhIgYVERQrASI1ETQ2PhUEBgkHAdAFCgcEFAMHChQEBwkG/jAGCgoVCgYDGAgD/psGCwoHAWUEBwgD/P0KBgQBVQYJCgX+qwoKAwMEBwAAAQAuAAABFQMXAB8AABMzMhYdARQGKwERMzIWHQEUBisBIj0BNDsBESMiPQE0ONIEBwcEVFQEBwcE0goKVVUKAxcGBBUEBv07BgQVBAYKFQoCxQoVCgAAAAEAKAABAh8DGAAnAAATITIWHQEUBisBEQ4BIyImJzU0NjsBMhYdAR4BMzI2NREjIiY9ATQ2+QEbBAcHBFQCd1NUdwEHBBQEBgFfQ0RfngQHBwMYBgQVBAb92FJ0dlQGBAcHBAZDXmBDAiIGBBUEBgABADT//wIzAxkAMQAAATIWFRQPAwYUHwEBFhUUBiMiLwImKwEiBhURFCsBIjURNDY7ATIXERQ7ATI3ATYCGgkPA4jPCwgIDAFWAxEIBQOH3QgJMAYJChUKBgQVBQUPGwwIAXYDAxkQCAUDh9AKCQUIC/6pAwQJEAOI3AgKBf6qCgoDAwQHC/6cEQgBdgMAAAABADQAAAHKAxgAHgAAEzMyFh8BER4BFyEyFh0BFA4BBwYjIiYrASImJxE0Nj8UAgUCAQIxIQEOBAcEBgEBHhJdEmsySwMHAxgFAwL9bCEuAQYEFQIEAwEBAUUyApYEBgABADQAAAJ5AxgAMwAAATI+ATU3PgEzMhYVERQrASI1ETQjIgYPAQ4BIiYvASYnJhURFCsBIjURNDsBMhYfAh4BAVcYKBBPCEQtBAYKFQoDCR8ITgo+YEMJSw0gBgoVCgkBLEQJTAQIKAGIGhkG/SI4CAP8/QoKAtkDHRb/HTg5JvUjEAMG/ScKCgMDCzYk9gsTIgAAAQA0AAEBzQMZACgAABMyFhcTFhcWMjY1ETQ2OwEyFhURFAYjIiYnAy4BJyYVERQrASI1ETQ2PjFCB7kOGQMFBAYEFQQGBgQqRAy5CBMSBgoVCgYDGT0d/ackDQIDAwLVBAcHBPz9AwczJwJZFhQJAwb9JwoKAwMDCAAAAAIAKAABAm8DGAAIABEAABIyFhAGIiY1NCUiBhAWMjYQJtPyqqryqwEkaJOUzpOTAxjn/rjo6KSjv9D+3NHRASTQAAAAAgA0AAABywMXABUAJQAAEzMeAR0BDgErASIGFREUKwEiNRE0NhciBh0BFBY7ATI2PQE0JiOwVFN0AXdUlgUHChUKSDYjMgcFlkNgYEMDFwJ2UxJUeAgE/qgKCgKONEknMyP0BQhgQxJDXwAAAgAo//8CcAMWACAAQAAABSIuAyMiDgIjIiY1NDYyFhUUDgMVFBYzMhYUBicyFhUXFRQxMj4BNTQmIyIGEBYzMjc2PQE0JiMiJjQ2AlwXJhcRCAEDHSQ+IHmrq/KqFB0dFC0iCQsL3jZEAQUfIJNnaJOUZ05AAzIkCgsLAQ0SEw0UFxTopKPo56Q3ZUIxGgINKwwRDPxIFQEBATp3P5LQ0P7c0UADCAkkMgwRDAAAAAACADQAAQHMAxkAMQBAAAATNDYzOgE7AR4BHQEOASsBFhcBFhUUBiMiJwEuBCc0JjUnNDU0IyIGFREUKwEiNRMiBh0BFDsBMjY9ATQmIzRPMQEPBjpTcwF2VGoDFgEaAxAJBAP+5gkNBgMDAQEBAwUHChUKfiMyDJZDX19DApk4RwJ1UxNUdx8W/uYDBAkQAwEaChEQCQ8DAQQBAQEBAwkE/qgKCgLkMyP0DF9DEkNfAAEAKAAAAgIDGQA2AAAlMjY1NCclLgE1NDY7AR4BFRQGIiY1NCYrAQciBhUUFwUXHgIVFAYjNSMiJjU0NjMyFhUUFjMBTztSPf7eJi9oSldRbwwRDF9DKiI6UjwBEhYNHyRqSlRVdwsICQ1fRCpQOUUsqRZTMEppBXVSCQoKCURfAVA5RiufDggdRyhKagF3VQoKCwlDYAAAAQAuAAIBxQMbAB0AABMhMhYdARQGKwEiBhURFAYrASImNRE0JisBIj0BNDgBggQHBwSWCQ0GBBUEBg0JlwoDGwYEFQQGDwj9MgQHBwQCzggPChUKAAAAAAEANAAAAnsDFwAbAAABETQ2OwEyFREOASMiJjURNDY7ATIVERceATI2AlIHBBQKBqZ3easHBBQKAQOSypIBfwGOBAYK/n2l5eejAYMEBgr+nCqPx8cAAAABAC7//QJ8AxsAIAAAATIWFRQVAw4BIyImJwMmNTQ2MzIXEx4BMzI+AzcTNgJlBw/MCDUiITQIxAENCQ4EwQQiEw0WCwgCAcsEAxoLCQMC/UchKiUdAsMDAggLDf1JFhoLDRIHAgK0DQAAAAABADQAAAJ8AxsANwAAJQ4CKwEuATURNDY7ATIWFREeATsBPgE1ETQ7ATIVERQWFzMyNjURNDY7ATIWFREOAgcjIi4BAVgPLhwJJkFbBgQVBAYCSDIYIjAKFQowIhkzSQYEFQQGATlEHyQKHC46FxwHBF9CAmsEBwcE/ZEyRgIyIgEQCgr+8CMyAUkzAmsEBwcE/ZY2TyABBh0AAAABAC7//gHXAxgAMwAAEzIXExYyNxM2MzIWFRQHAwcGFRQXExYVFAYjIicDJyYiBwMGIyImNTQ3EzY1NCcDJjU0NkYMBKICEQKhBQoJDwKhDQYHrgIPCAsFlgwCEgKiBQoJDwKuBwauAg4DFwn+wAQEAUAJDAkDBP7BGAoNDwz+qQQECAwJASkWBQX+wQkMCAQEAVcMDw0KAVcEBAgMAAAAAQAy//8CegMYADEAAAE0NTA1NDsBMhYdARQGBw4BFREWBisBIiY1ETQmJy4BPQI0NjsBMhYdARceAjI+AQJQChUEBpBqCQwBBwQVAwcNCGuPBwMVBAYBAkRxhXJDAr8MHiMLBwRBlN0WAg4H/t0EBwcEASMHDgIV3ZQBQQQHBwQjKl2eW1ueAAEALP/+Ad8DFAA2AAATIR4BFRQHFQcDMzIVFCsBAw8BBhUUMyEyFh0BFAYjIS4BNTQ3EyMiNDsBEzc1NzY1NCMhIjU0RQFmFh4HAqMvEhJHwwEBAQ0BbAQHBwT+kRYdCbY/EhJXrgMBAQz+mw0DFAIeFRALAQL+7BQV/rYBAQEECwcEFQQGAh4VEQ0BMykBJwQBAQEEDBUUAAAAAAEANP+DANwDlwAZAAATMhUUKwEiBgcRFBY7ATIVFCsBLgE1ETQ2N8oSEhciMwEyJBcSEho0SEkzA5cUFTEg/OUkMhQVAkk0AxsyRgIAAAAAAQAuAA4CBgMNAA8AABMmNTQ2MzIXARYVFAYjIicxAw8JCgUBrwIPCQkFAu8EBQgMCP0oBAUIDAgAAAAAAf+6/4MAYQOXABkAAAMeARURFAYHIyI1NDsBMjY1ES4BKwEiNTQzGzNJSDQaEREXJDIBMyIXEREDlwJGMvzlNEkCFRQyJAMbIDEVFAAAAAABAC0BeQHEAxIAIQAAEyImMScmNTQ3EzYzMhcTFhUUDwEGJicDLgE1LgEHAwYjIkcBARMFAbgGDQ4FtwEFEwMKAZ0BAQMDBKIDBwEBegEJAgcDAgF3CQn+iQIDBwIJAQMDAUABAwEIAQX+twYAAAAAAQAp/+YBsAACAAoAACQUKwIiJjY7AgGwDLi4CAYGCLi4AhwODgAAAAEALgIZAFcC8wAIAAATMh0BFCI9ATRDFCkC8xK2EhK2EgAAAAIAKAAAAcABmAAbACMAABMyFhc1NDY7ATIWFREUBisBIiY9AQ4BIyImNDYWIgYUFjI2NPQxVhwGBBUEBgYEFQQGHFYxVXd3mYhfX4hfAZgsJUYEBwcE/n4EBwcERiUsd6p3KV+IX1+IAAAAAAIANAABAcwDFgAfACsAABMzMhYVETYzMhYUBiMiJxUUBisBIiY9ATQmNDY1ETQ2EyIGBxUeATMyNjQmPxUEBjxmVXd3VWU9BgQVBAYBAQbFQF0FBV1ARF9fAxYHBP49UHaqd1FFBAcHBLUBCAQHAQI0BAf+WVdAFkBYYIZfAAAAAQAoAAABewGYACEAABMyFhUUDwEGIyIuASMiBhQWMzI2NzYfARYVFA4BIyImNDb0LVkDDgMDBh0wHERfX0QdPAwICA4EJUEhVXd3AZgpDgUDDQISE1+IXxgMBgYNBAMIGhd3qncAAAACACgAAQG/AxYAGwAoAAABMhYVERQGKwEiJj0BDgEjIiY0NjMyFhcRNDYzAyIGFRQWMzI2NzUuAQG1BAYGBBUEBhxWMVV2dlUxVhwGBK1DX19DQF4FBV4DFgcE/QIEBwcERSUsd6p2KyUBwwQH/llfQ0RfWEAWQFcAAAAAAQAoAAIBvwGZACsAABMyFh0BFCMhIiY9ATQ2OwEuASMiBhQWOwE2NzYzMh8BFhUUBw4BByMiJjQ29FR3Cf7sBAcHBPIJWzxEX19EGEAtDwgCAhIFERJKMBpVd3cBmXdUCQgGBBUEBjtPYIZfBi0UAQkDBQcVFCsDdqp3AAEALgABAiwDGQAvAAABMhYXFRQGKwEiJj0BLgEjIgYdATMyFh0BFAYrAREUBisBIiY1ESMiPQE0OwE1PgEBYVR2AQYEFQQGAV5DRF/8BAcHBPwGBBUEBl0KCl0CdwMZdVQGBAcHBAZDXV9DtgYEFQQG/p0EBwcEAWMKFQq8UnMAAgAo/oIBwAGZACgANAAAEzIXNTQ2OwEyFhURBw4BIyImJzU0NjsBMhYdAR4BMzI2NREGIyImNDYXIgYUFjMyNjc1LgH0ZT0HBBQEBwECdlNUdwEGBBUEBgFfQ0RePWVVd3dVRF9fREBdBQVdAZlRRQQHBwT9wAZSc3VUBgQHBwQGQ11fQwEFUXeqdylghmBYQBZAWAAAAAABADT//wHMAxMAKgAAEzMyFhURNjMyFhcVFAYrASImPQEuASMiBgcVFAYrASImPQE0JjQ2NRE0Nj8VBAY9ZVR3AQYEFQQGAV9DQF0FBgQVBAYBAQYDEwcE/j1Rd1TBBAcHBMFDX1hAywQHBwS2AQcECAECMwQHAAACAC4AAQEWAiQADwA7AAATMzIWBxUWBicjIiY9ATQ2BzMyFhURFBY7ATIWHQEUBisCIjEjIiY9ATQ2OwEyNicRNCYrASImPQE0NooeBQoBAQoFHgUJCTBXBAcKBUUEBwgDXxQBXgQHBwREBwoBCAYqAwgHAiQKBR0FCwEKBR0FCosHBP6rBQkHBBQEBwcEFAQHCAYBKQUJBgQVAwcAAAAAAv8f/oIAtwIjAA8ANgAAEzMyFgcVFgYrASImPQE0NgMiJjU0NjsBMhYdAR4BMzI2NRE0JisBIiY9ATQ2OwEyFxYVEQ4Cix0FCgEBCgUdBgkJmlF7BwMVBAYBX0NDXwgGKgMIBwRXCAECAj9ZAiMLBB0FCwsFHQUK/F9zXQQHBwQGQ11fQwITBggHAxUEBggIu/6BP2AtAAABADT//gHKAxgAMwAAEzMyFhURFBUUMzI/ATYyHwEWDwEGFRQXBRYVFA8BBisBIi8BJSYjIhcVFAYrASImNRE0Nj4VBAYFAhXkAwoCDggJ5xIMAToEAgcEBA8BBAL+0QsFCAEGBBUEBgYDGAcE/lYDAhETzQIDDwgH0BAKCQn2AwYEAggGAgLtChLcBAcHBAMBBAcAAQAuAAABFQMZAB4AACEjIiY1ES4BKwEiJj0BNDsBMhYVER4BOwEyFh0BFAYBCgE0SQIvIQIDBwoBNEgCMCECAwgHSzUCHiIwBgQVCko1/eEhMQYEFQQGAAEAPP/+AoEBlgA7AAATMzIWFQc2MzIXFjMyPgI3MzIWFxUUKwEiJj0BNCYjIgYVERQGKwEiJj0BNCYjIgYVERQrASImNRE0NkcVBAYBLDllKQICBBIXMB4GTFcBChUEBkk4KDwGBBQEB0g4KTwJFQQHBwGWBwQgKTwDExcUAVBQ6wsHBOs+OTYn/vsEBwcE6z45Nif++wsHBAGCBAcAAAABADQAAAHLAZcAHwAAEzMyHQE+ATMyFhcVFCsBIj0BLgEjIgYHFRQrASI1ETQ+FQocVjFUdgEKFQoBXkNAXgUKFQoBlwpHJSt2VMIKCsJDXldAzAoKAYMKAAAAAAIAKAABAb8BmAAHABEAABIyFhQGIiY0JCIGFBYzMjY1NJ+qdnaqdwEQiF9fRENfAZh2qnd3qk1fhmBfREMAAAACADT+gwHLAZgAHwArAAATIiY1ETQmNDY9ATQ2OwEyFh0BNjMyFhQGIyInERQGIxMyNjQmIyIGBxUeAT8EBgEBBgQVBAY9ZVV2dlVmPAYErEReX0NAXQUFXf6DBwQCNAEHBAgBtQQHBwRFUXeqdlD+PQQHAadeiF9YQBZAVwAAAAIAKP6BAncBmAAkADAAABMyFzU0OwEyHQEUFhQGFREUFjMyMzIWFRQGIyImJxEGIyImNDYXIgYUFjMyNjc1LgH0ZjwKFQoBAV5DAQEJCwoKVHcBPGZVd3dVRF9fREBdBQVdAZhQRQoKtgEHBAgB/otDYA0JCAt2VAEGUHeqdilfhmBXQBdAVwABADQAAgGsAZoAKQAAATIeAxUUBiMiJy4BIyIGBxUUBisBIiY9ATQmNDY9ATQ2OwEyFh0BNgEAHzonHg0QCQgEFUcqQF0FBgQVBAYBAQYEFQQGPAGYEhkcFQUIDQYgJ1dAywQHBwS1AQgEBwG4BAcHBEdQAAEALQAAAXEBmAAvAAABNCYjIgYVFBYXFh8BHgEVFAYiJjU0MzIWFRQWMzI2NTQnJi8BJjU0NjIWFRQjIiYBSUkxMkc5TRUMETAzX4ZfFAgNRzIxSDQWSRR0X4ZfEwgNASsdJygcHxwSBQMEDjcgLUBALQ4HBxwoJx0kEwgRBSFILUBALQ4HAAABAC4AAgHGAlYALQAAEzMyFh0BMzIWHQEUBisBFRQWFRQWMzIzMhYVFAYjIiYnNSMiJj0BNDY7ATU0Nu8VBAatBAcHBK0BXkIBAQkLCgpUdwGsBAcHBKwGAlYHBIcGBBUEBr0CCwNDYA0JCAt1VNAGBBUEBocEBwABADQAAAHLAZgAJQAAISMiJj0BDgEjIiYnNTQ2OwEyFh0BHgEzMjY3NTQ2OwEyFhURFAYBwRUEBhxWMVR2AQYEFQQGAV5DQF4FBgQVBAYGBwRHJSt2VMEEBwcEwUNeV0DLBAcHBP5+BAcAAAABAC3//gH4AZsAGwAAEyY1NDYzMhcTMB4BMzI3EzYzMhYVFAcDBiMiJy8CDwkKBbMDBAQGBbMFCgkPArENJSMOAX4EBAgNCv6eBQMIAWIJDAgEBP6hISEAAQA0//8CfAGZADUAACUOASsBLgE9ATQ2OwEyFh0BHgE7AT4BPQE0OwEyHQEUFhczMjY1Jz0BNDY7ATIWHQEUBgcjJgFYFzkSJkFbBgQUBAcCRzIZIjAKFQowIhkzSQEHBBQEB2U4Jj45IRkEX0LnBAcHBOsyRgIyIkcKCkciMgJJMwEB6QQGBgTsR1sCAwAAAQAuAAABxQGYAFkAAAEzMhYxHwEWFTAWFRQGFCIxDwEGHwEWHQEUFjEUByMPATAGKwEwJiImIycmDwEGIwYrASIvAiY9AjQ/ATYvASY9ATQyNT8BMjYxMzIWMTIfARY/ATQ7ATYBqQUBAgEPAgEBAQGmBQWmAgECAQ8BAgEDAwEBAacEB6UBAQQCAwIBAQ8CAqYFBaYCAQEQAQIDAQMCAqUFBqYBAgEBmAEBDwIBBAEBAgICpwUFpwIBBAECAgIQAQEBAagEBKcBAgECDwIBAgYBAqcFBacCAQgBAQIQAQECpgQEpgIBAAEANP6CAcwBmwA2AAATMzIWHQEUFhUUFjMyNjc1NDY7ATIWFREHDgEjIiYnNTQ2OwEyFh0BHgEzMjY1EQYjIiY9ATQ2PhUEBgFfQ0BdBQcEFAQHAQJ2U1R3AQYEFQQGAV9DRF49ZVV3BgGbBwS7AQYBRF9YQMsEBwcE/cAGUnN1VAYEBwcEBkNdX0MBBVF3VcMEBwABAC4AAgHFAZkAOwAAJSEiPQE0PwE2JisBIiY9ATQ2OwEyPwI2JiMhIj0BNDMhMh0BFA8BBhY7ATIdARQrASIPAQYzITIdARQBu/59CgSVAQIBLAQHBwRWBgl0CQICBP7BCgoBgwoDjwECASIKCkwGBooGBwFFCgIKFQQEkAEDBgQVBAYJcAgCBwoVCgoVBAOKAQIKFQoGhgYKFQoAAAAAAQAt/4EBYQOVAC8AADM1NCYjIiY0NjMyNjcRNDY3MzIVFCsBIgYHERQGIyIUMzIWFxEUFjsBMhUUKwEuAbkyJBcfHxcjMQJJMxoSEhciMwFLNA0NMkwBMiQXEhIaNEj8JDMfLB8xIwEKMkYCFBUyIP73MksYSC/++yQyFRQCSQABADz/6gBlAywACAAAEzIVERQiNRE0UBUpAywS/OISEgMeEgAB/7j/gQDsA5cANgAAAzQ2MzIWMx4BFREeATsBMhYUBisBIgYdARQGByMiNTQ7ATI2NRE+ATsBMjQrASImNREuASsBIkgTBgQNAjNJAjEjARceHhcBJDJINBoSEhckMgFMMgEMDAE0SwEzIhcSA4EGEAICRjL+9iMxHywfMyT8NEkCFBUyJAEFL0gYSzIBCSAyAAAAAQAyAbUBiwJLACsAABMiNTQ2MzIXHgIXMzI2NTQmNTQ2MzIXFhUUBiMiJy4CJyMiBhUUFhUUBkcVPCgqHwgRFhUFGCEEEAkMAwY9KC0cBxEXFQUXIgQPAb0sKjgjCSkWAiIXBg8BCAoJEBEpNyIJKBcCIhcIDgEIDAAAAAMAMAAAAJsDNQAHABEAGQAANxQiNRE0MhU2IiY0NjMyFhUUJzI1NCMiFRR6KSkCLCAfFxYfNQwMDRISEgJbEhJdICwfHxYXCg0MDA0AAAAAAgAwAAMBggIZACoAMAAAEzIdAR4BFRQPAQYvASYnET4CMzIfARYVFAYHFRQjIj0BLgE9ATQ2NzU0FQ4BFBYX+RQnTgMOCQoMHCkdKRMEAwQOA0wpFBVMaGhMPE9PPAIZEikEJg8DAw0ICgkSBf69BBIPAw0DAw8lBDMSEjMJc04BTnMJKhJmCFt6XAgAAAAAAgBC/+gAawMqAAcADwAAEzQyFREUIjURNDIVERQiNUIpKSkpAVQSEv6mEhIDHhIS/sESEgAAAAACADz+gAHUAxcAOQBGAAATPgEzMhYXFRQGKwEiJj0BLgEjIgYVETYzMhYVFAYVEQ4BIyImJzU0NjsBMhYdAR4BMjY1EQYjIiY1ITQmIgYHFRQWMzI2NzwDe05UdwEGBBUEBgFfQ0RfPWZXdQEEe0xUdwEGBBUEBgFfhl89ZVh0AW5fhl8BYENFXAECTF5tdVQGBAcHBAZDXV9D/vtQe1ACCAH+i2BsdlQGBAcHBAZDXl9EAQVRfFBEXl9CAURfYUEAAAAAAwAwAMcCfQMUAAcADwA0AAASMhYUBiImNCQiBhQWMjY0JzIWFRQPAQYjIi4BIyIGFRQWMzI+ATMyHwEWFRQGIyImPQE0Nt30rKz0rQGQ0pWV0pT+LFsDDwMDBRswH0RfX0QfMBsFAwMPAlcvVXd3AxSs9K2t9IOU0pWV0mIoEQMDDQISE19DRF8TEgINAgQQKXZVAVV2AAAEADwAxwKJAxQABwAPACwAOQAAEjIWFAYiJjQkIgYUFjI2NCUzMhYUBiMiJyYVFxYVFAYjIi8BFRQrASI1ETQ2FyMiBh0BHgEzMjY0Jun0rKz0rQGQ0pWV0pT+xUw1Sko1HxwFsAUPCAcFqAoVCh9gTAQGAjIiJDIyAxSs9K2t9IOU0pWV0n1KakoOAgO0BwUIDgWtowoKAYYUHikHBFAiLzJIMgAAAAACACoCFgEoAxUABwAPAAASMhYUBiImNDYiBhQWMjY0dWhLSmpKo0gyMkgyAxVLakpKaiIzSDIySAAAAAABADYAVQHKAesALwAAEzQ2MhYdARQWOwEyFhQGKwEiBh0BMzIWFAYjISImNDY7ATU0JisBIiY0NjsBMjY16w0RDAYEmQgKCgiZBAajCAkJCP6QCQkJCaMGBJkICgoImQQGAdkICgoImQQHDBANBgSDDBEMDBEMgwQGDRAMBwQAAAMAMP//AccDMwAmADAAOAAABCImNTQ+ATc+ASc1NDIdARQHDgEVFBYzMjY1NCcmNTQ2MzIXFhUUAyImNDYyFhUUBicyNTQjIhUUAVGqdxI+MRcfASlTI0BfRENfDAEPCQsED8wXHx8uHh8WDAwNAXdVH0BLFAorGpMSEpNUIw9MO0NgX0QjHAMDCA4LJCxVAlIgLB8fFhcfKQ0MDA0AAAABADb//wHMAxcAIwAANxwBFRQGKwEiJj0BNDcBNjU0IyEiPQE0MyEeARUUBwEOA18EBxQEBhMBWQEM/qkKCgFYFh4I/q0BCgMEUwshBRUOBwRJJB8CRgEEDQoVCgEfFhEN/cYBEgcSAAIAPP//AdQDFwAQACIAAAUiJjURNDYyFh0BBxEWDgIDIgYVER4BMzI2NRE3NCY1NCYBCFZ2d6p3AQEUK1Y3RF8CX0JDXwEBXwF4VAGAVXd3VQQB/n4TPEUxAu9gQ/56QVxfRAF7AQECAURfAAEANgACAc0BmQAhAAAlISI9ATQ3ATYmIyEiPQE0MyEyFh0BFAcBBjMhMhYdARQGAcL+fgoEAUkCAgT+wQoKAYIEBwT+tAYHAUQEBwcCChUEBAE+AgcKFQoGBBUDBP6+BgYEFQQGAAAAAQA0AAAB6AMXACYAADMiJjU0NwE2NTQjISImPQE0NjMhHgEVFAcBBhUUFjMhMhYdARQGI2oQJQkBfwIM/pMEBwcEAW4WHgr+gwMHBgFsBAcHBBsbDw8ChwQDDAYEFQQGAR4WEBD9ewYBBQcGBBUEBwAAAAANADz+gAMEAxQAAwAHAAsADwATABcAGwAfACMAJwArAC8AMwAAEyERIRMRMxEzETMRMxEzEQEVMzUzFTM1MxUzNQUVMzUzFTM1MxUzNQURMxEzETMRMxEzETwCyP04CaYIqgXg/cOmCKoF4P3DpgiqBeD9w6YIqgXgAxT7bASO/owBdP6MAXT+jAF0/oPGxsbGxsbNxsbGxsbGy/6OAXL+jgFy/o4BcgACADABewPSA6QATQBZAAABMh4DMzI+AjczMhYXFRQrASImPQE0JiMiBhURFAYrASImPQE0JiMiBhURFAYrASImJzUjIiY9ATQ2OwE1NDsBMh0BMzIWHQE+ATMFFRQWFRQWFxE0JiMCGx8zHhULAgQSFzAeBktYAQoVBAZIOSg8BgQVBAZIOSg8BgQXVHcBjgQHBwSOChUKoA0XGCoi/tgBWkAMBwMSDRMTDRMYFAFRUOsLBwTrPjk2J/77BAcHBOs+OTYn/vsEB3VUpgYEFQQGhwoKhxQQBxYUKJMCCwNBXwMBMQcOAAAAAwA2AAABHgJTAAcADQA6AAASMhYUBiImNBY0IyIUMwczMhYVERQWOwEyFh0BFAYnIwciNDEjBiY9ATQ2OwEyNicRNCYrASImPQE0Nn8sICAsIEIMDAw4VwQHCgVFBAcIA18UAV4EBwcERAcKAQgGKgMIBwJTICwfHywiGBh5BwT+qwUJBwMVBAcBAQEBBwQVAwcIBgEpBQkGBBUEBgAAAAP/C/6BAK4CUgAHAA8APwAAEjIWFAYiJjQWIgYUFjI2NAc7AjIVMB0DBw4BIyImJzU0NjsBMhYdAR4BMzI2PQQ0JisCIiY9ATQ2YiwgICwfOgoHBwoHQ0MRAwsBAndSVHcBBgQVBAYBX0NDXwgGDhwDCAcCUiAsHx8sCgcKBwcKiQvByllcBlJ0dlQGBAcHBAZDXV9DXFnKlQUIBwQUBAcAAAAAAgA8AAECYwMZADUAVQAAEyEyFh0BFAYnISIGFRQdARQWOwEyFh0BFAYrAQ4BHQEeATsCMhYdARQGIyEiJicRNDU0NjMXMzIWHQEzMhYdARQGKwEVFBUUFjcyFgYjIiYnPQE0NsABCAMHBwP+8yMzCQXYAwcHA9gFCQIyI22fAwgIA/7zM0oCSzTSFAQHrAQHBwSsYEMLDAoNVHgBBwMZBwMVBAcBMyQBAfEECQYEFQQGAggF5CMvBwMVBAZHMwIbAQE1S8MIA7IGBBUEBpIHCURgARUUdlOl2wQHAAEALv//AngBmQBJAAATMh8FPwE2Mh8CPwQ2MzIVFDEGFQ8JBiMiLwUmIhUPBAYjIi8KNCc0MTRCEwQECBEiKj4/BR0FPz4pIxEIBAQTFAECBQgRIh4OCAMCAhARBlIXCwYDAQQDBgsXUgYSDwICBAcOHiIRCAUCAQGZCw4aNWuBe3wJCXx7gWs1Gg4LDAEDAQcNGzVqXC4XDAYHDaEsFwsFAgIFCxcsoQ0HBgwXLlxqNRsNBwEDAQwAAAAAAQA2//0CfwMaAC4AABMmNjMyFxMWMzI3Ez4BMzIWFxMWMzI3EzYzMhYHAw4BIyImJwMmIgcDDgEjIiYnNgEOCRECfQEKCwIxBB0UFR0EMQELCgJ8AxAKDgJ8Ax4UFR4CMQMUAjEDHhUUHgMDBAkMD/0mCQsBHhQZGxX+5QsJAtoPDAn9JxMbHBQBGg0N/uYUHBsTAAEAPAABAoQDGgBaAAATMzIWHQEcARUWFRYXFhceAjI+ATc2NzY3NjU8ATc1NDY7ATIWFRkBFAYrASImPQQ0JhUGBwYHBgcOASImJyYnJi8BLgEVBh0EFAYrASImNRkBNDZGFQQGAQEDBQoTRVxmW0YTCQUDAQEBBgQVAwcHAxUEBgUBBAUGCw0oa3dqKQwLBgUFAQMBBgQVAwcHAxkHAxICBgEcCiMoSUSG0XV10YZESSgjChwCDQQIAwcHA/5+/n8EBwcEvWYsFgIBAgYPFBMnI216em0jJhMVFAMBAgECFi1kvQQHBwQBgQGCAwcAAAEAAAAAAAEAAAKeAAIAAAAYAWAB/AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/fv+1/6v/q/+r/6v/sP+r/5wAAAAAAAD/q/+//7//tf+w/6v/v/+w/5wAAAAAAAD/q//Y/87/zv/O/9j/yf/O/5wAAAAAAAD/zgAAAAD/zgAA/5L/tf9RAAD/0/+DAAD/5wAAAAD/5wAA/87/0/+1AAD/5//JAAAAAAAAAAAAAAAAAAAAAAAA/78AAAAAAAAAAP/nAAAAAP/d/9P/0/+//84AAP/OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/sAAAAAAAAAAAAAAAA/87/0/+1AAAAAP+/AAD/3QAAAAD/3QAA/8T/3f+1AAD/5//OAAD/zv/nAAAAAAAAAAAAAAAA/5wAAAAAAAD/5wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/yf+DABEATAFIABAAoAEAABAAoAAQAKAAoABYAKAAWAAQABAAEAAQABAAEAAQABAAEACgAKAAEAAoAKAAEAAQABAAEABwABAAEACgAFgAEAAQABAAKACgAEAAEAAQAEAAEAAQABAAEAAQABAAEADQALgA0AAQALgAKADQAOgBAAAQABAAiADoAOgAuAC4ANAA0AC4ATAA0AEYANAAEADQAA8ATwASAAAAEgAAABQAAAAAABQAFgAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAIAAgACAA4AAgAAAAQABAAAAAAABgAGAAIABgAAAAYAAgAQAAgADAAIAAoAAAAKAAAAAAAOAK4AAQAAAAAAAACwAWIAAQAAAAAAAQANAi8AAQAAAAAAAgAGAksAAQAAAAAAAwAmAqAAAQAAAAAABAAOAuUAAQAAAAAABQAQAxYAAQAAAAAABgANA0MAAwABBAkAAAFgAAAAAwABBAkAAQAaAhMAAwABBAkAAgAMAj0AAwABBAkAAwBMAlIAAwABBAkABAAcAscAAwABBAkABQAgAvQAAwABBAkABgAaAycAQwByAGUAYQB0AGUAZAAgAGIAeQAgAE4AYQB0AGgAYQBuACAARQBhAGQAeQAsACAAdQBzAGkAbgBnACAASQBuAGsAcwBjAGEAcABlACAAKABoAHQAdABwADoALwAvAHcAdwB3AC4AaQBuAGsAcwBjAGEAcABlAC4AbwByAGcAKQAgAGEAbgBkACAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgACgAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGYAbwByAGcAZQAuAHMAZgAuAG4AZQB0ACkALgAgACAAVABoAGkAcwAgAGYAbwBuAHQAIABoAGEAcwAgAGIAZQBlAG4AIAByAGUAbABlAGEAcwBlAGQAIABpAG4AdABvACAAdABoAGUAIABwAHUAYgBsAGkAYwAgAGQAbwBtAGEAaQBuACAAYgB5ACAAdABoAGUAIABhAHUAdABoAG8AcgAuAABDcmVhdGVkIGJ5IE5hdGhhbiBFYWR5LCB1c2luZyBJbmtzY2FwZSAoaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcpIGFuZCBGb250Rm9yZ2UgMi4wIChodHRwOi8vZm9udGZvcmdlLnNmLm5ldCkuICBUaGlzIGZvbnQgaGFzIGJlZW4gcmVsZWFzZWQgaW50byB0aGUgcHVibGljIGRvbWFpbiBieSB0aGUgYXV0aG9yLgAAQgBsAG8AbwBtAGkAbgBnAEcAcgBvAHYAZQAAQmxvb21pbmdHcm92ZQAATQBlAGQAaQB1AG0AAE1lZGl1bQAARgBvAG4AdABGAG8AcgBnAGUAIAA6ACAAQgBsAG8AbwBtAGkAbgBnACAARwByAG8AdgBlACAAOgAgADkALQAxADAALQAyADAAMAA5AABGb250Rm9yZ2UgOiBCbG9vbWluZyBHcm92ZSA6IDktMTAtMjAwOQAAQgBsAG8AbwBtAGkAbgBnACAARwByAG8AdgBlAABCbG9vbWluZyBHcm92ZQAAVgBlAHIAcwBpAG8AbgAgADAAMAA2AC4AMAAwADAAIAAAVmVyc2lvbiAwMDYuMDAwIAAAQgBsAG8AbwBtAGkAbgBnAEcAcgBvAHYAZQAAQmxvb21pbmdHcm92ZQAAAAIAAAAAAAD/nAAyAAAAAAAAAAAAAAAAAAAAAAAAAAAAdwAAAQIAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEAowCEAOgAhgCLAIoAgwCTAKIBAwEEAQUBBgEHAIwBCAEJAQoBCwEMAQ0HdW5pMDAwMA91bmNyb3NzZWRfc2V2ZW4OdW5jcm9zc2VkX3plcm8LdW5jcm9zc2VkX3oLdW5jcm9zc2VkX1oVZ2x5cGhfZGVzaWduX3RlbXBsYXRlD2lfYWx0ZXJuYXRlLjI2Mg9qX2FsdGVybmF0ZS4yNjMGRXQuMjY0D3dfYWx0ZXJuYXRlLjI2NQ9XX2FsdGVybmF0ZS4yNjYPTV9hbHRlcm5hdGUuMjY3AAAAAf//AAIAAAABAAAAAMbCNwkAAAAAxr0CEAAAAADG2KjA\n" }, { "path": "cli/test/fixtures/stylesheets/busted_font_urls/config.rb", "content": "# Require any additional compass plugins here.\nproject_type = :stand_alone\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nfonts_dir = \"fonts\"\noutput_style = :compact\n# To enable relative image paths using the images_url() function:\n# http_images_path = :relative\nhttp_fonts_path = \"/fonts\"\nline_comments = false\n\nasset_cache_buster do |path, file|\n pathname = Pathname.new(path)\n dirname = pathname.dirname\n basename = pathname.basename(pathname.extname)\n extname = pathname.extname\n\n case pathname.basename(pathname.extname).to_s\n when \"grid\"\n new_path = \"#{dirname}/#{basename}-BUSTED#{extname}\"\n {:path => new_path, :query => nil}\n when \"feed\"\n \"query_string\"\n when \"dk\"\n {:query => \"query_string\"}\n end\nend\n\n\nasset_host do |path|\n \"http://assets%d.example.com\" % (path.size % 4)\nend\n" }, { "path": "cli/test/fixtures/stylesheets/busted_font_urls/css/screen.css", "content": ".showgrid { font-family: url('http://assets3.example.com/fonts/grid-BUSTED.ttf'); }\n\n.no-buster { font-family: url('http://assets3.example.com/fonts/grid.ttf'); }\n\n.buster-by-default { font-family: url('http://assets3.example.com/fonts/grid-BUSTED.ttf'); }\n\n.feed { font-family: url('http://assets3.example.com/fonts/feed.ttf?query_string'); }\n\n.dk { font-family: url('http://assets1.example.com/fonts/sub/dk.ttf?query_string'); }\n" }, { "path": "cli/test/fixtures/stylesheets/busted_font_urls/sass/screen.sass", "content": ".showgrid\n font-family: font-url(\"grid.ttf\", $only-path: false, $cache-buster: true)\n\n.no-buster\n font-family: font-url(\"grid.ttf\", $only-path: false, $cache-buster: false)\n\n.buster-by-default\n font-family: font-url(\"grid.ttf\")\n\n.feed\n font-family: font-url(\"feed.ttf\", $only-path: false, $cache-buster: true)\n\n.dk\n font-family: font-url(\"sub/dk.ttf\", $only-path: false, $cache-buster: true)\n" }, { "path": "cli/test/fixtures/stylesheets/busted_image_urls/config.rb", "content": "# Require any additional compass plugins here.\nproject_type = :stand_alone\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\noutput_style = :compact\n# To enable relative image paths using the images_url() function:\n# http_images_path = :relative\nhttp_images_path = \"/images\"\nline_comments = false\n\nasset_cache_buster do |path, file|\n pathname = Pathname.new(path)\n \n case pathname.basename(pathname.extname).to_s\n when \"grid\"\n new_path = \"%s/%s-BUSTED%s\" % [pathname.dirname, pathname.basename(pathname.extname), pathname.extname]\n {:path => new_path, :query => nil}\n when \"feed\"\n \"query_string\"\n when \"dk\"\n {:query => \"query_string\"}\n end\nend\n\n\nasset_host do |path|\n \"http://assets%d.example.com\" % (path.size % 4)\nend\n" }, { "path": "cli/test/fixtures/stylesheets/busted_image_urls/css/screen.css", "content": ".showgrid { background-image: url('http://assets0.example.com/images/grid-BUSTED.png'); }\n\n.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }\n\n.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }\n\n.feed { background-image: url('http://assets0.example.com/images/feed.png?query_string'); }\n\n.dk { background-image: url('http://assets0.example.com/images/flags/dk.png?query_string'); }\n" }, { "path": "cli/test/fixtures/stylesheets/busted_image_urls/sass/screen.sass", "content": ".showgrid\n background-image: image-url(\"grid.png\")\n\n.inlinegrid\n background-image: inline-image(\"grid.png\")\n\n.no-buster\n background-image: image-url(\"grid.png\", $only-path: false, $cache-buster: false)\n\n.feed\n background-image: image-url(\"feed.png\")\n\n.dk\n background-image: image-url(\"flags/dk.png\")" }, { "path": "cli/test/fixtures/stylesheets/compass/config.rb", "content": "# Require any additional compass plugins here.\nrequire 'true'\nrequire 'compass/import-once/activate'\nproject_type = :stand_alone\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\noutput_style = :nested\n# To enable relative image paths using the images_url() function:\n# http_images_path = :relative\nhttp_images_path = \"/images\"\nline_comments = false\n\nasset_cache_buster do |path, file|\n \"busted=true\"\nend\n\ndisable_warnings = true\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/animation-with-legacy-ie.css", "content": "@-moz-keyframes test {\n 0%, 100% {\n opacity: 1; }\n\n 50% {\n opacity: 0; } }\n@-webkit-keyframes test {\n 0%, 100% {\n opacity: 1; }\n\n 50% {\n opacity: 0; } }\n@keyframes test {\n 0%, 100% {\n opacity: 1; }\n\n 50% {\n opacity: 0; } }\n.animation {\n -moz-animation: test;\n -webkit-animation: test;\n animation: test; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/animation.css", "content": "@-moz-keyframes test {\n 0%, 100% {\n background-color: red; }\n\n 50% {\n background-color: blue; } }\n@-webkit-keyframes test {\n 0%, 100% {\n background-color: red; }\n\n 50% {\n background-color: blue; } }\n@keyframes test {\n 0%, 100% {\n background-color: red; }\n\n 50% {\n background-color: blue; } }\n.animation {\n -moz-animation: test;\n -webkit-animation: test;\n animation: test; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/appearance.css", "content": ".searchfield {\n -moz-appearance: searchfield;\n -webkit-appearance: searchfield; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/background-clip.css", "content": ".background-clip {\n -moz-background-clip: border;\n -o-background-clip: border-box;\n -webkit-background-clip: border;\n background-clip: border-box; }\n\n.background-clip-multiple {\n -moz-background-clip: border, padding, content;\n -o-background-clip: border-box, padding-box, content-box;\n -webkit-background-clip: border, padding, content;\n background-clip: border-box, padding-box, content-box; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/background-origin.css", "content": ".background-origin {\n -moz-background-origin: border;\n -o-background-origin: border-box;\n -webkit-background-origin: border;\n background-origin: border-box; }\n\n.background-origin-multiple {\n -moz-background-origin: border, padding, content;\n -o-background-origin: border-box, padding-box, content-box;\n -webkit-background-origin: border, padding, content;\n background-origin: border-box, padding-box, content-box; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/background-size.css", "content": ".background-size-default {\n -moz-background-size: 100% auto;\n -o-background-size: 100% auto;\n -webkit-background-size: 100% auto;\n background-size: 100% auto; }\n\n.background-size-single {\n -moz-background-size: 50% 25%;\n -o-background-size: 50% 25%;\n -webkit-background-size: 50% 25%;\n background-size: 50% 25%; }\n\n.background-size-multiple {\n -moz-background-size: 4em 3em, 100% auto, 50%;\n -o-background-size: 4em 3em, 100% auto, 50%;\n -webkit-background-size: 4em 3em, 100% auto, 50%;\n background-size: 4em 3em, 100% auto, 50%; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/border_radius.css", "content": ".simple {\n -moz-border-radius: 4px / 4px;\n -webkit-border-radius: 4px 4px;\n border-radius: 4px / 4px; }\n\n.compound {\n -moz-border-radius: 2px 5px / 3px 6px;\n -webkit-border-radius: 2px 3px;\n border-radius: 2px 5px / 3px 6px; }\n\n.crazy {\n -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;\n -webkit-border-radius: 1px 2px;\n border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/box-sizing.css", "content": ".div {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.div {\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box;\n box-sizing: content-box; }\n\n.div {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/box.css", "content": ".hbox {\n display: -webkit-box;\n display: -moz-box;\n display: -ms-box;\n display: box;\n -webkit-box-orient: horizontal;\n -moz-box-orient: horizontal;\n -ms-box-orient: horizontal;\n box-orient: horizontal;\n -webkit-box-align: stretch;\n -moz-box-align: stretch;\n -ms-box-align: stretch;\n box-align: stretch; }\n .hbox > * {\n -webkit-box-flex: 0;\n -moz-box-flex: 0;\n -ms-box-flex: 0;\n box-flex: 0; }\n\n.vbox {\n display: -webkit-box;\n display: -moz-box;\n display: -ms-box;\n display: box;\n -webkit-box-orient: vertical;\n -moz-box-orient: vertical;\n -ms-box-orient: vertical;\n box-orient: vertical;\n -webkit-box-align: stretch;\n -moz-box-align: stretch;\n -ms-box-align: stretch;\n box-align: stretch; }\n .vbox > * {\n -webkit-box-flex: 0;\n -moz-box-flex: 0;\n -ms-box-flex: 0;\n box-flex: 0; }\n\n.spacer {\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n -ms-box-flex: 1;\n box-flex: 1; }\n\n.reverse {\n -webkit-box-direction: reverse;\n -moz-box-direction: reverse;\n -ms-box-direction: reverse;\n box-direction: reverse; }\n\n.box-flex-0 {\n -webkit-box-flex: 0;\n -moz-box-flex: 0;\n -ms-box-flex: 0;\n box-flex: 0; }\n\n.box-flex-1 {\n -webkit-box-flex: 1;\n -moz-box-flex: 1;\n -ms-box-flex: 1;\n box-flex: 1; }\n\n.box-flex-2 {\n -webkit-box-flex: 2;\n -moz-box-flex: 2;\n -ms-box-flex: 2;\n box-flex: 2; }\n\n.box-flex-group-0 {\n -webkit-box-flex-group: 0;\n -moz-box-flex-group: 0;\n -ms-box-flex-group: 0;\n box-flex-group: 0; }\n\n.box-flex-group-1 {\n -webkit-box-flex-group: 1;\n -moz-box-flex-group: 1;\n -ms-box-flex-group: 1;\n box-flex-group: 1; }\n\n.box-flex-group-2 {\n -webkit-box-flex-group: 2;\n -moz-box-flex-group: 2;\n -ms-box-flex-group: 2;\n box-flex-group: 2; }\n\n.start {\n -webkit-box-pack: start;\n -moz-box-pack: start;\n -ms-box-pack: start;\n box-pack: start; }\n\n.end {\n -webkit-box-pack: end;\n -moz-box-pack: end;\n -ms-box-pack: end;\n box-pack: end; }\n\n.center {\n -webkit-box-pack: center;\n -moz-box-pack: center;\n -ms-box-pack: center;\n box-pack: center; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/box_shadow.css", "content": ".no-box-shadow {\n -moz-box-shadow: none;\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.box-shadow {\n -moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;\n -webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;\n box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }\n\n.single-box-shadow {\n -moz-box-shadow: 0px 5px #333333;\n -webkit-box-shadow: 0px 5px #333333;\n box-shadow: 0px 5px #333333; }\n\n.multiple-box-shadows {\n -moz-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;\n -webkit-box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222;\n box-shadow: 0px 0px 5px #333333, 2px 2px 5px #222222; }\n\n.legacy-single-box-shadow {\n -moz-box-shadow: 0px 5px blue;\n -webkit-box-shadow: 0px 5px blue;\n box-shadow: 0px 5px blue; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/brightness.css", "content": ".black-is-0-percent {\n brightness: 0%; }\n\n.white-is-100-percent {\n brightness: 100%; }\n\n.green-is-58-point-7-percent {\n brightness: 58.7%; }\n\n.blue-is-11-point-4-percent {\n brightness: 11.4%; }\n\n.red-is-29-point-9-percent {\n brightness: 29.9%; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/browser-support.css", "content": ".android {\n versions: \"2.1\", \"2.2\", \"2.3\", \"3\", \"4\", \"4.1\", \"4.2-4.3\", \"4.4\", \"4.4.3\";\n background-img-opts: -webkit;\n background-img-opts-unprefixed-at: \"3\";\n border-image: -webkit;\n border-image-unprefixed-at: \"4.4\";\n border-radius: -webkit;\n border-radius-unprefixed-at: \"2.2\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-boxshadow: -webkit;\n css-boxshadow-unprefixed-at: \"4\";\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-gradients-unprefixed-at: \"4.4\";\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-repeating-gradients: -webkit;\n css-repeating-gradients-unprefixed-at: \"4.4\";\n css-transitions: -webkit;\n css-transitions-unprefixed-at: \"4.4\";\n css3-boxsizing: -webkit;\n css3-boxsizing-unprefixed-at: \"4\";\n font-feature: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms3d: -webkit;\n user-select-none: -webkit; }\n\n.android-chrome {\n versions: \"36\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-canvas: -webkit;\n css-filters: -webkit;\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n font-feature: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-stroke: -webkit;\n transforms3d: -webkit;\n user-select-none: -webkit; }\n\n.android-firefox {\n versions: \"31\";\n css-appearance: -moz;\n css-hyphens: -moz;\n css-placeholder: -moz;\n css3-tabsize: -moz;\n font-feature: -moz;\n intrinsic-width: -moz;\n multicolumn: -moz;\n text-decoration: -moz;\n text-size-adjust: -moz;\n user-select-none: -moz; }\n\n.blackberry {\n versions: \"7\", \"10\";\n border-image: -webkit;\n border-image-unprefixed-at: \"10\";\n calc: -webkit;\n css-animation: -webkit;\n css-appearance: -webkit;\n css-boxshadow: -webkit;\n css-boxshadow-unprefixed-at: \"10\";\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-repeating-gradients: -webkit;\n css-transitions: -webkit;\n css3-boxsizing: -webkit;\n css3-boxsizing-unprefixed-at: \"10\";\n flexbox: -webkit;\n font-feature: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms3d: -webkit;\n user-select-none: -webkit; }\n\n.chrome {\n 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\";\n border-image: -webkit;\n border-image-unprefixed-at: \"16\";\n border-radius: -webkit;\n border-radius-unprefixed-at: \"5\";\n calc: -webkit;\n calc-unprefixed-at: \"26\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-boxshadow: -webkit;\n css-boxshadow-unprefixed-at: \"10\";\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-gradients-unprefixed-at: \"26\";\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-regions: -webkit;\n css-regions-unprefixed-at: \"19\";\n css-repeating-gradients: -webkit;\n css-repeating-gradients-unprefixed-at: \"26\";\n css-transitions: -webkit;\n css-transitions-unprefixed-at: \"26\";\n css3-boxsizing: -webkit;\n css3-boxsizing-unprefixed-at: \"10\";\n flexbox: -webkit;\n flexbox-unprefixed-at: \"29\";\n font-feature: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms2d-unprefixed-at: \"36\";\n transforms3d: -webkit;\n transforms3d-unprefixed-at: \"36\";\n user-select-none: -webkit; }\n\n.firefox {\n 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\";\n background-img-opts: -moz;\n background-img-opts-unprefixed-at: \"4\";\n border-image: -moz;\n border-image-unprefixed-at: \"15\";\n border-radius: -moz;\n border-radius-unprefixed-at: \"4\";\n calc: -moz;\n calc-unprefixed-at: \"16\";\n css-animation: -moz;\n css-animation-unprefixed-at: \"16\";\n css-appearance: -moz;\n css-boxshadow: -moz;\n css-boxshadow-unprefixed-at: \"4\";\n css-gradients: -moz;\n css-gradients-unprefixed-at: \"16\";\n css-hyphens: -moz;\n css-placeholder: -moz;\n css-repeating-gradients: -moz;\n css-repeating-gradients-unprefixed-at: \"16\";\n css-resize: prefix-no-longer-needed;\n css-resize-unprefixed-at: \"5\";\n css-selection: -moz;\n css-transitions: -moz;\n css-transitions-unprefixed-at: \"16\";\n css3-boxsizing: -moz;\n css3-boxsizing-unprefixed-at: \"29\";\n css3-tabsize: -moz;\n font-feature: -moz;\n font-feature-unprefixed-at: \"32\";\n inline-block: prefix-no-longer-needed;\n inline-block-unprefixed-at: \"3\";\n intrinsic-width: -moz;\n multicolumn: -moz;\n text-decoration: -moz;\n transforms2d: -moz;\n transforms2d-unprefixed-at: \"16\";\n transforms3d: -moz;\n transforms3d-unprefixed-at: \"16\";\n user-select-none: -moz; }\n\n.ie {\n versions: \"5.5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\";\n css-grid: -ms;\n css-hyphens: -ms;\n css-placeholder: -ms;\n css-regions: -ms;\n transforms2d: -ms;\n transforms2d-unprefixed-at: \"10\";\n user-select-none: -ms; }\n\n.ie-mobile {\n versions: \"10\";\n css-grid: -ms;\n css-placeholder: -ms;\n css-regions: -ms;\n text-size-adjust: -ms;\n user-select-none: -ms; }\n\n.ios-safari {\n versions: \"3.2\", \"4.0-4.1\", \"4.2-4.3\", \"5.0-5.1\", \"6.0-6.1\", \"7.0-7.1\", \"8\";\n border-image: -webkit;\n border-image-unprefixed-at: \"6.0-6.1\";\n border-radius: -webkit;\n border-radius-unprefixed-at: \"4.0-4.1\";\n calc: -webkit;\n calc-unprefixed-at: \"7.0-7.1\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-boxshadow: -webkit;\n css-boxshadow-unprefixed-at: \"5.0-5.1\";\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-gradients-unprefixed-at: \"7.0-7.1\";\n css-hyphens: -webkit;\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-regions: -webkit;\n css-repeating-gradients: -webkit;\n css-repeating-gradients-unprefixed-at: \"7.0-7.1\";\n css-shapes: prefix-no-longer-needed;\n css-sticky: -webkit;\n css-transitions: -webkit;\n css-transitions-unprefixed-at: \"7.0-7.1\";\n css3-boxsizing: -webkit;\n css3-boxsizing-unprefixed-at: \"5.0-5.1\";\n flexbox: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-size-adjust: -webkit;\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms3d: -webkit;\n user-select-none: -webkit; }\n\n.opera {\n 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\";\n background-img-opts: -webkit;\n background-img-opts-unprefixed-at: \"10.5\";\n border-image: -webkit;\n border-image-unprefixed-at: \"15\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-gradients-unprefixed-at: \"12.1\";\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-repeating-gradients: -webkit;\n css-repeating-gradients-unprefixed-at: \"12.1\";\n css-transitions: -webkit;\n css-transitions-unprefixed-at: \"12.1\";\n css3-tabsize: prefix-no-longer-needed;\n css3-tabsize-unprefixed-at: \"15\";\n flexbox: -webkit;\n flexbox-unprefixed-at: \"17\";\n font-feature: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n object-fit: prefix-no-longer-needed;\n object-fit-unprefixed-at: \"15\";\n text-overflow: prefix-no-longer-needed;\n text-overflow-unprefixed-at: \"11\";\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms2d-unprefixed-at: \"23\";\n transforms3d: -webkit;\n transforms3d-unprefixed-at: \"23\";\n user-select-none: -webkit; }\n\n.opera-mini {\n versions: \"5.0-7.0\";\n text-overflow: -o; }\n\n.opera-mobile {\n versions: \"10\", \"11.5\", \"12\", \"12.1\", \"22\";\n border-image: -o;\n border-image-unprefixed-at: \"22\";\n css-animation: prefix-no-longer-needed;\n css-appearance: prefix-no-longer-needed;\n css-canvas: prefix-no-longer-needed;\n css-filters: prefix-no-longer-needed;\n css-gradients: prefix-no-longer-needed;\n css-gradients-unprefixed-at: \"12.1\";\n css-masks: prefix-no-longer-needed;\n css-placeholder: prefix-no-longer-needed;\n css-reflections: prefix-no-longer-needed;\n css-repeating-gradients: prefix-no-longer-needed;\n css-repeating-gradients-unprefixed-at: \"12.1\";\n css-transitions: -o;\n css-transitions-unprefixed-at: \"12.1\";\n css3-tabsize: -o;\n css3-tabsize-unprefixed-at: \"22\";\n font-feature: prefix-no-longer-needed;\n intrinsic-width: prefix-no-longer-needed;\n multicolumn: prefix-no-longer-needed;\n object-fit: -o;\n object-fit-unprefixed-at: \"22\";\n text-overflow: -o;\n text-overflow-unprefixed-at: \"12.1\";\n text-stroke: prefix-no-longer-needed;\n transforms2d: prefix-no-longer-needed;\n transforms3d: prefix-no-longer-needed;\n user-select-none: prefix-no-longer-needed; }\n\n.safari {\n versions: \"3.1\", \"3.2\", \"4\", \"5\", \"5.1\", \"6\", \"6.1\", \"7\", \"8\";\n border-image: -webkit;\n border-image-unprefixed-at: \"6\";\n border-radius: -webkit;\n border-radius-unprefixed-at: \"5\";\n calc: -webkit;\n calc-unprefixed-at: \"6.1\";\n css-animation: -webkit;\n css-appearance: -webkit;\n css-boxshadow: -webkit;\n css-boxshadow-unprefixed-at: \"5.1\";\n css-canvas: -webkit;\n css-filters: -webkit;\n css-gradients: -webkit;\n css-gradients-unprefixed-at: \"6.1\";\n css-hyphens: -webkit;\n css-masks: -webkit;\n css-placeholder: -webkit;\n css-reflections: -webkit;\n css-regions: -webkit;\n css-repeating-gradients: -webkit;\n css-repeating-gradients-unprefixed-at: \"6.1\";\n css-shapes: prefix-no-longer-needed;\n css-sticky: -webkit;\n css-transitions: -webkit;\n css-transitions-unprefixed-at: \"6.1\";\n css3-boxsizing: -webkit;\n css3-boxsizing-unprefixed-at: \"5.1\";\n flexbox: -webkit;\n intrinsic-width: -webkit;\n multicolumn: -webkit;\n text-stroke: -webkit;\n transforms2d: -webkit;\n transforms3d: -webkit;\n user-select-none: -webkit; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/color.css", "content": ".handles-null {\n content: \"there should be no property below this one\"; }\n\n.contrasts-light {\n background-color: #eeeeee;\n color: black; }\n\n.contrasts-dark {\n background-color: #222222;\n color: white; }\n\n.contrasts-light-with-contrast-color-override {\n background-color: #eeeeee;\n color: red; }\n\n.contrasts-dark-with-contrast-color-override {\n background-color: #222222;\n color: yellow; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/columns.css", "content": ".columns {\n -moz-columns: 20em 5;\n -webkit-columns: 20em 5;\n columns: 20em 5; }\n\n.column-count {\n -moz-column-count: 5;\n -webkit-column-count: 5;\n column-count: 5; }\n\n.column-gap {\n -moz-column-gap: 10px;\n -webkit-column-gap: 10px;\n column-gap: 10px; }\n\n.column-width {\n -moz-column-width: 90px;\n -webkit-column-width: 90px;\n column-width: 90px; }\n\n.column-span {\n -moz-column-span: all;\n -webkit-column-span: all;\n column-span: all; }\n\n.column-rule-width {\n -moz-rule-width: 1px;\n -webkit-rule-width: 1px;\n rule-width: 1px; }\n\n.column-rule-style {\n -moz-rule-style: dotted;\n -webkit-rule-style: dotted;\n rule-style: dotted; }\n\n.column-rule-color {\n -moz-rule-color: blue;\n -webkit-rule-color: blue;\n rule-color: blue; }\n\n.column-rule {\n -moz-column-rule: 1px solid blue;\n -webkit-column-rule: 1px solid blue;\n column-rule: 1px solid blue; }\n\n.column-rule-spaced {\n -moz-column-rule: 1px solid blue;\n -webkit-column-rule: 1px solid blue;\n column-rule: 1px solid blue; }\n\n.column-break-before {\n -moz-page-break-before: always;\n -webkit-column-break-before: always;\n break-before: always; }\n\n.column-break-after {\n -moz-page-break-after: always;\n -webkit-column-break-after: always;\n break-after: always; }\n\n.column-break-inside {\n -moz-page-break-inside: auto;\n -webkit-column-break-inside: auto;\n break-inside: auto; }\n\n.column-count {\n -moz-column-count: 5;\n -webkit-column-count: 5;\n column-count: 5; }\n\n.column-gap {\n -moz-column-gap: 10px;\n -webkit-column-gap: 10px;\n column-gap: 10px; }\n\n.column-width {\n -moz-column-width: 90px;\n -webkit-column-width: 90px;\n column-width: 90px; }\n\n.column-rule-width {\n -moz-rule-width: 1px;\n -webkit-rule-width: 1px;\n rule-width: 1px; }\n\n.column-rule-style {\n -moz-rule-style: dotted;\n -webkit-rule-style: dotted;\n rule-style: dotted; }\n\n.column-rule-color {\n -moz-rule-color: blue;\n -webkit-rule-color: blue;\n rule-color: blue; }\n\n.column-rule {\n -moz-column-rule: 1px solid blue;\n -webkit-column-rule: 1px solid blue;\n column-rule: 1px solid blue; }\n\n.column-rule-spaced {\n -moz-column-rule: 1px solid blue;\n -webkit-column-rule: 1px solid blue;\n column-rule: 1px solid blue; }\n\n.column-break-before {\n -moz-page-break-before: always;\n -webkit-column-break-before: always;\n break-before: always; }\n\n.column-break-after {\n -moz-page-break-after: always;\n -webkit-column-break-after: always;\n break-after: always; }\n\n.column-break-inside {\n -moz-page-break-inside: auto;\n -webkit-column-break-inside: auto;\n break-inside: auto; }\n\n.column-break-before-shortcut {\n -moz-page-break-before: always;\n -webkit-column-break-before: always;\n break-before: always; }\n\n.column-break-after-shortcut {\n -moz-page-break-after: always;\n -webkit-column-break-after: always;\n break-after: always; }\n\n.column-break-inside-shortcut {\n -moz-page-break-inside: auto;\n -webkit-column-break-inside: auto;\n break-inside: auto; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/filters.css", "content": ".blur {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: blur(5px);\n filter: blur(5px); }\n\n.brightness {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: brightness(0.2);\n filter: brightness(0.2); }\n\n.hue-rotate {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: hue-rotate(20deg);\n filter: hue-rotate(20deg); }\n\n.contrast {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: contrast(150%);\n filter: contrast(150%); }\n\n.grayscale {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: grayscale(150%);\n filter: grayscale(150%); }\n\n.sepia {\n /* Capability css-filters is not prefixed with -moz because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is not prefixed with -o because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-filters is prefixed with -webkit because 50.0928% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-filter: sepia(150%);\n filter: sepia(150%); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/flexbox.css", "content": ".display {\n display: -webkit-flex;\n display: flex; }\n\n.flex-direction {\n -webkit-flex-direction: row-reverse;\n flex-direction: row-reverse; }\n\n.flex-wrap {\n -webkit-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse; }\n\n.flex-flow {\n -webkit-flex-flow: row-reverse wrap-reverse;\n flex-flow: row-reverse wrap-reverse; }\n\n.order {\n -webkit-order: 1;\n order: 1; }\n\n.flex {\n -webkit-flex: 1 0 auto;\n flex: 1 0 auto; }\n\n.flex-grow {\n -webkit-flex-grow: 1;\n flex-grow: 1; }\n\n.flex-shrink {\n -webkit-flex-shrink: 1;\n flex-shrink: 1; }\n\n.flex-basis {\n -webkit-flex-basis: auto;\n flex-basis: auto; }\n\n.justify-content {\n -webkit-justify-content: flex-start;\n justify-content: flex-start; }\n\n.align-items {\n -webkit-align-items: flex-start;\n align-items: flex-start; }\n\n.align-self {\n -webkit-align-self: flex-start;\n align-self: flex-start; }\n\n.align-content {\n -webkit-align-content: flex-start;\n align-content: flex-start; }\n\n.flexbox {\n display: -webkit-flex;\n -webkit-flex-direction: row-reverse;\n -webkit-flex-wrap: wrap-reverse;\n -webkit-flex-flow: row-reverse wrap-reverse;\n -webkit-order: 1;\n -webkit-flex: 1 0 auto;\n -webkit-flex-grow: 1;\n -webkit-flex-shrink: 0;\n -webkit-flex-basis: auto;\n -webkit-justify-content: flex-start;\n -webkit-align-items: flex-start;\n -webkit-align-self: flex-start;\n -webkit-align-content: flex-start;\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: wrap-reverse;\n flex-flow: row-reverse wrap-reverse;\n order: 1;\n flex: 1 0 auto;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: auto;\n justify-content: flex-start;\n align-items: flex-start;\n align-self: flex-start;\n align-content: flex-start; }\n\n.flexbox-2 {\n display: -ms-flexbox;\n -ms-flex-flow: row-reverse;\n -ms-flex-order: 1; }\n\n.flexbox-1 {\n display: -moz-box;\n -moz-box-orient: vertical;\n -moz-box-ordinal-group: 1;\n -moz-box-flex: 1;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-box-ordinal-group: 1;\n -webkit-box-flex: 1; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/fonts.css", "content": "@font-face {\n font-family: \"font1\";\n src: url('/fonts/font1.eot?busted=true');\n src: url('/fonts/font1.eot?&busted=true#iefix') format('embedded-opentype'), url('/fonts/font1.woff?busted=true') format('woff'); }\n@font-face {\n font-family: \"Issue1491\";\n src: url('/fonts/font1.eot?busted=true');\n src: url('/fonts/font1.eot?&busted=true#iefix') format(\"embedded-opentype\"), url('/fonts/font1.woff?busted=true') format(\"woff\"); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/force-wrap.css", "content": "pre {\n white-space: pre;\n white-space: pre-wrap;\n white-space: pre-line;\n white-space: -pre-wrap;\n white-space: -o-pre-wrap;\n white-space: -moz-pre-wrap;\n white-space: -hp-pre-wrap;\n word-wrap: break-word; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/gradients.css", "content": ".bg-shortcut-simple-image {\n background: white url(\"foo.png\"); }\n\n.bg-shortcut-linear-gradient {\n background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));\n background: white -moz-linear-gradient(top left, #dddddd, #aaaaaa);\n background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);\n background: white linear-gradient(to bottom right, #dddddd, #aaaaaa); }\n\n.bg-shortcut-radial-gradient {\n background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background: white -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);\n background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);\n background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }\n\n.bg-linear-gradient-angle-svg {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -moz-linear-gradient(135deg, #0000ff, #000000);\n background-image: -webkit-linear-gradient(135deg, #0000ff, #000000);\n background-image: linear-gradient(-45deg, #0000ff, #000000); }\n\n.bg-linear-gradient-angle2-svg {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #0000ff), color-stop(100%, #000000));\n background-image: -moz-linear-gradient(top left, #0000ff, #000000);\n background-image: -webkit-linear-gradient(top left, #0000ff, #000000);\n background-image: linear-gradient(to bottom right, #0000ff, #000000); }\n\n.bg-all-gradient-types-with-simplification {\n background: #ffcc00;\n 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;\n 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;\n background: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;\n background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;\n background: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00; }\n\n.bg-simple-image {\n background-image: url(\"foo.png\"); }\n\n.bg-linear-gradient {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));\n background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);\n background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);\n background-image: linear-gradient(to bottom right, #dddddd, #aaaaaa); }\n\n.bg-linear-gradient-pixel-stop-from-top {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 40, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));\n background-image: -moz-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);\n background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);\n background-image: linear-gradient(to bottom, #dddddd 10px, #aaaaaa 40px); }\n\n.bg-linear-gradient-pixel-stop-from-left {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 0% 50%, 40 50%, color-stop(25%, #dddddd), color-stop(100%, #aaaaaa));\n background-image: -moz-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);\n background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);\n background-image: linear-gradient(to right, #dddddd 10px, #aaaaaa 40px); }\n\n.transparent-in-linear-gradient {\n background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #aaaaaa));\n background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);\n background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);\n background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), #aaaaaa); }\n\n.currentColor-in-linear-gradient {\n background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImN1cnJlbnRDb2xvciIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: white -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, currentColor));\n background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);\n background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);\n background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), currentColor); }\n\n.rgba-in-linear-gradient {\n background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');\n background-size: 100%;\n 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)));\n background-image: white -moz-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));\n background-image: white -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));\n background-image: white linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1)); }\n\n.bg-radial-gradient {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: -moz-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);\n background-image: -webkit-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);\n background-image: radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px); }\n\n.currentColor-in-radial-gradient {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iY3VycmVudENvbG9yIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -moz-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);\n background-image: -webkit-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);\n background-image: radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px); }\n\n.bg-linear-gradient-with-angle {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -moz-linear-gradient(135deg, #dddddd, #aaaaaa);\n background-image: -webkit-linear-gradient(135deg, #dddddd, #aaaaaa);\n background-image: linear-gradient(-45deg, #dddddd, #aaaaaa); }\n\n.bg-radial-gradient-with-angle-and-shape {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImVsbGlwc2UiIGN5PSJjb3ZlciIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -moz-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);\n background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);\n background-image: radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px); }\n\n.bg-all-gradient-types {\n 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==');\n background-size: 100%;\n 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);\n background-image: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);\n background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);\n background-image: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px); }\n\n.border-image-gradient {\n -moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n -moz-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n -o-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n -webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n -webkit-border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;\n border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; }\n\n.direct-list-image-plain {\n list-style-image: url('/images/4x6.png?busted=true'); }\n\n.shorthand-list-image-plain {\n list-style: outside url('/images/4x6.png?busted=true'); }\n\n.direct-list-image-with-gradient {\n list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');\n list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);\n list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);\n list-style-image: radial-gradient(#00ff00, #ff0000 10px); }\n\n.shorthand-list-image-with-gradient {\n list-style: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');\n list-style: outside -moz-radial-gradient(#00ff00, #ff0000 10px);\n list-style: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);\n list-style: outside radial-gradient(#00ff00, #ff0000 10px); }\n\n.content-plain {\n content: \"asdf\"; }\n\n.content-with-gradient {\n content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');\n content: -moz-radial-gradient(#00ff00, #ff0000 10px);\n content: -webkit-radial-gradient(#00ff00, #ff0000 10px);\n content: radial-gradient(#00ff00, #ff0000 10px); }\n\n.bg-linear-gradient-no-position {\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));\n background-image: -moz-linear-gradient(#dddddd, #aaaaaa);\n background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);\n background-image: linear-gradient(#dddddd, #aaaaaa); }\n\n.bg-radial-gradient-no-position {\n background-image: -moz-radial-gradient(#dddddd, #aaaaaa 100px);\n background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);\n background-image: radial-gradient(#dddddd, #aaaaaa 100px); }\n\n.image-fallback {\n background-image: image(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);\n background-image: -webkit-image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);\n background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000); }\n\n.cross-fade {\n background-image: cross-fade(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));\n background-image: -webkit-cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));\n background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true')); }\n\n.unknown-function-wrapper {\n background: foo(-moz-radial-gradient(#dddddd, #aaaaaa 100px));\n background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));\n background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }\n\n.ie-horizontal-filter {\n *zoom: 1;\n filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }\n\n.ie-vertical-filter {\n *zoom: 1;\n filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }\n\n.ie-alpha-filter {\n *zoom: 1;\n filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }\n\n.linear-gradient-new {\n background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #88aa44));\n background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);\n background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);\n background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }\n\n.linear-gradient-old {\n background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff0000), color-stop(100%, #88aa44));\n background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);\n background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);\n background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }\n\n.linear-gradient-unknown-new {\n background: -moz-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);\n background: -webkit-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);\n background: linear-gradient(120deg, #ff0000 0%, #88aa44 100%); }\n\n.linear-gradient-unknown-old {\n background: -moz-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);\n background: -webkit-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);\n background: linear-gradient(330deg, #ff0000 0%, #88aa44 100%); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/grid_background.css", "content": ".baseline {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n 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)));\n background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n -moz-background-size: 100% 1.5em;\n -o-background-size: 100% 1.5em;\n -webkit-background-size: 100% 1.5em;\n background-size: 100% 1.5em;\n background-position: left top; }\n\n.columns {\n 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=');\n background-size: 100%;\n 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)));\n 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);\n 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);\n 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);\n background-position: left top; }\n\n.combined {\n 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=');\n background-size: 100%;\n 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)));\n 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);\n 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);\n 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);\n -moz-background-size: 100% 1.5em, auto;\n -o-background-size: 100% 1.5em, auto;\n -webkit-background-size: 100% 1.5em, auto;\n background-size: 100% 1.5em, auto;\n background-position: left top; }\n\n.percent-baseline {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n 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)));\n background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n -moz-background-size: 100% 1.5em;\n -o-background-size: 100% 1.5em;\n -webkit-background-size: 100% 1.5em;\n background-size: 100% 1.5em;\n background-position: left top; }\n\n.percent-columns {\n 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');\n background-size: 100%;\n 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)));\n 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%);\n 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%);\n 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%);\n background-position: left top; }\n\n.percent-combined {\n 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');\n background-size: 100%;\n 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)));\n 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%);\n 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%);\n 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%);\n -moz-background-size: 100% 1.5em, auto;\n -o-background-size: 100% 1.5em, auto;\n -webkit-background-size: 100% 1.5em, auto;\n background-size: 100% 1.5em, auto;\n background-position: left top; }\n\n.forced-fluid {\n 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=');\n background-size: 100%;\n 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)));\n 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%);\n 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%);\n 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%);\n background-position: left top; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/hyphenation.css", "content": ".word-break {\n word-break: keep-all; }\n\n.hyphens {\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n -webkit-hyphens: manual;\n hyphens: manual; }\n\n.hyphenate {\n word-break: break-all;\n word-break: break-word;\n -moz-hyphens: auto;\n -ms-hyphens: auto;\n -webkit-hyphens: auto;\n hyphens: auto; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/image_size.css", "content": ".png {\n width: 100px;\n height: 150px; }\n\n.jpg {\n width: 100px;\n height: 150px; }\n\n.jpeg {\n width: 100px;\n height: 150px; }\n\n.gif {\n width: 100px;\n height: 150px; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/images.css", "content": ".relative {\n background-image: url('/images/4x6.png?busted=true'); }\n\n.root-relative {\n background-image: url('/images/4x6.png?busted=true'); }\n\n.absolute {\n background-image: url(http://example.com/images/4x6.png); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/layout.css", "content": "html, body {\n height: 100%; }\n\n#layout {\n clear: both;\n min-height: 100%;\n height: auto !important;\n height: 100%;\n margin-bottom: -72px; }\n #layout #layout_footer {\n height: 72px; }\n\n#footer {\n clear: both;\n position: relative;\n height: 72px; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/legacy_clearfix.css", "content": ".clearfix {\n overflow: hidden;\n display: inline-block; }\n .clearfix {\n display: block; }\n\n.pie-clearfix {\n display: inline-block; }\n .pie-clearfix:after {\n content: \"\\0020\";\n display: block;\n height: 0;\n clear: both;\n overflow: hidden;\n visibility: hidden; }\n .pie-clearfix {\n display: block; }\n\n.simplified-pie-clearfix {\n display: inline-block; }\n .simplified-pie-clearfix:after {\n content: \"\";\n display: table;\n clear: both; }\n .simplified-pie-clearfix {\n display: block; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/lists.css", "content": "ul.horizontal {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.horizontal li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n white-space: nowrap;\n float: left;\n padding-left: 4px;\n padding-right: 4px; }\n ul.horizontal li:first-child {\n padding-left: 0; }\n ul.horizontal li:last-child {\n padding-right: 0; }\n ul.horizontal li.last {\n padding-right: 0; }\n\nul.wide-horizontal {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.wide-horizontal li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n white-space: nowrap;\n float: left;\n padding-left: 10px;\n padding-right: 10px; }\n ul.wide-horizontal li:first-child {\n padding-left: 0; }\n ul.wide-horizontal li:last-child {\n padding-right: 0; }\n ul.wide-horizontal li.last {\n padding-right: 0; }\n\nul.right-horizontal {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.right-horizontal li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n white-space: nowrap;\n float: right;\n padding-left: 4px;\n padding-right: 4px; }\n ul.right-horizontal li:first-child {\n padding-right: 0; }\n ul.right-horizontal li:last-child {\n padding-left: 0; }\n ul.right-horizontal li.last {\n padding-left: 0; }\n\nul.no-padding {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.no-padding li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n white-space: nowrap;\n float: left; }\n\nul.inline-block {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.inline-block li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n white-space: nowrap; }\n\nul.wide-inline-block {\n margin: 0;\n padding: 0;\n border: 0;\n overflow: hidden;\n *zoom: 1; }\n ul.wide-inline-block li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0;\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n white-space: nowrap;\n padding-left: 10px;\n padding-right: 10px; }\n\nul.inline {\n list-style-type: none; }\n ul.inline, ul.inline li {\n margin: 0;\n padding: 0;\n display: inline; }\n\nul.comma {\n list-style-type: none; }\n ul.comma, ul.comma li {\n margin: 0;\n padding: 0;\n display: inline; }\n ul.comma li:after {\n content: \", \"; }\n ul.comma li:last-child:after {\n content: \"\"; }\n ul.comma li.last:after {\n content: \"\"; }\n\nul.no-bullets {\n list-style: none; }\n ul.no-bullets li {\n list-style-image: none;\n list-style-type: none;\n margin-left: 0; }\n\nul.pretty {\n margin-left: 0; }\n ul.pretty li {\n padding-left: 14px;\n background: url('/images/4x6.png?busted=true') no-repeat 4px 7px;\n list-style-type: none; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/opacity.css", "content": "div {\n filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);\n opacity: 1; }\n\ndiv {\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);\n opacity: 0.2; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/print.css", "content": ".noprint, .no-print {\n display: none; }\n\naddress.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 {\n display: block; }\n\na.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 {\n display: inline; }\n\n.print-only {\n display: none; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/regions.css", "content": ".source {\n -ms-flow-into: target;\n -webkit-flow-into: target;\n flow-into: target; }\n\n.new-container {\n -ms-flow-from: target;\n -webkit-flow-from: target;\n flow-from: target; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/replacement.css", "content": ".basic {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n background-image: url('/images/4x6.png?busted=true');\n background-repeat: no-repeat;\n background-position: 50% 50%; }\n\n.with-dimensions {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n background-image: url('/images/4x6.png?busted=true');\n background-repeat: no-repeat;\n background-position: 50% 50%;\n width: 6px;\n height: 4px; }\n\n.with-dimensions-inline {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n 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=');\n background-repeat: no-repeat;\n background-position: 50% 50%;\n width: 6px;\n height: 4px; }\n\n.with-position {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n background-image: url('/images/4x6.png?busted=true');\n background-repeat: no-repeat;\n background-position: 10px top; }\n\n.with-arbitrary-url {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n background-image: url(http://google.com/logo.gif);\n background-repeat: no-repeat;\n background-position: 10px top; }\n\n.with-inline-url {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n 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=');\n background-repeat: no-repeat;\n background-position: 10px top; }\n\n.with-image-url {\n text-indent: -119988px;\n overflow: hidden;\n text-align: left;\n text-transform: capitalize;\n background-image: url('/images/4x6.png?busted=true');\n background-repeat: no-repeat;\n background-position: 10px top; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/reset.css", "content": "html, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline; }\n\nhtml {\n line-height: 1; }\n\nol, ul {\n list-style: none; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\ncaption, th, td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle; }\n\nq, blockquote {\n quotes: none; }\n q:before, q:after, blockquote:before, blockquote:after {\n content: \"\";\n content: none; }\n\na img {\n border: none; }\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {\n display: block; }\n\n.unregistered-only, .registered-only {\n display: none; }\n\nbody.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 {\n display: inline; }\nbody.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 {\n display: block; }\n\nbody.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 {\n display: inline; }\nbody.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 {\n display: block; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/selection.css", "content": "*::-moz-selection {\n background-color: #fe57a1;\n color: #fff; }\n*::selection {\n background-color: #fe57a1;\n color: #fff; }\n\n.hot-pink::-moz-selection {\n background-color: #fe57a1;\n color: #fff; }\n.hot-pink::selection {\n background-color: #fe57a1;\n color: #fff; }\n\n.hot-pink-with-arguments::-moz-selection {\n color: white;\n background-color: #fe57a1; }\n.hot-pink-with-arguments::selection {\n color: white;\n background-color: #fe57a1; }\n\n.hot-pink-with-arguments-and-extra-stuff::-moz-selection {\n color: white;\n background-color: #fe57a1;\n text-decoration: line-through; }\n.hot-pink-with-arguments-and-extra-stuff::selection {\n color: white;\n background-color: #fe57a1;\n text-decoration: line-through; }\n\n.hot-pink-with-default-foreground::-moz-selection {\n color: black;\n background-color: #fe57a1; }\n.hot-pink-with-default-foreground::selection {\n color: black;\n background-color: #fe57a1; }\n\n.browser-support-is-considered::-moz-selection {\n color: black;\n background-color: #fe57a1;\n prefix: -moz;\n -moz-prefix: true;\n -ms-prefix: false;\n -webkit-prefix: false; }\n.browser-support-is-considered::selection {\n color: black;\n background-color: #fe57a1;\n -moz-prefix: false;\n -ms-prefix: false;\n -webkit-prefix: false; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/sprites_with_explicit_separator.css", "content": ".flag_states_sprite, .flag_states_foo {\n background-image: url('/images/flag_states-sc42d7bf926.png');\n background-repeat: no-repeat; }\n\n.flag_states_foo {\n background-position: 0 0;\n height: 11px;\n width: 16px; }\n .flag_states_foo:hover, .flag_states_foo.foo_hover {\n background-position: 0 -33px; }\n .flag_states_foo:target, .flag_states_foo.foo_target {\n background-position: 0 -44px; }\n .flag_states_foo:active, .flag_states_foo.foo_active {\n background-position: 0 -11px; }\n .flag_states_foo:focus, .flag_states_foo.foo_focus {\n background-position: 0 -22px; }\n\n.sprite-file {\n location: url('/images/flag_states/foo.png?busted=true'); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/stretching.css", "content": ".stretched-completely {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0; }\n\n.stretched-horizontally {\n position: absolute;\n left: 0;\n right: 0; }\n\n.stretched-right {\n position: absolute;\n left: 0;\n right: 50%; }\n\n.left-pane {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 50%; }\n\n.stretched-left {\n position: absolute;\n left: 50%;\n right: 0; }\n\n.right-pane {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n right: 0; }\n\n.stretched-down {\n position: absolute;\n top: 0;\n bottom: 50%; }\n\n.top-pane {\n position: absolute;\n top: 0;\n bottom: 50%;\n left: 0;\n right: 0; }\n\n.stretched-up {\n position: absolute;\n top: 50%;\n bottom: 0; }\n\n.bottom-pane {\n position: absolute;\n top: 50%;\n bottom: 0;\n left: 0;\n right: 0; }\n\n.viewport {\n position: absolute;\n top: 10px;\n bottom: 30px;\n left: 40px;\n right: 20px; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/support.css", "content": "/* ### Compass Support ---------- */\n/* - [function] set-arglist-default() with no arguments (1 Assertions, 1 Passed, 0 Failed) */\n/* - [function] set-arglist-default() with a \"default\" argument (1 Assertions, 1 Passed, 0 Failed) */\n/* - [function] set-arglist-default() with a \"default\" argument and another argument (1 Assertions, 1 Passed, 0 Failed) */\n/* - [function] set-arglist-default() with a \"default\" argument not first and another argument (1 Assertions, 1 Passed, 0 Failed) */\n/* - [function] support-legacy-browser() from threshold (2 Assertions, 2 Passed, 0 Failed) */\n/* - [function] support-legacy-browser() from minimums (2 Assertions, 2 Passed, 0 Failed) */\n/* - [function] browser-out-of-scope() with no scope (2 Assertions, 2 Passed, 0 Failed) */\n/* - prefix context tracking (9 Assertions, 9 Passed, 0 Failed) */\n/* - [function] browser-out-of-scope() with a scope (2 Assertions, 2 Passed, 0 Failed) */\n/* - [function] browser-out-of-scope() with version (3 Assertions, 3 Passed, 0 Failed) */\n/* - [mixin] with-prefix() (4 Assertions, 4 Passed, 0 Failed) */\n/* - [mixin] with-each-prefix() (1 Assertions, 1 Passed, 0 Failed) */\n/* - [mixin] with-each-prefix() respects $supported-browsers (1 Assertions, 1 Passed, 0 Failed) */\n/* - [mixin] with-each-prefix() respects $current-prefix (3 Assertions, 3 Passed, 0 Failed) */\n/* - [fuction] has-browser-subset() (5 Assertions, 5 Passed, 0 Failed) */\n/*\n*/\n/* 15 Tests: */\n/* - 15 Passed */\n/* - 0 Failed */\n/*\n*/\n/* Capability css-animation is prefixed with -moz because 0.57224% of users need it which is more than the threshold of 0.1%. */\n/* Creating new -moz context. */\n@-moz-keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -moz. */\n opacity: 0; }\n\n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -moz. */\n opacity: 1; } }\n/* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n/* Capability css-animation is not prefixed with -o because 0.02146% of users are affected which is less than the threshold of 0.1. */\n/* Capability css-animation is prefixed with -webkit because 57.87258% of users need it which is more than the threshold of 0.1%. */\n/* Creating new -webkit context. */\n@-webkit-keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -webkit. */\n opacity: 0; }\n\n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -webkit. */\n opacity: 1; } }\n@keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: The current scope only works with ie 10 - 11. */\n opacity: 0; }\n\n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: The current scope only works with ie 10 - 11. */\n opacity: 1; } }\n.foo {\n /* Capability css-animation is prefixed with -moz because 0.57224% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -moz context. */\n -moz-animation: foo 1s;\n /* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-animation is not prefixed with -o because 0.02146% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-animation is prefixed with -webkit because 57.87258% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n -webkit-animation: foo 1s;\n animation: foo 1s; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/text_shadow.css", "content": ".default-single-text-shadow {\n text-shadow: 0px 0px 1px #aaaaaa; }\n\n.none {\n text-shadow: none; }\n\n.color-only {\n text-shadow: 0px 0px 1px #cccccc; }\n\n.color-first-with-params {\n text-shadow: 2px 2px 5px #cccccc;\n text-shadow: 2px 2px 5px 2px #cccccc; }\n\n.color-last-with-params {\n text-shadow: 2px 2px 5px #cccccc;\n text-shadow: 2px 2px 5px 2px #cccccc; }\n\n.default-text-shadow {\n text-shadow: 0px 0px 1px #aaaaaa; }\n\n.multiple-text-shadows-with-default {\n text-shadow: 0px 0px 1px #aaaaaa, 2px 2px 5px #222222; }\n\n.multiple-text-shadows {\n text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }\n\n.multiple-text-shadows-with-spread {\n text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222;\n text-shadow: 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/transform.css", "content": ".apply-origin-2d {\n -moz-transform-origin: 2px 5%;\n -ms-transform-origin: 2px 5%;\n -webkit-transform-origin: 2px 5%;\n transform-origin: 2px 5%; }\n\n.apply-origin-3d {\n -moz-transform-origin: 2px 5% 2in;\n -webkit-transform-origin: 2px 5% 2in;\n transform-origin: 2px 5% 2in; }\n\n.transform-origin-2d {\n -moz-transform-origin: 100px 100px;\n -ms-transform-origin: 100px 100px;\n -webkit-transform-origin: 100px 100px;\n transform-origin: 100px 100px; }\n\n.transform-origin-3d {\n -moz-transform-origin: 100px 100px 100px;\n -webkit-transform-origin: 100px 100px 100px;\n transform-origin: 100px 100px 100px; }\n\n.transform-2d {\n -moz-transform: rotateY(20deg);\n -ms-transform: rotateY(20deg);\n -webkit-transform: rotateY(20deg);\n transform: rotateY(20deg); }\n\n.transform-3d {\n -moz-transform: rotateZ(20deg);\n -webkit-transform: rotateZ(20deg);\n transform: rotateZ(20deg); }\n\n.perspective {\n -moz-perspective: 500;\n -webkit-perspective: 500;\n perspective: 500; }\n\n.perspective-origin {\n -moz-perspective-origin: 25% 25%;\n -webkit-perspective-origin: 25% 25%;\n perspective-origin: 25% 25%; }\n\n.transform-style {\n -moz-transform-style: preserve-3d;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d; }\n\n.backface-visibility {\n -moz-backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden; }\n\n.scale {\n -moz-transform: scale(30px, 50px);\n -ms-transform: scale(30px, 50px);\n -webkit-transform: scale(30px, 50px);\n transform: scale(30px, 50px); }\n\n.scale-3d {\n -moz-transform: scale(30px, 50px);\n -webkit-transform: scale(30px, 50px);\n transform: scale(30px, 50px); }\n\n.scale-with-perspective {\n -moz-transform: perspective(500) scale(30px, 50px);\n -ms-transform: perspective(500) scale(30px, 50px);\n -webkit-transform: perspective(500) scale(30px, 50px);\n transform: perspective(500) scale(30px, 50px); }\n\n.scale-3d-with-perspective {\n -moz-transform: perspective(500) scale(30px, 50px);\n -webkit-transform: perspective(500) scale(30px, 50px);\n transform: perspective(500) scale(30px, 50px); }\n\n.scale-x {\n -moz-transform: scaleX(30px);\n -ms-transform: scaleX(30px);\n -webkit-transform: scaleX(30px);\n transform: scaleX(30px); }\n\n.scale-x-3d {\n -moz-transform: scaleX(30px);\n -webkit-transform: scaleX(30px);\n transform: scaleX(30px); }\n\n.scale-x-with-perspective {\n -moz-transform: perspective(500) scaleX(30px);\n -ms-transform: perspective(500) scaleX(30px);\n -webkit-transform: perspective(500) scaleX(30px);\n transform: perspective(500) scaleX(30px); }\n\n.scale-x-3d-with-perspective {\n -moz-transform: perspective(500) scaleX(30px);\n -webkit-transform: perspective(500) scaleX(30px);\n transform: perspective(500) scaleX(30px); }\n\n.scale-y {\n -moz-transform: scaleY(50px);\n -ms-transform: scaleY(50px);\n -webkit-transform: scaleY(50px);\n transform: scaleY(50px); }\n\n.scale-y-3d {\n -moz-transform: scaleY(50px);\n -webkit-transform: scaleY(50px);\n transform: scaleY(50px); }\n\n.scale-y-with-perspective {\n -moz-transform: perspective(500) scaleY(50px);\n -ms-transform: perspective(500) scaleY(50px);\n -webkit-transform: perspective(500) scaleY(50px);\n transform: perspective(500) scaleY(50px); }\n\n.scale-y-3d-with-perspective {\n -moz-transform: perspective(500) scaleY(50px);\n -webkit-transform: perspective(500) scaleY(50px);\n transform: perspective(500) scaleY(50px); }\n\n.scale-z {\n -moz-transform: scaleZ(50px);\n -webkit-transform: scaleZ(50px);\n transform: scaleZ(50px); }\n\n.scale-z-with-perspective {\n -moz-transform: perspective(500) scaleZ(50px);\n -webkit-transform: perspective(500) scaleZ(50px);\n transform: perspective(500) scaleZ(50px); }\n\n.scale3d {\n -moz-transform: scale3d(30px, 50px, 100px);\n -webkit-transform: scale3d(30px, 50px, 100px);\n transform: scale3d(30px, 50px, 100px); }\n\n.scaled3-with-perspective {\n -moz-transform: perspective(500) scale3d(30px, 50px, 100px);\n -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);\n transform: perspective(500) scale3d(30px, 50px, 100px); }\n\n.rotate {\n -moz-transform: perspective(500) rotate(25deg);\n -ms-transform: perspective(500) rotate(25deg);\n -webkit-transform: perspective(500) rotate(25deg);\n transform: perspective(500) rotate(25deg); }\n\n.rotate-with-perspective {\n -moz-transform: perspective(500) rotate(25deg);\n -ms-transform: perspective(500) rotate(25deg);\n -webkit-transform: perspective(500) rotate(25deg);\n transform: perspective(500) rotate(25deg); }\n\n.rotate-z {\n -moz-transform: rotate(25deg);\n -ms-transform: rotate(25deg);\n -webkit-transform: rotate(25deg);\n transform: rotate(25deg); }\n\n.rotate-z-with-perspective {\n -moz-transform: perspective(500) rotate(25deg);\n -ms-transform: perspective(500) rotate(25deg);\n -webkit-transform: perspective(500) rotate(25deg);\n transform: perspective(500) rotate(25deg); }\n\n.rotate-x {\n -moz-transform: rotateX(25deg);\n -webkit-transform: rotateX(25deg);\n transform: rotateX(25deg); }\n\n.rotate-x-with-perspective {\n -moz-transform: perspective(500) rotateX(25deg);\n -webkit-transform: perspective(500) rotateX(25deg);\n transform: perspective(500) rotateX(25deg); }\n\n.rotate-y {\n -moz-transform: rotateY(25deg);\n -webkit-transform: rotateY(25deg);\n transform: rotateY(25deg); }\n\n.rotate-y-with-perspective {\n -moz-transform: perspective(500) rotateY(25deg);\n -webkit-transform: perspective(500) rotateY(25deg);\n transform: perspective(500) rotateY(25deg); }\n\n.rotate-3d {\n -moz-transform: rotate3d(5, 2, 1, 75deg);\n -webkit-transform: rotate3d(5, 2, 1, 75deg);\n transform: rotate3d(5, 2, 1, 75deg); }\n\n.rotate-3d-with-perspective {\n -moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);\n -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);\n transform: perspective(500) rotate3d(5, 2, 1, 75deg); }\n\n.translate {\n -moz-transform: translate(20px, 30%);\n -ms-transform: translate(20px, 30%);\n -webkit-transform: translate(20px, 30%);\n transform: translate(20px, 30%); }\n\n.translate-with-perspective {\n -moz-transform: perspective(500) translate(20px, 30%);\n -ms-transform: perspective(500) translate(20px, 30%);\n -webkit-transform: perspective(500) translate(20px, 30%);\n transform: perspective(500) translate(20px, 30%); }\n\n.translate-3d {\n -moz-transform: translate(20px, 30%);\n -webkit-transform: translate(20px, 30%);\n transform: translate(20px, 30%); }\n\n.translate-3d-with-perspective {\n -moz-transform: perspective(500) translate(20px, 30%);\n -webkit-transform: perspective(500) translate(20px, 30%);\n transform: perspective(500) translate(20px, 30%); }\n\n.translate-x {\n -moz-transform: translateX(30px);\n -ms-transform: translateX(30px);\n -webkit-transform: translateX(30px);\n transform: translateX(30px); }\n\n.translate-x-3d {\n -moz-transform: translateX(30px);\n -webkit-transform: translateX(30px);\n transform: translateX(30px); }\n\n.translate-x-with-perspective {\n -moz-transform: perspective(500) translateX(30px);\n -ms-transform: perspective(500) translateX(30px);\n -webkit-transform: perspective(500) translateX(30px);\n transform: perspective(500) translateX(30px); }\n\n.translate-x-3d-with-perspective {\n -moz-transform: perspective(500) translateX(30px);\n -webkit-transform: perspective(500) translateX(30px);\n transform: perspective(500) translateX(30px); }\n\n.translate-y {\n -moz-transform: translateY(30px);\n -ms-transform: translateY(30px);\n -webkit-transform: translateY(30px);\n transform: translateY(30px); }\n\n.translate-y-3d {\n -moz-transform: translateY(30px);\n -webkit-transform: translateY(30px);\n transform: translateY(30px); }\n\n.translate-y-with-perspective {\n -moz-transform: perspective(500) translateY(30px);\n -ms-transform: perspective(500) translateY(30px);\n -webkit-transform: perspective(500) translateY(30px);\n transform: perspective(500) translateY(30px); }\n\n.translate-y-3d-with-perspective {\n -moz-transform: perspective(500) translateY(30px);\n -webkit-transform: perspective(500) translateY(30px);\n transform: perspective(500) translateY(30px); }\n\n.translate-z {\n -moz-transform: translateZ(30px);\n -webkit-transform: translateZ(30px);\n transform: translateZ(30px); }\n\n.translate-z-with-perspective {\n -moz-transform: perspective(500) translateZ(30px);\n -webkit-transform: perspective(500) translateZ(30px);\n transform: perspective(500) translateZ(30px); }\n\n.translate-3d {\n -moz-transform: translate3d(30px, 50px, 75px);\n -webkit-transform: translate3d(30px, 50px, 75px);\n transform: translate3d(30px, 50px, 75px); }\n\n.translate-3d-with-perspective {\n -moz-transform: perspective(500) translate3d(30px, 50px, 75px);\n -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);\n transform: perspective(500) translate3d(30px, 50px, 75px); }\n\n.skew {\n -moz-transform: skew(20deg, 50deg);\n -ms-transform: skew(20deg, 50deg);\n -webkit-transform: skew(20deg, 50deg);\n transform: skew(20deg, 50deg); }\n\n.skew-3d {\n -moz-transform: skew(20deg, 50deg);\n -webkit-transform: skew(20deg, 50deg);\n transform: skew(20deg, 50deg); }\n\n.skew-x {\n -moz-transform: skewX(20deg);\n -ms-transform: skewX(20deg);\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg); }\n\n.skew-x-3d {\n -moz-transform: skewX(20deg);\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg); }\n\n.skew-y {\n -moz-transform: skewY(20deg);\n -ms-transform: skewY(20deg);\n -webkit-transform: skewY(20deg);\n transform: skewY(20deg); }\n\n.skew-y-3d {\n -moz-transform: skewY(20deg);\n -webkit-transform: skewY(20deg);\n transform: skewY(20deg); }\n\n.create-transform-2d {\n -moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);\n -ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);\n -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);\n transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);\n -moz-transform-origin: 50%;\n -ms-transform-origin: 50%;\n -webkit-transform-origin: 50%;\n transform-origin: 50%; }\n\n.create-transform-3d {\n -moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);\n -ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);\n -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);\n transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);\n -moz-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%; }\n\n.simple-transform {\n -moz-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);\n -ms-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);\n -webkit-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);\n transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);\n -moz-transform-origin: 10% 10%;\n -ms-transform-origin: 10% 10%;\n -webkit-transform-origin: 10% 10%;\n transform-origin: 10% 10%; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/transition.css", "content": ".single-transition-without-delay {\n -moz-transition: all 0.6s ease-out;\n -o-transition: all 0.6s ease-out;\n -webkit-transition: all 0.6s ease-out;\n transition: all 0.6s ease-out; }\n\n.single-transition-with-delay {\n -moz-transition: all 0.6s ease-out 0.2s;\n -o-transition: all 0.6s ease-out 0.2s;\n -webkit-transition: all 0.6s ease-out;\n -webkit-transition-delay: 0.2s;\n transition: all 0.6s ease-out 0.2s; }\n\n.transition-duration-list {\n -moz-transition-duration: 0.2s, 0.5s, 0.2s;\n -o-transition-duration: 0.2s, 0.5s, 0.2s;\n -webkit-transition-duration: 0.2s, 0.5s, 0.2s;\n transition-duration: 0.2s, 0.5s, 0.2s; }\n\n.multiple-transition-durations {\n -moz-transition-duration: 0.2s, 0.5s, 0.2s;\n -o-transition-duration: 0.2s, 0.5s, 0.2s;\n -webkit-transition-duration: 0.2s, 0.5s, 0.2s;\n transition-duration: 0.2s, 0.5s, 0.2s; }\n\n.single-transform-transition-without-delay {\n -moz-transition: -moz-transform 0.6s ease-out;\n -o-transition: -o-transform 0.6s ease-out;\n -webkit-transition: -webkit-transform 0.6s ease-out;\n transition: transform 0.6s ease-out; }\n\n.single-transform-transition-with-delay {\n -moz-transition: -moz-transform 0.6s ease-out 0.2s;\n -o-transition: -o-transform 0.6s ease-out 0.2s;\n -webkit-transition: -webkit-transform 0.6s ease-out;\n -webkit-transition-delay: 0.2s;\n transition: transform 0.6s ease-out 0.2s; }\n\n.transform-transition {\n -moz-transition: -moz-transform 0.6s ease-out;\n -o-transition: -o-transform 0.6s ease-out;\n -webkit-transition: -webkit-transform 0.6s ease-out;\n transition: transform 0.6s ease-out; }\n\n.multiple-transitions {\n -moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;\n -o-transition: -o-transform 0.6s ease-out, opacity 0.2s ease-in;\n -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;\n transition: transform 0.6s ease-out, opacity 0.2s ease-in; }\n\n.transition-property {\n -moz-transition-property: -moz-transform;\n -o-transition-property: -o-transform;\n -webkit-transition-property: -webkit-transform;\n transition-property: transform; }\n\n.transition-properties {\n -moz-transition-property: -moz-transform, opacity, width, height, left, top;\n -o-transition-property: -o-transform, opacity, width, height, left, top;\n -webkit-transition-property: -webkit-transform, opacity, width, height, left, top;\n transition-property: transform, opacity, width, height, left, top; }\n\n.multiple-transition-properties {\n -moz-transition-property: opacity, -moz-transform, left;\n -o-transition-property: opacity, -o-transform, left;\n -webkit-transition-property: opacity, -webkit-transform, left;\n transition-property: opacity, transform, left; }\n\n.default-transition {\n -moz-transition: all 1s;\n -o-transition: all 1s;\n -webkit-transition: all 1s;\n transition: all 1s; }\n\n.transition-timing {\n -moz-transition-timing-function: ease-in;\n -o-transition-timing-function: ease-in;\n -webkit-transition-timing-function: ease-in;\n transition-timing-function: ease-in; }\n\n.transition-timings {\n -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }\n\n.transition-timings-list {\n -moz-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n -o-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n -webkit-transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0);\n transition-timing-function: ease-in, cubic-bezier(1, 0, 1, 0); }\n\n.transition-delay {\n -moz-transition-delay: 1s;\n -o-transition-delay: 1s;\n -webkit-transition-delay: 1s;\n transition-delay: 1s; }\n\n.transition-delays {\n -moz-transition-delay: 1s, 2s, 3s;\n -o-transition-delay: 1s, 2s, 3s;\n -webkit-transition-delay: 1s, 2s, 3s;\n transition-delay: 1s, 2s, 3s; }\n\n.transition-delays-list {\n -moz-transition-delay: 1s, 2s, 3s;\n -o-transition-delay: 1s, 2s, 3s;\n -webkit-transition-delay: 1s, 2s, 3s;\n transition-delay: 1s, 2s, 3s; }\n\n.regression-912 {\n -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;\n -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;\n -webkit-transition: background-color 0.5s ease-in, width 0.5s ease-out, height 0.5s ease-in, top 0.5s ease-out;\n -webkit-transition-delay: 0s, 0s, 0s, 0s;\n 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; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/typography/links/hover-link.css", "content": "a {\n text-decoration: none; }\n a:hover, a:focus {\n text-decoration: underline; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/units.css", "content": ".foo {\n width: 600px;\n height: 200px; }\n\n.foo .test {\n /* 16px for margins should be 1em */\n margin-top: 1em;\n /* 16px for margins should be 2.66667% (relative to parent's width) */\n margin-right: 2.66667%;\n /* 1.35em for margins should be 3.6% (relative to parent's width,\n * even for top and bottom margins) */\n margin-bottom: 3.6%;\n /* 16px for margins should be 2ex */\n margin-left: 2ex; }\n\n.bar {\n font-size: 18px;\n width: 360px; }\n\n.bar .test {\n /* 150% for line-height should be 27px */\n line-height: 27px;\n /* 1px should always be .0625rem for this page */\n border-top: 0.0625rem;\n /* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */\n margin-top: 9.525mm;\n /* 2px for margins should be .55556% (relative to parent's width) */\n margin-right: 0.55556%;\n /* 1rem should always be 16px for this page, even when own font-size is 18px */\n margin-bottom: 16px; }\n\n.rem {\n background-size: 400px, 100% 32px;\n background-size: 25rem, 100% 2rem; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/user-interface.css", "content": ".user-select {\n -moz-user-select: -moz-none;\n -ms-user-select: none;\n -webkit-user-select: none;\n user-select: none; }\n\n*:-moz-placeholder {\n color: #bfbfbf;\n font-style: italic; }\n*::-moz-placeholder {\n color: #bfbfbf;\n font-style: italic; }\n*:-ms-input-placeholder {\n color: #bfbfbf;\n font-style: italic; }\n*::-webkit-input-placeholder {\n color: #bfbfbf;\n font-style: italic; }\n\ninput:-moz-placeholder, textarea:-moz-placeholder {\n color: #bfbfbf;\n font-style: italic; }\ninput::-moz-placeholder, textarea::-moz-placeholder {\n color: #bfbfbf;\n font-style: italic; }\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n color: #bfbfbf;\n font-style: italic; }\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n color: #bfbfbf;\n font-style: italic; }\n\n.sets-up-browser-support-for-content:-moz-placeholder {\n prefix: -moz;\n -moz-prefix: true;\n -ms-prefix: false;\n -webkit-prefix: false; }\n.sets-up-browser-support-for-content::-moz-placeholder {\n prefix: -moz;\n -moz-prefix: true;\n -ms-prefix: false;\n -webkit-prefix: false; }\n.sets-up-browser-support-for-content:-ms-input-placeholder {\n prefix: -ms;\n -moz-prefix: false;\n -ms-prefix: true;\n -webkit-prefix: false; }\n.sets-up-browser-support-for-content::-webkit-input-placeholder {\n prefix: -webkit;\n -moz-prefix: false;\n -ms-prefix: false;\n -webkit-prefix: true; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/utilities.css", "content": ".clearfix {\n overflow: hidden;\n *zoom: 1; }\n\n.pie-clearfix {\n *zoom: 1; }\n .pie-clearfix:after {\n content: \"\\0020\";\n display: block;\n height: 0;\n clear: both;\n overflow: hidden;\n visibility: hidden; }\n\n.simple-pie-clearfix {\n *zoom: 1; }\n .simple-pie-clearfix:after {\n content: \"\";\n display: table;\n clear: both; }\n\np.light {\n background-color: #f3aead;\n color: black; }\n\np.dark {\n background-color: #a22321;\n color: white; }\n\np.light-with-args {\n background-color: #f3aead;\n color: blue; }\n\np.dark-with-args {\n background-color: #a22321;\n color: yellow; }\n\nth {\n background-color: white; }\n th.even, th:nth-child(2n) {\n background-color: yellow; }\n\ntr.odd td, tr:nth-child(2n+1) td {\n background-color: white; }\n 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) {\n background-color: yellow; }\n\ntr.even td {\n background-color: red; }\n tr.even td.even, tr.even td:nth-child(2n) {\n background-color: red; }\n\ntfoot th, tfoot td {\n background-color: white; }\n tfoot th.even, tfoot th:nth-child(2n), tfoot td.even, tfoot td:nth-child(2n) {\n background-color: yellow; }\n\np.ellipsis {\n white-space: nowrap;\n overflow: hidden;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis; }\n\np.ellipsis.moz {\n white-space: nowrap;\n overflow: hidden;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n -moz-binding: url('/tmp/xml/ellipsis.xml#ellipsis'); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/vertical_rhythm.css", "content": "html {\n font-size: 87.5%;\n line-height: 1.14286em; }\n\n.small {\n font-size: 0.85714em;\n line-height: 1.33333em; }\n\n.padded {\n margin-top: 1.14286em;\n padding-top: 1.14286em;\n padding-bottom: 1.14286em;\n margin-bottom: 1.14286em; }\n\n.small-padded {\n font-size: 0.85714em;\n line-height: 1.33333em;\n margin-top: 1.33333em;\n padding-top: 1.33333em;\n padding-bottom: 1.33333em;\n margin-bottom: 1.33333em; }\n\n.borders {\n border-top-width: 0.07143em;\n border-top-style: solid;\n padding-top: 1.07143em;\n border-bottom-width: 0.07143em;\n border-bottom-style: solid;\n padding-bottom: 1.07143em; }\n\n.large-borders {\n font-size: 1.71429em;\n line-height: 2em;\n border-top-width: 0.25em;\n border-top-style: solid;\n padding-top: 0.41667em;\n border-bottom-width: 0.25em;\n border-bottom-style: solid;\n padding-bottom: 0.41667em; }\n\n.reset {\n line-height: 1.14286em; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_ems.css", "content": "/* New test using em output */\nhtml {\n font-size: 112.5%;\n line-height: 1.4em; }\n\n.container {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n 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)));\n background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n -moz-background-size: 100% 1.4em;\n -o-background-size: 100% 1.4em;\n -webkit-background-size: 100% 1.4em;\n background-size: 100% 1.4em;\n background-position: left top; }\n\np {\n margin-top: 1.4em;\n margin-bottom: 1.4em; }\n\nth,\ntd {\n padding-top: 0.35em;\n padding-bottom: 0.35em; }\n\n.caption {\n font-size: 0.72222em;\n line-height: 1.55077em; }\n\n.spaced-out {\n line-height: 2.1em; }\n\nblockquote {\n margin-top: 1.4em;\n margin-bottom: 1.4em;\n padding: 0 1.4em; }\n\n.fig-quote > blockquote {\n margin-bottom: 0.7em; }\n.fig-quote .source {\n font-size: 0.72222em;\n line-height: 1.93846em;\n margin-bottom: 0.96923em; }\n\n.panel {\n font-size: 0.88889em;\n line-height: 1.575em;\n border-width: 0.0625em;\n border-style: solid;\n border-color: #aaaaaa;\n padding: 1.5125em; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_px.css", "content": "/* New using px output */\nhtml {\n font-size: 18px;\n line-height: 25px; }\n\n.container {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n 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)));\n background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n -moz-background-size: 100% 25px;\n -o-background-size: 100% 25px;\n -webkit-background-size: 100% 25px;\n background-size: 100% 25px;\n background-position: left top; }\n\np {\n margin-top: 25px;\n margin-bottom: 25px; }\n\nth,\ntd {\n padding-top: 6px;\n padding-bottom: 6px; }\n\n/* Incremental leading made easy! */\n.caption {\n font-size: 15px;\n line-height: 20px; }\n\n.spaced-out {\n line-height: 37px; }\n\nblockquote {\n margin-top: 25px;\n margin-bottom: 25px;\n padding: 0 25px; }\n\n.fig-quote > blockquote {\n margin-bottom: 12px; }\n.fig-quote .source {\n font-size: 15px;\n line-height: 25px;\n margin-bottom: 12px; }\n\n.panel {\n border-width: 1px;\n border-style: solid;\n border-color: #aaaaaa;\n padding: 24px; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/css/vertical_rhythm_with_rems.css", "content": "/* New using rem output with pixel fallbacks */\nhtml {\n font-size: 112.5%;\n line-height: 1.4em; }\n\n.container {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n 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)));\n background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%);\n -moz-background-size: 100% 1.4rem;\n -o-background-size: 100% 1.4rem;\n -webkit-background-size: 100% 1.4rem;\n background-size: 100% 1.4rem;\n background-position: left top; }\n\np {\n margin-top: 25px;\n margin-top: 1.4rem;\n margin-bottom: 25px;\n margin-bottom: 1.4rem; }\n\nth,\ntd {\n padding-top: 6px;\n padding-top: 0.35rem;\n padding-bottom: 6px;\n padding-bottom: 0.35rem; }\n\n/* Incremental leading made easy! */\n.caption {\n font-size: 15px;\n font-size: 0.85rem;\n line-height: 20px;\n line-height: 1.12rem; }\n\n.spaced-out {\n line-height: 38px;\n line-height: 2.1rem; }\n\nblockquote {\n margin-top: 25px;\n margin-top: 1.4rem;\n margin-bottom: 25px;\n margin-bottom: 1.4rem;\n padding: 0 1.4rem; }\n\n.fig-quote > blockquote {\n margin-bottom: 13px;\n margin-bottom: 0.7rem; }\n.fig-quote .source {\n font-size: 15px;\n font-size: 0.85rem;\n line-height: 25px;\n line-height: 1.4rem;\n margin-bottom: 13px;\n margin-bottom: 0.7rem; }\n\n.panel {\n border-width: 1px;\n border-width: 0.05556rem;\n border-style: solid;\n border-color: #aaaaaa;\n padding: 24px;\n padding: 1.34444rem; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/animation-with-legacy-ie.scss", "content": "@import \"compass/css3/animation\";\n@import \"compass/css3/opacity\";\n\n$browser-minimum-versions: (ie: \"6\");\n\n@include keyframes(test) {\n 0%, 100% {\n @include opacity(1);\n }\n 50% {\n @include opacity(0);\n }\n}\n\n.animation {\n @include animation(test);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/animation.scss", "content": "@import \"compass/css3/animation\";\n\n@include keyframes(test) {\n 0%, 100% {\n background-color: red; }\n 50% {\n background-color: blue;\n }\n}\n\n.animation {\n @include animation(test);\n}" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/appearance.scss", "content": "@import \"compass/css3/appearance\";\n\n.searchfield {\n @include appearance(searchfield);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/background-clip.scss", "content": "@import \"compass/css3/background-clip\";\n\n.background-clip { @include background-clip('border-box'); }\n\n.background-clip-multiple { @include background-clip('border-box', padding-box, content-box); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/background-origin.scss", "content": "@import \"compass/css3/background-origin\";\n\n.background-origin { @include background-origin('border-box'); }\n\n.background-origin-multiple { @include background-origin('border-box', padding-box, content-box); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/background-size.scss", "content": "@import \"compass/css3/background-size\";\n\n.background-size-default { @include background-size; }\n\n.background-size-single { @include background-size(50% 25%); }\n\n.background-size-multiple { @include background-size(4em 3em, $default-background-size, 50%); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/border_radius.scss", "content": "@import \"compass/css3/border-radius\";\n\n.simple { @include border-radius(4px, 4px); }\n.compound { @include border-radius(2px 5px, 3px 6px); }\n.crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/box-sizing.scss", "content": "@import \"compass/css3/box-sizing\";\n\n.div {\n @include box-sizing();\n}\n.div {\n @include box-sizing(content-box);\n}\n.div {\n @include box-sizing(border-box);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/box.sass", "content": "@import compass/css3/box\n\n.hbox\n +display-box\n +box-orient\n +box-align\n \n & > *\n +box-flex\n\n.vbox\n +display-box\n +box-orient(vertical)\n +box-align\n \n & > *\n +box-flex\n\n.spacer\n +box-flex(1)\n\n.reverse\n +box-direction(reverse)\n\n.box-flex-0\n +box-flex(0)\n\n.box-flex-1\n +box-flex(1)\n\n.box-flex-2\n +box-flex(2)\n\n.box-flex-group-0\n +box-flex-group(0)\n\n.box-flex-group-1\n +box-flex-group(1)\n\n.box-flex-group-2\n +box-flex-group(2)\n\n.start\n +box-pack(start)\n\n.end\n +box-pack(end)\n\n.center\n +box-pack(center)" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/box_shadow.scss", "content": "@import \"compass/css3/box-shadow\";\n\n.no-box-shadow { @include box-shadow(none); }\n.box-shadow { @include box-shadow(default, 2px 2px 5px #222222);}\n.single-box-shadow { @include single-box-shadow;}\n.multiple-box-shadows { @include box-shadow(default, 2px 2px 5px #222222);}\n.legacy-single-box-shadow { @include single-box-shadow(blue);}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/brightness.scss", "content": "@import \"compass/utilities/color/brightness\";\n\n.black-is-0-percent {\n brightness: brightness(black); }\n.white-is-100-percent {\n brightness: brightness(white); }\n.green-is-58-point-7-percent {\n brightness: brightness(#00ff00); }\n.blue-is-11-point-4-percent {\n brightness: brightness(#0000ff); }\n.red-is-29-point-9-percent {\n brightness: brightness(#ff0000); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/browser-support.scss", "content": "@import \"compass/support\";\n@import \"compass/css3/flexbox\";\n\n@function unprefixed-at-version($browser, $capability) {\n $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);\n @each $version in browser-versions($browser) {\n @if not browser-requires-prefix($browser, $version, $capability, $options) {\n @return $version;\n }\n }\n @return null;\n}\n@each $browser in browsers() {\n $prefix: browser-prefix($browser);\n .#{$browser} {\n $versions: browser-versions($browser);\n versions: $versions;\n @each $capability in browser-capabilities() {\n $options: if($capability == flexbox, $flexbox-capability-options, $default-capability-options);\n @if browser-requires-prefix($browser, nth($versions, 1), $capability, $options) {\n @if prefix-usage($prefix, $capability, $options) > 0.1 {\n #{$capability}: $prefix;\n } @else {\n #{$capability}: prefix-no-longer-needed;\n }\n #{$capability}-unprefixed-at: unprefixed-at-version($browser, $capability);\n }\n }\n }\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/color.scss", "content": "$contrasted-dark-default: black;\n$contrasted-light-default: white;\n\n@import \"compass/utilities/color\";\n\n.handles-null {\n content: \"there should be no property below this one\";\n color: contrast-color(null);\n}\n\n.contrasts-light {\n @include contrasted(#eeeeee);\n}\n\n.contrasts-dark {\n @include contrasted(#222222);\n}\n\n.contrasts-light-with-contrast-color-override {\n @include contrasted(#eeeeee, $dark: red);\n}\n\n.contrasts-dark-with-contrast-color-override {\n @include contrasted(#222222, $light: yellow);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/columns.scss", "content": "@import \"compass/css3/columns\";\n\n.columns { @include columns(20em 5); }\n.column-count { @include column-count(5); }\n.column-gap { @include column-gap(10px); }\n.column-width { @include column-width(90px); }\n.column-span { @include column-span(all); }\n.column-rule-width { @include column-rule-width(1px); }\n.column-rule-style { @include column-rule-style(dotted); }\n.column-rule-color { @include column-rule-color(blue); }\n.column-rule { @include column-rule(1px, solid, blue); }\n.column-rule-spaced { @include column-rule(1px solid blue); }\n.column-break-before{ @include column-break(before, always);}\n.column-break-after { @include column-break(after, always); }\n.column-break-inside{ @include column-break(inside); }\n.column-count \t\t\t{ @include column-count(5); }\n.column-gap \t\t\t{ @include column-gap(10px); }\n.column-width \t\t\t{ @include column-width(90px); }\n.column-rule-width \t\t\t{ @include column-rule-width(1px); }\n.column-rule-style \t\t\t{ @include column-rule-style(dotted); }\n.column-rule-color \t\t\t{ @include column-rule-color(blue); }\n.column-rule \t\t\t{ @include column-rule(1px, solid, blue); }\n.column-rule-spaced \t\t\t{ @include column-rule(1px solid blue); }\n.column-break-before \t\t\t{ @include break-before(always); }\n.column-break-after \t\t\t{ @include break-after(always); }\n.column-break-inside \t\t\t{ @include break-inside(); }\n.column-break-before-shortcut \t{ @include column-break(before, always);}\n.column-break-after-shortcut \t{ @include column-break(after, always); }\n.column-break-inside-shortcut \t{ @include column-break(inside); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/filters.scss", "content": "$debug-browser-support: true;\n@import \"compass/css3/filter\";\n\n.blur {\n @include filter(blur(5px));\n}\n.brightness {\n @include filter(brightness(0.2));\n}\n// We can enable this test case when sass commit 38f3c4be8bc15c130c5b1cc5880c9131e1bcb08f is released.\n// .saturate {\n// @include filter(saturate(50%));\n// }\n.hue-rotate {\n @include filter(hue-rotate(20deg));\n}\n.contrast {\n @include filter(contrast(150%));\n}\n.grayscale {\n @include filter(grayscale(150%));\n}\n.sepia {\n @include filter(sepia(150%));\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/flexbox.scss", "content": "@import \"compass/css3/flexbox\";\n\n.display {\n @include display-flex;\n}\n\n.flex-direction {\n @include flex-direction(row-reverse);\n}\n\n.flex-wrap {\n @include flex-wrap(wrap-reverse);\n}\n\n.flex-flow {\n @include flex-flow(row-reverse wrap-reverse);\n}\n\n.order {\n @include order(1);\n}\n\n.flex {\n @include flex(1 0 auto);\n}\n\n.flex-grow {\n @include flex-grow(1);\n}\n\n.flex-shrink {\n @include flex-shrink(1);\n}\n\n.flex-basis {\n @include flex-basis(auto);\n}\n\n.justify-content {\n @include justify-content(flex-start);\n}\n\n.align-items {\n @include align-items(flex-start);\n}\n\n.align-self {\n @include align-self(flex-start);\n}\n\n.align-content {\n @include align-content(flex-start);\n}\n\n.flexbox {\n @include flexbox((\n display: flex,\n flex-direction: row-reverse,\n flex-wrap: wrap-reverse,\n flex-flow: row-reverse wrap-reverse,\n order: 1,\n flex: 1 0 auto,\n flex-grow: 1,\n flex-shrink: 0,\n flex-basis: auto,\n justify-content: flex-start,\n align-items: flex-start,\n align-self: flex-start,\n align-content: flex-start\n ));\n}\n\n.flexbox-2 {\n @include flexbox((\n display: flexbox,\n flex-flow: row-reverse,\n flex-order: 1,\n ), $version: 2);\n}\n\n.flexbox-1 {\n @include flexbox((\n display: box,\n box-orient: vertical,\n box-ordinal-group: 1,\n box-flex: 1,\n ), $version: 1);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/fonts.sass", "content": "@import compass/css3/font-face\n\n+font-face(\"font1\", font-files(\"font1.woff\", woff), \"font1.eot\")\n\n@font-face\n font-family: 'Issue1491'\n src: font-url('font1.eot')\n src: font-url('font1.eot?#iefix') format('embedded-opentype'), font-url('font1.woff') format('woff')\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/force-wrap.scss", "content": "@import \"compass/typography/text\";\n\npre { @include force-wrap; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/gradients.sass", "content": "@import compass/css3/images\n\n$svg-gradient-shim-threshold: 0\n\n.bg-shortcut-simple-image\n +background(white url('foo.png'))\n\n.bg-shortcut-linear-gradient\n +background(white linear-gradient(top left, #ddd, #aaa))\n\n.bg-shortcut-radial-gradient\n +background(white radial-gradient(center center, #ddd, #aaa 100px))\n\n.bg-linear-gradient-angle-svg\n +background-image(linear-gradient(-45deg, blue, black))\n\n.bg-linear-gradient-angle2-svg\n +background-image(linear-gradient(top left, blue, black))\n\n.bg-all-gradient-types-with-simplification\n +background-with-css2-fallback(image-url(\"4x6.png\"), linear-gradient(top left, #ddd, #aaa), radial-gradient(center center, #ddd, #aaa 100px), #ffcc00)\n\n.bg-simple-image\n +background-image(url('foo.png'))\n\n.bg-linear-gradient\n +background-image(linear-gradient(top left, #ddd, #aaa))\n\n.bg-linear-gradient-pixel-stop-from-top\n +background-image(linear-gradient(top, #ddd 10px, #aaa 40px))\n\n.bg-linear-gradient-pixel-stop-from-left\n +background-image(linear-gradient(left, #ddd 10px, #aaa 40px))\n\n.transparent-in-linear-gradient\n +background-image(white linear-gradient(top left, transparent, #aaa))\n\n.currentColor-in-linear-gradient\n +background-image(white linear-gradient(top left, transparent, currentColor))\n\n.rgba-in-linear-gradient\n +background-image(white linear-gradient(top left, rgba(255,255,255,0.8), rgba(0,0,0,0.1)))\n\n.bg-radial-gradient\n +background-image(radial-gradient(center center, #ddd, transparent 100px))\n\n.currentColor-in-radial-gradient\n +background-image(radial-gradient(center center, currentColor, transparent 100px))\n\n.bg-linear-gradient-with-angle\n +background-image(linear-gradient(-45deg, #ddd, #aaa))\n\n.bg-radial-gradient-with-angle-and-shape\n +background-image(radial-gradient(ellipse cover, #ddd, #aaa 100px))\n\n.bg-all-gradient-types\n +background-image(image-url(\"4x6.png\"), linear-gradient(top left, #ddd, #aaa), radial-gradient(center center, #ddd, #aaa 100px))\n\n.border-image-gradient\n +border-image(radial-gradient(#0f0,#f00 100px) 100 stretch)\n\n.direct-list-image-plain\n +list-style-image(image-url(\"4x6.png\"))\n\n.shorthand-list-image-plain\n +list-style(outside image-url(\"4x6.png\"))\n\n.direct-list-image-with-gradient\n +list-style-image(radial-gradient(lime, red 10px))\n\n.shorthand-list-image-with-gradient\n // Note: I haven't seen a browser render this correctly, but they should eventually.\n +list-style(outside radial-gradient(lime, red 10px))\n\n.content-plain\n +content(\"asdf\")\n\n.content-with-gradient\n +content(radial-gradient(lime, red 10px))\n\n$svg-gradient-shim-threshold: 10\n\n.bg-linear-gradient-no-position\n +background-image(linear-gradient(#ddd, #aaa))\n\n.bg-radial-gradient-no-position\n +background-image(radial-gradient(#ddd, #aaa 100px))\n\n.image-fallback\n +background-image(image(radial-gradient(#ddd, #aaa 100px), image-url(\"4x6.png\"), #cc0000))\n\n.cross-fade\n +background-image(cross-fade(radial-gradient(#ddd, #aaa 100px), image-url(\"4x6.png\")))\n\n.unknown-function-wrapper\n +background(foo(radial-gradient(#ddd, #aaa 100px)))\n\n.ie-horizontal-filter\n +filter-gradient(white, black, horizontal)\n\n.ie-vertical-filter\n +filter-gradient(white, black, vertical)\n\n.ie-alpha-filter\n +filter-gradient(rgba(white, 1), rgba(white, 0))\n\n.linear-gradient-new\n +background(linear-gradient(to bottom, #ff0000 0%, #88aa44 100%))\n\n$use-legacy-gradient-syntax: true\n \n.linear-gradient-old\n +background(linear-gradient(top, #ff0000 0%, #88aa44 100%))\n \n// This setting is only important when we can't tell which syntax is being used.\n// * That is only ever true when the angle is specified in deg\n// * original webkit syntax does not support deg (see output)\n// * if $support-for-original-webkit-gradients and type-of($angle) == \"number\" : @WARN\n$use-legacy-gradient-syntax: false\n \n.linear-gradient-unknown-new\n +background(linear-gradient(120deg, #ff0000 0%, #88aa44 100%))\n \n$use-legacy-gradient-syntax: true\n \n.linear-gradient-unknown-old\n +background(linear-gradient(120deg, #ff0000 0%, #88aa44 100%))\n\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/grid_background.scss", "content": "@import \"compass/layout/grid-background\";\n\n.baseline {\n @include baseline-grid-background;\n}\n\n.columns {\n @include column-grid-background;\n}\n\n.combined {\n @include grid-background;\n}\n\n$grid-background-total-columns: 15;\n$grid-background-offset: 11%;\n$grid-background-column-width: 5%;\n$grid-background-gutter-width: 1%;\n\n.percent-baseline {\n @include baseline-grid-background;\n}\n\n.percent-columns {\n @include column-grid-background;\n}\n\n.percent-combined {\n @include grid-background;\n}\n\n.forced-fluid {\n @include column-grid-background(12, 2em, 1em, 1em, $grid-background-column-color, $grid-background-gutter-color, true);\n}" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/hyphenation.scss", "content": "@import \"compass/css3/hyphenation\";\n\n.word-break {\n\t@include word-break(keep-all);\n}\n.hyphens {\n\t@include hyphens(manual);\n}\n.hyphenate {\n\t@include hyphenation;\n}" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/image_size.sass", "content": ".png\n width: image_width(unquote(\"100x150.png\"))\n height: image_height(unquote(\"100x150.png\"))\n\n.jpg\n width: image_width(unquote(\"100x150.jpg\"))\n height: image_height(unquote(\"100x150.jpg\"))\n\n.jpeg\n width: image_width(unquote(\"100x150.jpeg\"))\n height: image_height(unquote(\"100x150.jpeg\"))\n\n.gif\n width: image_width(unquote(\"100x150.gif\"))\n height: image_height(unquote(\"100x150.gif\"))\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/images.scss", "content": ".relative {\n background-image: image-url(\"4x6.png\");\n}\n.root-relative {\n background-image: image-url(\"/images/4x6.png\");\n}\n.absolute {\n background-image: image-url(\"http://example.com/images/4x6.png\");\n}" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/layout.sass", "content": "@import compass/layout\n\n+sticky-footer(72px, unquote(\"#layout\"), unquote(\"#layout_footer\"), unquote(\"#footer\"))\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss", "content": "$default-has-layout-approach: block;\n\n@import \"compass/utilities\";\n\n.clearfix {\n @include clearfix;\n}\n\n.pie-clearfix {\n @include legacy-pie-clearfix;\n}\n.simplified-pie-clearfix {\n @include pie-clearfix;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/lists.scss", "content": "@import \"compass/typography/lists\";\n\nul.horizontal { @include horizontal-list; }\nul.wide-horizontal { @include horizontal-list(10px); }\nul.right-horizontal { @include horizontal-list(4px, right); }\nul.no-padding { @include horizontal-list(false); }\nul.inline-block { @include inline-block-list; }\nul.wide-inline-block { @include inline-block-list(10px); }\nul.inline { @include inline-list; }\nul.comma { @include delimited-list; }\nul.no-bullets { @include no-bullets; }\nul.pretty { @include pretty-bullets(\"4x6.png\"); }" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/opacity.scss", "content": "@import \"compass/css3/opacity\";\n\ndiv {\n @include opacity(1);\n}\n\ndiv {\n @include opacity(.2);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/print.sass", "content": "@import compass/utilities/print\n\n+print-utilities\n\n+print-utilities(screen)\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/regions.scss", "content": "@import \"compass/css3/regions\";\n\n.source { @include flow-into(target); }\n.new-container { @include flow-from(target); }" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/replacement.scss", "content": "@import \"compass/typography/text/replacement\";\n.basic {\n @include replace-text(\"4x6.png\");\n}\n.with-dimensions {\n @include replace-text-with-dimensions(\"4x6.png\");\n}\n.with-dimensions-inline {\n @include replace-text-with-dimensions(\"4x6.png\", $inline: true);\n}\n.with-position {\n @include replace-text(\"4x6.png\", 10px, top);\n}\n.with-arbitrary-url {\n @include replace-text(url(http://google.com/logo.gif), 10px, top);\n}\n.with-inline-url {\n @include replace-text(inline-image(\"4x6.png\"), 10px, top);\n}\n.with-image-url {\n @include replace-text(image-url(\"4x6.png\"), 10px, top);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/reset.sass", "content": "@import compass/reset\n\n// Turn off the display for both of these classes\n.unregistered-only, .registered-only\n display: none\n\n// Now turn only one of them back on depending on some other context.\nbody.registered\n +reset-display(unquote(\".registered-only\"))\n\nbody.unregistered\n +reset-display(unquote(\".unregistered-only\"))\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/selection.scss", "content": "$contrasted-dark-default: black;\n$contrasted-light-default: white;\n\n@import \"compass/css3/selection\";\n\n* {\n @include selection {\n background-color: #fe57a1;\n color: #fff;\n }\n}\n\n.hot-pink {\n @include selection {\n background-color: #fe57a1;\n color: #fff;\n }\n}\n\n.hot-pink-with-arguments {\n @include selection(#fe57a1, white);\n}\n\n.hot-pink-with-arguments-and-extra-stuff {\n @include selection(#fe57a1, white) {\n text-decoration: line-through;\n }\n}\n\n.hot-pink-with-default-foreground {\n @include selection(#fe57a1);\n}\n\n.browser-support-is-considered {\n @include selection(#fe57a1) {\n prefix: $current-prefix;\n -moz-prefix: $current-prefix == -moz;\n -ms-prefix: $current-prefix == -ms;\n -webkit-prefix: $current-prefix == -webkit;\n }\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/sprites_with_explicit_separator.scss", "content": "$flag_states-sprite-dimensions: true;\n$flag_states-class-separator: \"_\";\n\n@import \"flag_states/*.png\";\n\n@include all-flag_states-sprites;\n\n.sprite-file {\n location: image-url(sprite_file($flag-states-sprites, foo));\n}\n\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/stretching.sass", "content": "@import \"compass/layout/stretching\"\n\n.stretched-completely\n +stretch\n\n.stretched-horizontally\n +stretch-x\n\n.stretched-right\n +stretch-x(0, 50%)\n\n.left-pane\n +stretch(0, 50%, 0, 0)\n\n.stretched-left\n +stretch-x(50%, 0)\n\n.right-pane\n +stretch(0, 0, 0, 50%)\n\n.stretched-down\n +stretch-y(0, 50%)\n\n.top-pane\n +stretch(0, 0, 50%, 0)\n\n.stretched-up\n +stretch-y(50%, 0)\n\n.bottom-pane\n +stretch(50%, 0, 0, 0)\n\n.viewport\n +stretch(10px, 20px, 30px, 40px)" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/support.scss", "content": "@import \"compass/css3/animation\";\n@import \"compass/css3/opacity\";\n@import \"true\";\n\n$some-default-value: some default value;\n@function has-default-arglist($arglist...) {\n @return set-arglist-default($arglist, $some-default-value);\n}\n\n@mixin with-declared-support($browsers) {\n $old-browsers: $supported-browsers;\n $supported-browsers: $browsers !global;\n @content;\n $supported-browsers: $old-browsers !global;\n}\n\n@mixin with-declared-minimums($supported-browsers) {\n $old-mins: $browser-minimum-versions;\n $browser-minimum-versions: $supported-browsers !global;\n @content;\n $browser-minimum-versions: $old-mins !global;\n}\n\n@include test-module('Compass Support') {\n @include test('[function] set-arglist-default() with no arguments') {\n @include assert-true(\n has-default-arglist() == $some-default-value,\n 'No arguments should get a default value.');\n }\n @include test('[function] set-arglist-default() with a \"default\" argument') {\n @include assert-true(\n nth(has-default-arglist(default), 1) == $some-default-value,\n 'an argument of \"default\" should get a default value.');\n }\n @include test('[function] set-arglist-default() with a \"default\" argument and another argument') {\n @include assert-true(\n has-default-arglist(default, some other value) == ($some-default-value, some other value),\n 'an argument of \"default\" should get a default value.');\n }\n @include test('[function] set-arglist-default() with a \"default\" argument not first and another argument') {\n @include assert-true(\n has-default-arglist(some other value, default) == (some other value, $some-default-value),\n 'an argument of \"default\" should get a default value.');\n }\n\n @include test('[function] support-legacy-browser() from threshold') {\n @include assert-true(support-legacy-browser('ie', '6', $threshold: 0.00000001),\n \"should be supported because of user support threshold.\");\n @include assert-false(support-legacy-browser('ie', '6', $threshold: 10.000),\n \"should not be supported because of support threshold.\");\n }\n\n @include test('[function] support-legacy-browser() from minimums') {\n @include with-declared-minimums(('ie': '7')) {\n @include assert-true(support-legacy-browser('ie', '7', $threshold: 10.00),\n \"should be supported because of minimum version.\");\n @include assert-false(support-legacy-browser('ie', '6', $threshold: 10.000),\n \"should not be supported because of minimum version.\");\n }\n }\n\n @include test('[function] browser-out-of-scope() with no scope') {\n @include assert-true(not browser-out-of-scope('ie'), \"should be in scope.\");\n @include assert-true(not browser-out-of-scope('chrome'), \"should be in scope.\");\n }\n\n @include test('prefix context tracking') {\n $outer-prefix-invoked: false;\n $inner-prefix-invoked: false;\n $mismatched-prefix-invoked: false;\n @include with-prefix(-webkit) {\n $outer-prefix-invoked: true;\n @include assert-equal(-webkit, $current-prefix, \"should be equal.\");\n @include assert-equal(-webkit, $prefix-context, \"should be equal.\");\n @include with-prefix(null) {\n $inner-prefix-invoked: true;\n @include assert-equal(null, $current-prefix, \"should be equal.\");\n @include assert-equal(-webkit, $prefix-context, \"should be equal.\");\n }\n @include with-prefix(-ms) {\n $mismatched-prefix-invoked: true;\n }\n }\n @include assert-true($inner-prefix-invoked, \"should have been invoked\");\n @include assert-true($outer-prefix-invoked, \"should have been invoked\");\n @include assert-false($mismatched-prefix-invoked, \"should not have been invoked\");\n @include assert-equal(null, $prefix-context, \"should be null\");\n @include assert-equal(null, $current-prefix, \"should be null\");\n }\n\n @include test('[function] browser-out-of-scope() with a scope') {\n @include with-prefix(browser-prefix('chrome')) {\n @include assert-true(not browser-out-of-scope('chrome'), \"should be in scope.\");\n @include assert-false(not browser-out-of-scope('ie'), \"should not be in scope.\");\n }\n }\n\n @include test('[function] browser-out-of-scope() with version') {\n @include with-browser-ranges((ie: '8' '8')) {\n @include assert-false(not browser-out-of-scope('ie', '10'), \"should not be in scope.\");\n @include assert-true(not browser-out-of-scope('ie', '8'), \"should be in scope.\");\n @include assert-false(not browser-out-of-scope('ie', '7'), \"should not be in scope.\");\n }\n }\n\n @include test('[mixin] with-prefix()') {\n @include assert-true($current-prefix == null, \"should be null.\");\n @include with-prefix(-webkit) {\n @include assert-true($current-prefix == -webkit, \"should be set.\");\n $called: false;\n @include with-prefix(-webkit) {\n $called: true;\n }\n @include assert-true($called, \"should be called.\");\n $called: false;\n @include with-prefix(-ms) {\n $called: true;\n }\n @include assert-false($called, \"should not be called.\");\n }\n }\n\n @include test('[mixin] with-each-prefix()') {\n $prefixes: ();\n @include with-each-prefix(css-regions, 0.0001) {\n $prefixes: append($prefixes, $current-prefix);\n }\n @include assert-equal((-ms -webkit null), $prefixes, \"Not equal\");\n }\n\n @include test('[mixin] with-each-prefix() respects $supported-browsers') {\n @include with-declared-support(\"ie\") {\n $prefixes: ();\n @include with-each-prefix(css-regions, 0.0001) {\n $prefixes: append($prefixes, $current-prefix);\n }\n @include assert-equal((-ms null), $prefixes, \"Not equal\");\n }\n }\n\n @include test('[mixin] with-each-prefix() respects $current-prefix') {\n $contexts: ();\n $prefixes: ();\n @include with-prefix(-webkit) {\n $prefixes: append($prefixes, $current-prefix);\n $contexts: append($contexts, $prefix-context);\n @include with-each-prefix(css-regions, 0.0001) {\n $prefixes: append($prefixes, $current-prefix);\n $contexts: append($contexts, $prefix-context);\n }\n }\n @include assert-true(index($prefixes, null), \"Must have a null\");\n @include assert-equal((-webkit -webkit null), $prefixes, \"Not equal\");\n @include assert-equal((-webkit -webkit -webkit), $contexts, \"Not equal\");\n }\n\n @include test('[fuction] has-browser-subset()') {\n @include assert-true(has-browser-subset((firefox: \"16\" \"25\"), (firefox: \"2\" \"25\")), \"Should detect version overlap\");\n @include assert-true(not has-browser-subset((firefox: \"16\" \"25\"), (firefox: \"2\" \"15\")), \"Should not detect version overlap\");\n @include assert-true(not has-browser-subset((firefox: \"2\" \"15\"), (firefox: \"16\" \"25\")), \"Should not detect version overlap\");\n @include assert-true(has-browser-subset((firefox: \"16\" \"24\"), (firefox: \"2\" \"25\")), \"Should detect version overlap\");\n @include assert-true(has-browser-subset((firefox: \"2\" \"25\"), (firefox: \"16\" \"24\")), \"Should detect version overlap\");\n }\n}\n\n@include with-browser-support-debugging {\n @include keyframes(foo) {\n 0% { @include opacity(0); }\n 100% { @include opacity(1); }\n }\n .foo {\n @include animation(foo 1s);\n }\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/text_shadow.scss", "content": "$default-text-shadow-color: #aaaaaa;\n@import \"compass/css3/text-shadow\";\n\n.default-single-text-shadow { @include single-text-shadow;}\n.none { @include single-text-shadow(none);}\n.color-only { @include single-text-shadow(#cccccc);}\n.color-first-with-params { @include single-text-shadow(#cccccc, 2px, 2px, 5px, 2px);}\n.color-last-with-params { @include single-text-shadow(2px, 2px, 5px, 2px, #cccccc);}\n.default-text-shadow { @include text-shadow;}\n.multiple-text-shadows-with-default { @include text-shadow(default, 2px 2px 5px #222222);}\n.multiple-text-shadows { @include text-shadow(4px 4px 10px #444444, 2px 2px 5px #222222);}\n.multiple-text-shadows-with-spread { @include text-shadow(4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222);}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/transform.scss", "content": "@import \"compass/css3/transform\";\n\n.apply-origin-2d { @include apply-origin(2px 5%, false); }\n.apply-origin-3d { @include apply-origin(2px 5% 2in, true); }\n.transform-origin-2d { @include transform-origin(100px, 100px); }\n.transform-origin-3d { @include transform-origin(100px, 100px, 100px); }\n.transform-2d { @include transform2d(rotateY(20deg)); }\n.transform-3d { @include transform3d(rotateZ(20deg)); }\n.perspective { @include perspective(500); }\n.perspective-origin { @include perspective-origin(25% 25%)}\n.transform-style { @include transform-style; }\n.backface-visibility { @include backface-visibility;}\n.scale { @include scale(30px, 50px);}\n.scale-3d { @include scale(30px, 50px, false, true);}\n.scale-with-perspective { @include scale(30px, 50px, 500);}\n.scale-3d-with-perspective { @include scale(30px, 50px, 500, true);}\n.scale-x { @include scaleX(30px);}\n.scale-x-3d { @include scaleX(30px, false, true);}\n.scale-x-with-perspective { @include scaleX(30px, 500);}\n.scale-x-3d-with-perspective { @include scaleX(30px, 500, true);}\n.scale-y { @include scaleY(50px);}\n.scale-y-3d { @include scaleY(50px, false, true);}\n.scale-y-with-perspective { @include scaleY(50px, 500);}\n.scale-y-3d-with-perspective { @include scaleY(50px, 500, true);}\n.scale-z { @include scaleZ(50px);}\n.scale-z-with-perspective { @include scaleZ(50px, 500);}\n.scale3d { @include scale3d(30px, 50px, 100px);}\n.scaled3-with-perspective { @include scale3d(30px, 50px, 100px, 500);}\n.rotate { @include rotate(25deg, 500);}\n.rotate-with-perspective { @include rotate(25deg, 500);}\n.rotate-z { @include rotateZ(25deg);}\n.rotate-z-with-perspective { @include rotateZ(25deg, 500);}\n.rotate-x { @include rotateX(25deg);}\n.rotate-x-with-perspective { @include rotateX(25deg, 500);}\n.rotate-y { @include rotateY(25deg);}\n.rotate-y-with-perspective { @include rotateY(25deg, 500);}\n.rotate-3d { @include rotate3d(5, 2, 1, 75deg);}\n.rotate-3d-with-perspective { @include rotate3d(5, 2, 1, 75deg, 500);}\n.translate { @include translate(20px, 30%);}\n.translate-with-perspective { @include translate(20px, 30%, 500);}\n.translate-3d { @include translate(20px, 30%, false, true);}\n.translate-3d-with-perspective { @include translate(20px, 30%, 500, true);}\n.translate-x { @include translateX(30px);}\n.translate-x-3d { @include translateX(30px, false, true);}\n.translate-x-with-perspective { @include translateX(30px, 500);}\n.translate-x-3d-with-perspective { @include translateX(30px, 500, true);}\n.translate-y { @include translateY(30px);}\n.translate-y-3d { @include translateY(30px, false, true);}\n.translate-y-with-perspective { @include translateY(30px, 500);}\n.translate-y-3d-with-perspective { @include translateY(30px, 500, true);}\n.translate-z { @include translateZ(30px);}\n.translate-z-with-perspective { @include translateZ(30px, 500);}\n.translate-3d { @include translate3d(30px, 50px, 75px);}\n.translate-3d-with-perspective { @include translate3d(30px, 50px, 75px, 500);}\n.skew { @include skew(20deg, 50deg);}\n.skew-3d { @include skew(20deg, 50deg, true);}\n.skew-x { @include skewX(20deg);}\n.skew-x-3d { @include skewX(20deg, true);}\n.skew-y { @include skewY(20deg);}\n.skew-y-3d { @include skewY(20deg, true);}\n.create-transform-2d { @include create-transform(\n 500,\n 20px, 20px, false,\n 25deg, 25deg, false, false\n 50px, 50px, false,\n 50deg, 50deg,\n 50%, 50%, false\n );\n }\n.create-transform-3d { @include create-transform(\n 500,\n 20px, 20px, 20px,\n 25deg, 25deg, 25deg, false\n 50px, 50px, 50px,\n 50deg, 50deg,\n 50%, 50%, 50%\n );\n }\n\n.simple-transform { @include simple-transform(\n 25px,\n 25deg,\n 10px, 10px,\n 30deg, 30deg,\n 10%, 10%\n );\n }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/transition.scss", "content": "@import \"compass/css3/transition\";\n\n.single-transition-without-delay { @include single-transition(all, 0.6s, ease-out); }\n.single-transition-with-delay { @include single-transition(all, 0.6s, ease-out, 0.2s); }\n.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }\n.multiple-transition-durations { @include transition-duration(0.2s, 0.5s, 0.2s); }\n.single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); }\n.single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); }\n.transform-transition { @include transition(transform 0.6s ease-out) }\n.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }\n.transition-property { @include transition-property(transform); }\n.transition-properties { @include transition-property(transform, opacity, width, height, left, top); }\n.multiple-transition-properties { @include transition-property((opacity, transform, left)); }\n.default-transition { @include transition(); }\n.transition-timing { @include transition-timing-function(ease-in); }\n.transition-timings { @include transition-timing-function(ease-in, cubic-bezier(1,0,1,0)); }\n.transition-timings-list { @include transition-timing-function((ease-in, cubic-bezier(1,0,1,0))); }\n.transition-delay { @include transition-delay(1s); }\n.transition-delays { @include transition-delay(1s, 2s, 3s); }\n.transition-delays-list { @include transition-delay((1s, 2s, 3s)); }\n.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)); }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/typography/links/hover-link.scss", "content": "@import \"compass/typography/links/hover-link\";\n\na { @include hover-link; }\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/units.scss", "content": "$base-font-size: 16px;\n\n@import \"compass/typography/units\";\n\n.foo {\n\twidth: 600px;\n\theight: 200px;\n}\n\n.foo .test {\n\t/* 16px for margins should be 1em */\n\tmargin-top: convert-length(16px, em);\n\n\t/* 16px for margins should be 2.66667% (relative to parent's width) */\n\tmargin-right: convert-length(16px, '%', $to-context: 600px);\n\n\t/* 1.35em for margins should be 3.6% (relative to parent's width,\n\t * even for top and bottom margins) */\n\tmargin-bottom: convert-length(1.35em, '%', $to-context: 600px);\n\n\t/* 16px for margins should be 2ex */\n\tmargin-left: convert-length(16px, ex);\n}\n\n.bar {\n\tfont-size: 18px;\n\twidth: 360px;\n}\n\n.bar .test {\n\t/* 150% for line-height should be 27px */\n\tline-height: convert-length(150%, px, 18px);\n\n\t/* 1px should always be .0625rem for this page */\n\tborder-top: convert-length(1px, rem);\n\n\t/* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */\n\tmargin-top: convert-length(2em, mm, 18px);\n\n\t/* 2px for margins should be .55556% (relative to parent's width) */\n\tmargin-right: convert-length(2px, '%', $to-context: 360px);\n\n\t/* 1rem should always be 16px for this page, even when own font-size is 18px */\n\tmargin-bottom: convert-length(1rem, px);\n}\n\n.rem {\n\t$val: 25rem, 100% 32px;\n\t@include rem(background-size, $val, true);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/user-interface.scss", "content": "@import \"compass/css3/user-interface\";\n\n.user-select {\n @include user-select(none);\n}\n\n* {\n @include input-placeholder {\n color: #bfbfbf;\n font-style: italic;\n }\n}\n\n#{elements-of-type(text-input)} {\n @include input-placeholder {\n color: #bfbfbf;\n font-style: italic;\n }\n}\n\n.sets-up-browser-support-for-content {\n @include input-placeholder {\n prefix: $current-prefix;\n -moz-prefix: $current-prefix == -moz;\n -ms-prefix: $current-prefix == -ms;\n -webkit-prefix: $current-prefix == -webkit;\n }\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/utilities.scss", "content": "$contrasted-dark-default: black;\n$contrasted-light-default: white;\n\n@import \"compass/utilities\";\n\n.clearfix {\n @include clearfix;\n}\n\n.pie-clearfix {\n @include legacy-pie-clearfix;\n}\n.simple-pie-clearfix {\n @include pie-clearfix;\n}\n\np.light { @include contrasted(#f3aead); }\np.dark { @include contrasted(#a22321); }\np.light-with-args { @include contrasted(#f3aead, blue, yellow); }\np.dark-with-args { @include contrasted(#a22321, blue, yellow); }\n\n\n@include alternating-rows-and-columns(red, white, blue);\n\np.ellipsis {\n @include ellipsis;\n}\n\np.ellipsis.moz {\n $legacy-support-for-mozilla: true !global;\n $use-mozilla-ellipsis-binding: true !global;\n @include ellipsis;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss", "content": "// Test all functions and mixins, at least indirectly.\n// functions:\n// * rhythm\n// * lines-for-font-size\n//\n// mixins:\n// * establish-baseline\n// * output-rhythm\n// * debug-vertical-alignment\n// * adjust-font-size-to\n// * adjust-leading-to\n// * leader\n// * margin-leader\n// * padding-leader\n// * trailer\n// * margin-trailer\n// * padding-trailer\n// * rhythm\n// * rhythm-margins\n// * rhythm-padding\n// * apply-side-rhythm-border\n// * leading-border\n// * trailing-border\n// * rhythm-borders\n// * horizontal-borders (h-borders)\n//\n// deprecated mixins:\n// * reset-baseline\n\n$base-font-size: 14px;\n$base-line-height: 16px;\n@import \"compass/typography/vertical_rhythm\";\n\n@include establish-baseline;\n\n.small {\n\t@include adjust-font-size-to(12px, 1);\n}\n\n.padded {\n\t@include rhythm(1, 1, 1, 1);\n}\n\n.small-padded {\n\t@include adjust-font-size-to(12px, 1);\n\t@include rhythm(1, 1, 1, 1, 12px);\n}\n\n.borders {\n\t@include h-borders(1px, 1);\n}\n\n.large-borders {\n\t@include adjust-font-size-to(24px, 3);\n\t@include h-borders(6px, 1, 24px);\n}\n\n.reset {\n\t@include reset-baseline;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_ems.scss", "content": "/* New test using em output */\n$base-font-size: 18px;\n$base-line-height: $base-font-size * 1.4;\n$rhythm-unit: em;\n$default-rhythm-border-style: solid #aaaaaa;\n\n@import \"compass/typography/vertical_rhythm\";\n\n@include establish-baseline;\n\n.container {\n\t@include debug-vertical-alignment;\n}\n\np {\n\t@include margin-leader;\n\t@include margin-trailer;\n}\n\nth,\ntd {\n\t@include rhythm-padding(.25);\n}\n\n// Incremental leading made easy!\n.caption {\n\t@include adjust-font-size-to(13px, 4/5);\n}\n\n.spaced-out {\n\t@include adjust-leading-to(1.5);\n}\n\nblockquote {\n\t@include rhythm-margins;\n\tpadding: 0 rhythm();\n}\n\n.fig-quote {\n\t> blockquote {\n\t\t@include trailer(.5);\n\t}\n\t.source {\n\t\t@include adjust-font-size-to(13px, auto);\n\t\t@include trailer(.5, 13px);\n\t}\n}\n\n.panel {\n\t@include adjust-font-size-to(16px);\n\t@include rhythm-borders($font-size: 16px);\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_px.scss", "content": "/* New using px output */\n$base-font-size: 18px;\n$base-line-height: $base-font-size * 1.4;\n$rhythm-unit: px;\n$default-rhythm-border-style: solid #aaaaaa;\n@import \"compass/typography/vertical_rhythm\";\n\n@include establish-baseline;\n\n.container {\n\t@include debug-vertical-alignment;\n}\n\np {\n\t@include margin-leader;\n\t@include margin-trailer;\n}\n\nth,\ntd {\n\t@include rhythm-padding(.25);\n}\n\n/* Incremental leading made easy! */\n.caption {\n\t@include adjust-font-size-to(.85rem, 4/5);\n}\n\n.spaced-out {\n\t@include adjust-leading-to(1.5);\n}\n\nblockquote {\n\t@include rhythm-margins;\n\tpadding: 0 rhythm();\n}\n\n.fig-quote {\n\t> blockquote {\n\t\t@include trailer(.5);\n\t}\n\t.source {\n\t\t@include adjust-font-size-to(.85rem, auto);\n\t\t@include trailer(.5);\n\t}\n}\n\n.panel {\n\t@include rhythm-borders;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_rems.scss", "content": "/* New using rem output with pixel fallbacks */\n$base-font-size: 18px;\n$base-line-height: $base-font-size * 1.4;\n$rhythm-unit: rem;\n$default-rhythm-border-style: solid #aaaaaa;\n@import \"compass/typography/vertical_rhythm\";\n\n@include establish-baseline;\n\n.container {\n\t@include debug-vertical-alignment;\n}\n\np {\n\t@include margin-leader;\n\t@include margin-trailer;\n}\n\nth,\ntd {\n\t@include rhythm-padding(.25);\n}\n\n/* Incremental leading made easy! */\n.caption {\n\t@include adjust-font-size-to(.85rem, 4/5);\n}\n\n.spaced-out {\n\t@include adjust-leading-to(1.5);\n}\n\nblockquote {\n\t@include rhythm-margins;\n\tpadding: 0 rhythm();\n}\n\n.fig-quote {\n\t> blockquote {\n\t\t@include trailer(.5);\n\t}\n\t.source {\n\t\t@include adjust-font-size-to(.85rem, auto);\n\t\t@include trailer(.5);\n\t}\n}\n\n.panel {\n\t@include rhythm-borders;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/envtest/config.rb", "content": "# Require any additional compass plugins here.\nproject_type = :stand_alone\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\noutput_style = :nested\nline_comments = false\n\ndisable_warnings = true\n" }, { "path": "cli/test/fixtures/stylesheets/envtest/css/env.css", "content": ".env {\n env: <%= options[:environment] %>; }\n.time {\n time: <%= Time.now.strftime(\"%F\") %>; }\n.date {\n date: <%= Time.now.strftime(\"%F\") %>; }\n.filename {\n file: env.scss; }\n.output {\n output: env.css; }\n" }, { "path": "cli/test/fixtures/stylesheets/envtest/sass/env.scss", "content": ".env {\n env: compass-env(); \n}\n\n.time {\n time: current-time(\"%F\");\n}\n\n.date {\n date: current-date(\"%F\");\n}\n\n.filename {\n file: current-source-file();\n}\n\n.output {\n output: current-output-file();\n}" }, { "path": "cli/test/fixtures/stylesheets/error/config.rb", "content": "# Require any additional compass plugins here.\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"assets/images\"\njavascripts_dir = \"assets/javascripts\"\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\n# To enable relative paths to assets via compass helper functions. Uncomment:\noutput_style = :compact\nrelative_assets = true\n" }, { "path": "cli/test/fixtures/stylesheets/error/sass/screen.sass", "content": "test\n background: image_url(\"testing.png)\n" }, { "path": "cli/test/fixtures/stylesheets/image_urls/config.rb", "content": "# Require any additional compass plugins here.\nproject_type = :stand_alone\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\noutput_style = :compact\n# To enable relative image paths using the images_url() function:\n# http_images_path = :relative\nhttp_images_path = \"/images\"\nline_comments = false\n\nasset_cache_buster do |path, file|\n \"busted=true\"\nend\n\n\nasset_host do |path|\n \"http://assets%d.example.com\" % (path.size % 4)\nend\n" }, { "path": "cli/test/fixtures/stylesheets/image_urls/css/screen.css", "content": ".showgrid { background-image: url('http://assets0.example.com/images/grid.png?busted=true'); }\n\n.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }\n\n.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }\n" }, { "path": "cli/test/fixtures/stylesheets/image_urls/sass/screen.sass", "content": ".showgrid\n background-image: image-url(unquote(\"grid.png\"))\n\n.inlinegrid\n background-image: inline-image(unquote(\"grid.png\"))\n\n.no-buster\n background-image: image-url(\"grid.png\", $only-path: false, $cache-buster: false)\n" }, { "path": "cli/test/fixtures/stylesheets/relative/config.rb", "content": "# Require any additional compass plugins here.\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"assets/images\"\njavascripts_dir = \"assets/javascripts\"\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\n# To enable relative paths to assets via compass helper functions. Uncomment:\noutput_style = :compact\nrelative_assets = true\n" }, { "path": "cli/test/fixtures/stylesheets/relative/css/ie.css", "content": "/* Welcome to Compass. Use this file to write IE specific override styles. Import this file using the following HTML or equivalent: */\n" }, { "path": "cli/test/fixtures/stylesheets/relative/css/print.css", "content": "/* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: */\n" }, { "path": "cli/test/fixtures/stylesheets/relative/css/screen.css", "content": "test { background: url('../assets/images/testing.png?<%= File.mtime(File.join(Compass.configuration.project_path, 'assets', 'images', 'testing.png')).strftime(\"%s\") %>'); }\n" }, { "path": "cli/test/fixtures/stylesheets/relative/sass/ie.sass", "content": "/* Welcome to Compass. Use this file to write IE specific override styles.\n Import this file using the following HTML or equivalent:\n \n" }, { "path": "cli/test/fixtures/stylesheets/relative/sass/print.sass", "content": "/* Welcome to Compass. Use this file to define print styles.\n Import this file using the following HTML or equivalent:\n \n" }, { "path": "cli/test/fixtures/stylesheets/relative/sass/screen.sass", "content": "test\n background: image_url(unquote(\"testing.png\"))\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/config.rb", "content": "# Require any additional compass plugins here.\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"assets/images\"\njavascripts_dir = \"assets/javascripts\"\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\n# To enable relative paths to assets via compass helper functions. Uncomment:\nrelative_assets = true\nsourcemap = true\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/css/another_simple.css", "content": ".another-simple-class{color:blue}\n/*# sourceMappingURL=another_simple.css.map */\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/css/simple.css", "content": "div{color:red}\n/*# sourceMappingURL=simple.css.map */\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/css/with_libraries.css", "content": "*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}\n/*# sourceMappingURL=with_libraries.css.map */\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/sass/another_simple.scss", "content": ".another-simple-class {\n color: blue;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/sass/simple.sass", "content": "div\n color: red" }, { "path": "cli/test/fixtures/stylesheets/sourcemaps/sass/with_libraries.scss", "content": "@import \"compass/css3/box-sizing\";\n\n* {\n @include box-sizing;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/config.rb", "content": "# Require any additional compass plugins here.\nload '../../extensions/only_stylesheets/'\n\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\ncss_dir = \"stylesheets\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\njavascripts_dir = \"javascripts\"\n\n# You can select your preferred output style here (can be overridden via the command line):\n# output_style = :expanded or :nested or :compact or :compressed\n\n# To enable relative paths to assets via compass helper functions. Uncomment:\n# relative_assets = true\n\n# To disable debugging comments that display the original location of your selectors. Uncomment:\n# line_comments = false\n\n\n# If you prefer the indented syntax, you might want to regenerate this\n# project again passing --syntax sass, or you can uncomment this:\n# preferred_syntax = :sass\n# and then run:\n# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/ie.scss", "content": "/* Welcome to Compass. Use this file to write IE specific override styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/print.scss", "content": "/* Welcome to Compass. Use this file to define print styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/screen.scss", "content": "/* Welcome to Compass.\n * In this file you should write your main styles. (or centralize your imports)\n * Import this file using the following HTML or equivalent:\n * */\n\n@import \"compass/reset\";\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/ie.css", "content": "/* Welcome to Compass. Use this file to write IE specific override styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/print.css", "content": "/* Welcome to Compass. Use this file to define print styles.\n * Import this file using the following HTML or equivalent:\n * */\n" }, { "path": "cli/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/screen.css", "content": "/* Welcome to Compass.\n * In this file you should write your main styles. (or centralize your imports)\n * Import this file using the following HTML or equivalent:\n * */\n/* 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 */\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\n/* 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 */\nbody {\n line-height: 1;\n}\n\n/* 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 */\nol, ul {\n list-style: none;\n}\n\n/* 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 */\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/* 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 */\ncaption, th, td {\n text-align: left;\n font-weight: normal;\n vertical-align: middle;\n}\n\n/* 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 */\nq, blockquote {\n quotes: none;\n}\n/* 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 */\nq:before, q:after, blockquote:before, blockquote:after {\n content: \"\";\n content: none;\n}\n\n/* 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 */\na img {\n border: none;\n}\n\n/* 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 */\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {\n display: block;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/valid/config.rb", "content": "# Require any additional compass plugins here.\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"assets/images\"\njavascripts_dir = \"assets/javascripts\"\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\n# To enable relative paths to assets via compass helper functions. Uncomment:\nrelative_assets = true\n" }, { "path": "cli/test/fixtures/stylesheets/valid/sass/another_simple.scss", "content": ".another-simple-class {\n color: blue;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/valid/sass/simple.sass", "content": "div\n color: red" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/config.rb", "content": "require 'sass-globbing'\nrequire 'compass/import-once/activate'\n# Require any additional compass plugins here.\n\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\ncss_dir = \"tmp\"\nsass_dir = \"sass\"\nimages_dir = \"images\"\njavascripts_dir = \"javascripts\"\n\n# You can select your preferred output style here (can be overridden via the command line):\noutput_style = :expanded\n\n# To enable relative paths to assets via compass helper functions. Uncomment:\nrelative_assets = true\n\n# To disable debugging comments that display the original location of your selectors. Uncomment:\nline_comments = true\n\n\n# If you prefer the indented syntax, you might want to regenerate this\n# project again passing --syntax sass, or you can uncomment this:\n# preferred_syntax = :sass\n# and then run:\n# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass\n" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/css/screen.css", "content": "/* line 1, ../sass/partials/_1.scss */\n.one {\n value: 1;\n}\n\n/* line 1, ../sass/partials/_2.scss */\n.two {\n value: 2;\n}\n\n/* line 1, ../sass/partials/_3.scss */\n.three {\n value: 3;\n}\n\n/* line 3, ../sass/screen.scss */\n.something {\n awww: yeah;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_1.scss", "content": ".one {\n value: 1;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_2.scss", "content": ".two {\n value: 2;\n}\n" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/sass/partials/_3.scss", "content": ".three {\n value: 3;\n}\n\n" }, { "path": "cli/test/fixtures/stylesheets/with_sass_globbing/sass/screen.scss", "content": "@import \"partials/*\";\n\n.something { awww: yeah; }\n" }, { "path": "cli/test/helpers/command_line.rb", "content": "require 'timeout'\n\nmodule Compass::CommandLineHelper\n def compass(*arguments)\n options = arguments.last.is_a?(Hash) ? arguments.pop : {}\n options[:wait] = 0.25\n if block_given?\n responder = Responder.new\n yield responder\n IO.popen(\"-\", \"r+\") do |io|\n if io\n #parent process\n output = \"\"\n eof_at = nil\n while !eof_at || (Time.now - eof_at < options[:wait])\n if io.eof?\n eof_at ||= Time.now\n sleep 0.1\n else\n eof_at = nil\n timeout(1) do\n partial_output = io.readpartial(1024)\n # puts \"))))#{partial_output}(((((\"\n output << partial_output\n end\n prompt = output.split(\"\\n\").last.strip\n if response = responder.response_for(prompt)\n io.puts response\n io.flush\n end\n end\n end\n responder.assert_required_responses!\n @last_result = decolorize(output)\n else\n #child process\n execute *arguments\n end\n end\n else\n @last_error = capture_warning do\n @last_result = decolorize(capture_output do\n @last_exit_code = execute *arguments\n end)\n end\n end\n rescue Timeout::Error\n fail \"Read from child process timed out\"\n end\n\n def decolorize(str)\n str.gsub(/\\e\\[\\d+m/,'')\n end\n\n class Responder\n Response = Struct.new(:prompt, :text, :required, :responded)\n def initialize\n @responses = []\n end\n def respond_to(prompt, options = {})\n @responses << Response.new(prompt, options[:with], options[:required])\n end\n def response_for(prompt)\n response = @responses.detect do |r|\n case r.prompt\n when Regexp\n prompt =~ r.prompt\n when String\n r.prompt == prompt\n end\n end\n if response\n response.responded = true\n response.text\n end\n end\n def assert_required_responses!\n @responses.each do |response|\n if response.required && !response.responded\n raise \"Prompt not encountered: \\\"#{response.prompt}\\\"\"\n end\n end\n end\n end\n\n def assert_action_performed(action, path)\n actions_found = []\n @last_result.split(\"\\n\").each do |line|\n line = line.split\n return if line.first == action.to_s && line.last == path\n actions_found << line.first if line.last == path\n end\n message = \"Action #{action.inspect} was not performed on: #{path}.\"\n message += \"The following actions were performed: #{actions_found.map{|a|a.inspect}.join(\", \")}\" if actions_found.any?\n # puts @last_result\n fail message\n end\n\n def within_tmp_directory(dir = \"tmp\")\n d = absolutize(dir)\n FileUtils.mkdir_p(d)\n Dir.chdir(d) do\n yield\n end\n ensure\n FileUtils.rm_rf(d)\n end\n\n def execute(*arguments)\n exit_code = Compass::Exec::SubCommandUI.new(arguments).run!\n # fail \"Command Failed with exit code: #{exit_code}\" unless exit_code == 0\n exit_code\n end\nend\n" }, { "path": "cli/test/helpers/diff.rb", "content": "require 'diff/lcs'\nrequire 'diff/lcs/hunk'\nmodule Compass\n module Diff\n #stole this from rspec who stole this from the gem\n def diff_as_string(data_old, data_new)\n data_old = data_old.split(/\\n/).map! { |e| e.chomp }\n data_new = data_new.split(/\\n/).map! { |e| e.chomp }\n output = \"\"\n diffs = ::Diff::LCS.diff(data_old, data_new)\n return output if diffs.empty?\n oldhunk = hunk = nil \n file_length_difference = 0\n diffs.each do |piece|\n begin\n hunk = ::Diff::LCS::Hunk.new(\n data_old, data_new, piece, context_lines, file_length_difference\n )\n file_length_difference = hunk.file_length_difference \n next unless oldhunk \n # Hunks may overlap, which is why we need to be careful when our\n # diff includes lines of context. Otherwise, we might print\n # redundant lines.\n if (context_lines > 0) and hunk.overlaps?(oldhunk)\n hunk.unshift(oldhunk)\n else\n output << oldhunk.diff(format)\n end\n ensure\n oldhunk = hunk\n output << \"\\n\"\n end\n end \n #Handle the last remaining hunk\n output << oldhunk.diff(format) << \"\\n\"\n end\n \n protected\n\n def format\n :unified\n end\n\n def context_lines\n 3\n end\n \n end\nend" }, { "path": "cli/test/helpers/io.rb", "content": "module Compass\n module IoHelper\n def capture_output\n real_stdout, $stdout = $stdout, StringIO.new\n yield\n $stdout.string\n ensure\n $stdout = real_stdout\n end\n\n def capture_warning\n real_stderr, $stderr = $stderr, StringIO.new\n yield\n $stderr.string\n ensure\n $stderr = real_stderr\n end\n\n def capture_pipe(io, options = {})\n options[:wait] = 0.25\n options[:timeout] = 1.0\n output = \"\"\n eof_at = nil\n while !eof_at || (Time.now - eof_at < options[:wait])\n if io.eof?\n eof_at ||= Time.now\n sleep 0.1\n else\n eof_at = nil\n timeout(options[:timeout]) { output << io.readpartial(1024) }\n end\n end\n output\n end\n end\nend\n" }, { "path": "cli/test/helpers/rails.rb", "content": "module Compass\n module RailsHelper\n def generate_rails_app_directories(name)\n Dir.mkdir name\n Dir.mkdir File.join(name, \"config\")\n Dir.mkdir File.join(name, \"config\", \"initializers\")\n Dir.mkdir File.join(name, \"tmp\")\n end\n\n # Generate a rails application without polluting our current set of requires\n # with the rails libraries. This will allow testing against multiple versions of rails\n # by manipulating the load path.\n def generate_rails_app(name, dir = nil)\n if pid = fork\n Process.wait(pid)\n if $?.exitstatus == 2\n raise LoadError, \"Couldn't load rails\"\n elsif $?.exitstatus != 0\n raise \"Failed to generate rails application.\"\n end\n else\n begin\n require 'action_pack/version'\n if ActionPack::VERSION::MAJOR >= 3\n require 'rails/generators'\n require 'rails/generators/rails/app/app_generator'\n require 'mocha'\n dir ||= File.join(File.expand_path('../../', __FILE__))\n args = [File.join(dir, name), '-q', '-f', '--skip-bundle', '--skip-gemfile']\n \n #stub this so you can generate more apps\n Rails::Generators::AppGenerator.any_instance.stubs(:valid_const?).returns(true)\n Rails::Generators::AppGenerator.start(args, {:destination_root => dir})\n \n else\n require 'rails/version'\n require 'rails_generator'\n require 'rails_generator/scripts/generate'\n Rails::Generator::Base.use_application_sources!\n capture_output do\n Rails::Generator::Base.logger = Rails::Generator::SimpleLogger.new $stdout\n Rails::Generator::Scripts::Generate.new.run([name], :generator => 'app')\n end\n end\n rescue LoadError\n Kernel.exit!(2)\n rescue => e\n $stderr.puts e\n Kernel.exit!(1)\n end\n Kernel.exit!(0)\n end\n end\n end\nend\n" }, { "path": "cli/test/helpers/test_case.rb", "content": "module Compass\n module TestCaseHelper\n def absolutize(path)\n if Compass::Util.blank?(path)\n File.expand_path('../../', __FILE__)\n elsif path[0] == ?/\n File.join(File.expand_path('../', __FILE__), path)\n else\n File.join(File.expand_path('../../', __FILE__), path)\n end\n end\n\n # compile a Sass string in the context of a project in the current working directory.\n def compile_for_project(contents, options = {})\n Compass.add_project_configuration\n options[:syntax] ||= :scss\n Sass::Engine.new(contents, Compass.configuration.to_sass_engine_options.merge(options)).render\n end\n\n def assert_correct(before, after)\n if before == after\n assert(true)\n else\n assert false, diff_as_string(before.inspect, after.inspect)\n end\n end\n \n module ClassMethods\n\n def let(method, &block)\n define_method method, &block\n end\n\n def it(name, &block)\n test(name, &block)\n end\n\n def test(name, &block)\n define_method \"test_#{underscore(name)}\".to_sym, &block\n end\n\n def setup(&block)\n define_method :setup do\n yield\n end\n end\n\n def after(&block)\n define_method :teardown do\n yield\n end\n end\n\n private \n\n def underscore(string)\n string.gsub(' ', '_')\n end\n\n end\n end\nend\n" }, { "path": "cli/test/integrations/compass_test.rb", "content": "require 'test_helper'\nrequire 'fileutils'\nrequire 'compass'\nrequire 'compass/logger'\nrequire 'sass/plugin'\n\nclass CompassTest < Test::Unit::TestCase\n\n def setup\n Compass.reset_configuration!\n end\n\n def teardown\n Dir.glob(absolutize(\"fixtures/stylesheets/*\")).each do |dir|\n project_name = File.basename(dir)\n ::FileUtils.rm_rf tempfile_path(project_name)\n ::FileUtils.rm_rf File.join(project_path(project_name), \".sass-cache\")\n end\n end\n\n def test_on_stylesheet_saved_callback\n saved = false\n path = nil\n config = nil\n before_compile = Proc.new do |config|\n config.on_stylesheet_saved {|filepath| path = filepath; saved = true }\n end\n within_project(:compass, before_compile)\n assert saved, \"Stylesheet callback didn't get called\"\n assert path.is_a?(String), \"Path is not a string. Got: #{path.class.name}\"\n end\n\n # no project with errors exists to test aginst - leep of FAITH!\n # *chriseppstein flogs himself*\n def test_on_stylesheet_error_callback\n error = false\n file = nil\n before_compile = Proc.new do |config|\n config.on_stylesheet_error {|filename, message| file = filename; error = true }\n end\n within_project(:error, before_compile) rescue nil\n assert error, \"Project did not throw a compile error\"\n assert file.is_a?(String), \"Filename was not a string\"\n end\n\n def test_empty_project\n # With no sass files, we should have no css files.\n within_project(:empty) do |proj|\n return unless proj.css_path && File.exists?(proj.css_path)\n Dir.new(proj.css_path).each do |f|\n fail \"This file should not have been generated: #{f}\" unless f == \".\" || f == \"..\"\n end\n end\n end\n\n def test_compass\n within_project('compass') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'compass'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file, :ignore_charset => true\n end\n end\n end\n\n def test_sourcemaps\n within_project('sourcemaps') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'sourcemaps'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file, :ignore_charset => true\n end\n end\n end\n\n def test_env_in_development\n within_project('envtest', lambda {|c| c.environment = :development }) do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'envtest'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file, :ignore_charset => true, :environment => \"development\"\n end\n end\n end\n\n def test_env_in_production\n within_project('envtest', lambda {|c| c.environment = :production }) do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'envtest'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file, :ignore_charset => true, :environment => \"production\"\n end\n end\n end\n\n def test_busted_font_urls\n within_project('busted_font_urls') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'busted_font_urls'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file\n end\n end\n end\n\n def test_busted_image_urls\n within_project('busted_image_urls') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'busted_image_urls'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file\n end\n end\n end\n\n def test_with_sass_globbing\n within_project('with_sass_globbing') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'with_sass_globbing'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file\n end\n end\n end\n\n def test_image_urls\n within_project('image_urls') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'image_urls'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file\n end\n end\n end\n\n def test_relative\n within_project('relative') do |proj|\n each_css_file(proj.css_path) do |css_file|\n assert_no_errors css_file, 'relative'\n end\n each_sass_file do |sass_file|\n assert_renders_correctly sass_file\n end\n end\n end\n\nprivate\n def assert_no_errors(css_file, project_name)\n file = css_file[(tempfile_path(project_name).size+1)..-1]\n msg = \"Syntax Error found in #{file}. Results saved into #{save_path(project_name)}/#{file}\"\n assert_equal 0, open(css_file).readlines.grep(/Sass::SyntaxError/).size, msg\n end\n\n def assert_renders_correctly(*arguments)\n options = arguments.last.is_a?(Hash) ? arguments.pop : {}\n for name in arguments\n @output_file = actual_result_file = \"#{tempfile_path(@current_project)}/#{name}.css\"\n expected_result_file = \"#{result_path(@current_project)}/#{name}.css\"\n @filename = expected_result_file.gsub('css', 'scss')\n actual_lines = File.read(actual_result_file)\n actual_lines.gsub!(/^@charset[^;]+;/,'') if options[:ignore_charset]\n actual_lines = actual_lines.split(\"\\n\").reject{|l| l=~/\\A\\Z/}\n expected_lines = ERB.new(File.read(expected_result_file)).result(binding)\n expected_lines.gsub!(/^@charset[^;]+;/,'') if options[:ignore_charset]\n expected_lines = expected_lines.split(\"\\n\").reject{|l| l=~/\\A\\Z/}\n expected_lines.zip(actual_lines).each_with_index do |pair, line|\n if pair.first == pair.last\n assert(true)\n else\n assert false, \"Error in #{result_path(@current_project)}/#{name}.css:#{line + 1}\\n\"+diff_as_string(pair.first.inspect, pair.last.inspect)\n end\n end\n if expected_lines.size < actual_lines.size\n assert(false, \"#{actual_lines.size - expected_lines.size} Trailing lines found in #{actual_result_file}: #{actual_lines[expected_lines.size..-1].join('\\n')}\")\n end\n end\n end\n\n def within_project(project_name, config_block = nil)\n @current_project = project_name\n Compass.add_configuration(configuration_file(project_name)) if File.exists?(configuration_file(project_name))\n Compass.configuration.project_path = project_path(project_name)\n Compass.configuration.environment = :production\n Compass.configuration.sourcemap = false unless Compass.configuration.sourcemap_set?\n\n if config_block\n config_block.call(Compass.configuration)\n end\n\n if Compass.configuration.sass_path && File.exists?(Compass.configuration.sass_path)\n compiler = Compass.sass_compiler\n compiler.logger = Compass::NullLogger.new\n compiler.clean!\n compiler.compile!\n end\n yield Compass.configuration if block_given?\n rescue\n save_output(project_name)\n raise\n end\n\n def each_css_file(dir, &block)\n Dir.glob(\"#{dir}/**/*.css\").each(&block)\n end\n\n def each_sass_file(sass_dir = nil)\n sass_dir ||= template_path(@current_project)\n Dir.glob(\"#{sass_dir}/**/*.s[ac]ss\").each do |sass_file|\n next if File.basename(sass_file).start_with?(\"_\")\n yield sass_file[(sass_dir.length+1)..-6]\n end\n end\n\n def save_output(dir)\n FileUtils.rm_rf(save_path(dir))\n FileUtils.cp_r(tempfile_path(dir), save_path(dir)) if File.exists?(tempfile_path(dir))\n end\n\n def project_path(project_name)\n absolutize(\"fixtures/stylesheets/#{project_name}\")\n end\n\n def configuration_file(project_name)\n File.join(project_path(project_name), \"config.rb\")\n end\n\n def tempfile_path(project_name)\n File.join(project_path(project_name), \"tmp\")\n end\n\n def template_path(project_name)\n File.join(project_path(project_name), \"sass\")\n end\n\n def result_path(project_name)\n File.join(project_path(project_name), \"css\")\n end\n\n def save_path(project_name)\n File.join(project_path(project_name), \"saved\")\n end\n\n def filename\n @filename\n end\n\n def output_file\n @output_file\n end\n\nend\n" }, { "path": "cli/test/integrations/sprites_test.rb", "content": "require 'test_helper'\nrequire 'fileutils'\nrequire 'compass'\nrequire 'compass/logger'\nrequire 'sass/plugin'\n\n\nclass SpritesTest < Test::Unit::TestCase\n \n def setup\n Compass.reset_configuration!\n @images_project_path = File.expand_path(File.join(File.dirname(__FILE__), '..', 'fixtures', 'sprites', 'public'))\n @images_src_dir = 'images'\n @images_src_path = File.join(@images_project_path, @images_src_dir)\n @images_tmp_dir = 'images-tmp'\n @images_tmp_path = File.join(@images_project_path, @images_tmp_dir)\n @generated_images_tmp_dir = 'generated-images-tmp'\n @generated_images_tmp_path = File.join(@images_project_path, @generated_images_tmp_dir)\n ::FileUtils.cp_r @images_src_path, @images_tmp_path\n ::FileUtils.mkdir_p @generated_images_tmp_path\n file = StringIO.new(<<-CONFIG)\n project_path = \"#{@images_project_path}\"\n images_dir = \"#{@images_tmp_dir}\"\n CONFIG\n Compass.add_configuration(file, \"sprite_config\")\n Compass.configure_sass_plugin!\n end\n\n def teardown\n Compass.reset_configuration!\n ::FileUtils.rm_r @images_tmp_path\n ::FileUtils.rm_rf @generated_images_tmp_path\n end\n\n\n def map_location(file)\n map_files(file).first\n end\n \n def map_files(glob)\n Dir.glob(File.join(@images_tmp_path, glob))\n end\n\n def image_size(file)\n Compass::Core::SassExtensions::Functions::ImageSize::ImageProperties.new(map_location(file)).size\n end\n\n def image_md5(file)\n md5 = Digest::MD5.new\n md5.update IO.read(map_location(file))\n md5.hexdigest\n end\n\n def render(scss)\n options = Compass.sass_engine_options\n options[:line_comments] = false\n options[:style] = :expanded\n options[:syntax] = :scss\n options[:compass] ||= {}\n options[:compass][:logger] ||= Compass::NullLogger.new\n css = Sass::Engine.new(scss, options).render\n # reformat to fit result of heredoc:\n \" #{css.gsub('@charset \"UTF-8\";', '').gsub(/\\n/, \"\\n \").strip}\\n\"\n end\n \n def clean(string)\n string.gsub(\"\\n\", '').gsub(' ', '')\n end\n \n it \"should generate sprite classes\" do\n css = render <<-SCSS\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -10px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n assert_equal image_md5('squares-s*.png'), '7349a0f4e88ea80abddcf6ac2486abe3'\n end\n\n it \"should output and serve sprite files using the generated images directory\" do\n Compass.reset_configuration!\n file = StringIO.new(<<-CONFIG)\n images_path = #{@images_tmp_path.inspect}\n generated_images_path = #{@generated_images_tmp_path.inspect}\n http_generated_images_path = \"/images/generated\"\n CONFIG\n Compass.add_configuration(file, \"sprite_config\")\n Compass.configure_sass_plugin!\n css = render <<-SCSS\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_not_nil Dir.glob(\"#{@generated_images_tmp_path}/squares-s*.png\").first\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images/generated/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -10px;\n }\n CSS\n end\n\n it \"should generate sprite classes with dimensions\" do\n css = render <<-SCSS\n $squares-sprite-dimensions: true;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n height: 10px;\n width: 10px;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -10px;\n height: 20px;\n width: 20px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n end\n\n it \"should provide sprite mixin\" do\n css = render <<-SCSS\n @import \"squares/*.png\";\n\n .cubicle {\n @include squares-sprite(\"ten-by-ten\");\n }\n\n .large-cube {\n @include squares-sprite(\"twenty-by-twenty\", true);\n }\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .cubicle, .large-cube {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n \n .cubicle {\n background-position: 0 0;\n }\n \n .large-cube {\n background-position: 0 -10px;\n height: 20px;\n width: 20px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n end\n\n # CUSTOMIZATIONS:\n\n it \"should be possible to change the base class\" do\n css = render <<-SCSS\n $squares-sprite-base-class: \".circles\";\n @import \"squares/*.png\";\n SCSS\n assert_correct <<-CSS, css\n .circles {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n end\n\n it \"should calculate the spacing between images but not before first image\" do\n css = render <<-SCSS\n $squares-ten-by-ten-spacing: 33px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-s563a5e0855.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -43px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 63]\n end\n\n it \"should calculate the spacing between images\" do\n css = render <<-SCSS\n $squares-twenty-by-twenty-spacing: 33px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-s4ea353fa6d.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -43px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 63]\n end\n\n it \"should calculate the maximum spacing between images\" do\n css = render <<-SCSS\n $squares-ten-by-ten-spacing: 44px;\n $squares-twenty-by-twenty-spacing: 33px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-sf4771cb124.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -54px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 74]\n end\n\n it \"should calculate the maximum spacing between images in reversed order\" do\n css = render <<-SCSS\n $squares-ten-by-ten-spacing: 33px;\n $squares-twenty-by-twenty-spacing: 44px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-sc82d6f3cf4.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -54px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 74]\n end\n\n it \"should calculate the default spacing between images\" do\n css = render <<-SCSS\n $squares-spacing: 22px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-s2f4aa65dcf.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -32px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 52]\n end\n\n it \"should use position adjustments in functions\" do\n css = render <<-SCSS\n $squares: sprite-map(\"squares/*.png\", $position: 100%);\n .squares-sprite {\n background-image: $squares;\n background-repeat: no-repeat;\n }\n\n .adjusted-percentage {\n background-position: sprite-position($squares, ten-by-ten, 100%);\n }\n\n .adjusted-px-1 {\n background-position: sprite-position($squares, ten-by-ten, 4px);\n }\n\n .adjusted-px-2 {\n background-position: sprite-position($squares, twenty-by-twenty, -3px, 2px);\n }\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite {\n background-image: url('/images-tmp/squares-sce5dc30797.png');\n background-repeat: no-repeat;\n }\n \n .adjusted-percentage {\n background-position: 100% 0;\n }\n \n .adjusted-px-1 {\n background-position: -6px 0;\n }\n \n .adjusted-px-2 {\n background-position: -3px -8px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n assert_equal image_md5('squares-s*.png'), '9cc7ce48cfaf304381c2d08adefd2fb6'\n end\n\n it \"should use position adjustments in mixins\" do\n css = render <<-SCSS\n $squares-position: 100%;\n @import \"squares/*.png\";\n\n .adjusted-percentage {\n @include squares-sprite(\"ten-by-ten\", $offset-x: 100%);\n }\n\n .adjusted-px-1 {\n @include squares-sprite(\"ten-by-ten\", $offset-x: 4px);\n }\n\n .adjusted-px-2 {\n @include squares-sprite(\"twenty-by-twenty\", $offset-x: -3px, $offset-y: 2px);\n }\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .adjusted-percentage, .adjusted-px-1, .adjusted-px-2 {\n background-image: url('/images-tmp/squares-sce5dc30797.png');\n background-repeat: no-repeat;\n }\n \n .adjusted-percentage {\n background-position: 100% 0;\n }\n \n .adjusted-px-1 {\n background-position: -6px 0;\n }\n \n .adjusted-px-2 {\n background-position: -3px -8px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n assert_equal image_md5('squares-s*.png'), '9cc7ce48cfaf304381c2d08adefd2fb6'\n end\n\n it \"should repeat the image\" do\n css = render <<-SCSS\n $squares-repeat: repeat-x;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-s65c43cd573.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: 0 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: 0 -10px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [20, 30]\n assert_equal image_md5('squares-s*.png'), 'a77a2fd43f04d791722b706aa7c9f1c1'\n end\n\n it \"should allow the position of a sprite to be specified in absolute pixels\" do\n css = render <<-SCSS\n $squares-ten-by-ten-position: 10px;\n $squares-twenty-by-twenty-position: 10px;\n @import \"squares/*.png\";\n @include all-squares-sprites;\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite, .squares-ten-by-ten, .squares-twenty-by-twenty {\n background-image: url('/images-tmp/squares-sb9d9a8ca6a.png');\n background-repeat: no-repeat;\n }\n \n .squares-ten-by-ten {\n background-position: -10px 0;\n }\n \n .squares-twenty-by-twenty {\n background-position: -10px -10px;\n }\n CSS\n assert_equal image_size('squares-s*.png'), [30, 30]\n assert_equal image_md5('squares-s*.png'), '9856ced9e8211b6b28ff782019a0d905'\n end\n\n it \"should provide a nice errors for lemonade's old users\" do\n assert_raise(Sass::SyntaxError) do\n render <<-SCSS\n .squares {\n background-image: sprite-url(\"squares/*.png\");\n background-repeat: no-repeat;\n }\n SCSS\n end\n \n assert_raise(Sass::SyntaxError) do\n css = render <<-SCSS\n @import \"squares/*.png\";\n\n .squares {\n background-image: sprite-position(\"squares/twenty-by-twenty.png\");\n background-repeat: no-repeat;\n }\n SCSS\n end\n end\n\n it \"should work even if @import is missing\" do\n css = render <<-SCSS\n .squares {\n background-image: sprite(sprite-map(\"squares/*.png\"), twenty-by-twenty);\n background-repeat: no-repeat;\n }\n SCSS\n assert_correct <<-CSS, css\n .squares {\n background-image: url('/images-tmp/squares-sd817b59156.png') 0 -10px;\n background-repeat: no-repeat;\n }\n CSS\n end\n\n it \"should import sprites with numeric filenames via #738\" do\n css = render <<-SCSS\n @import \"numeric/*.png\";\n @include all-numeric-sprites;\n SCSS\n assert_correct <<-CSS, css\n .numeric-sprite, .numeric-200 {\n background-image: url('/images-tmp/numeric-saa92d65a89.png');\n background-repeat: no-repeat;\n }\n \n .numeric-200 {\n background-position: 0 0;\n }\n CSS\n end\n \n it \"should use percentage positions when use_percentages is true\" do\n css = render <<-SCSS\n @import \"squares/*.png\";\n $squares-use-percentages: true;\n .foo {\n @include squares-sprite-position(\"twenty-by-twenty\");\n }\n .bar {\n @include squares-sprite-position(\"ten-by-ten\");\n @include squares-sprite-dimensions(\"ten-by-ten\");\n }\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n \n .foo {\n background-position: 0 100%;\n }\n \n .bar {\n background-position: 0 0;\n height: 10px;\n width: 10px;\n }\n CSS\n end\n \n it \"should use correct percentages when use_percentages is with horizontal layout\" do\n css = render <<-SCSS\n $squares-layout: horizontal;\n @import \"squares/*.png\";\n $squares-use-percentages: true;\n .foo {\n @include squares-sprite-position(\"twenty-by-twenty\");\n }\n .bar {\n @include squares-sprite-position(\"ten-by-ten\");\n }\n SCSS\n assert_correct <<-CSS, css\n .squares-sprite {\n background-image: url('/images-tmp/squares-s4bd95c5c56.png');\n background-repeat: no-repeat;\n }\n \n .foo {\n background-position: 100% 0;\n }\n \n .bar {\n background-position: 0 0;\n }\n CSS\n end\n\n it \"should use correct percentages when use_percentages is true with smart layout\" do\n css = render <<-SCSS\n $image_row-layout: smart;\n @import \"image_row/*.png\";\n $image_row-use-percentages: true;\n .foo {\n @include image_row-sprite-position(\"medium\");\n }\n .bar {\n @include image_row-sprite-position(\"large_square\");\n }\n SCSS\n assert_correct <<-CSS, css\n .image_row-sprite {\n background-image: url('/images-tmp/image_row-sc5082a6b9f.png');\n background-repeat: no-repeat;\n }\n \n .foo {\n background-position: 0 50%;\n }\n \n .bar {\n background-position: 33.33333% 100%;\n }\n CSS\n end\n\n it \"should use correct percentages when use_percentages is true\" do\n css = render <<-SCSS\n $image_row-use-percentages: true;\n $image_row-sort-by : '!width';\n @import \"image_row/*.png\";\n @include all-image_row-sprites;\n SCSS\n assert_correct <<-CSS, css\n .image_row-sprite, .image_row-large, .image_row-large_square, .image_row-medium, .image_row-small, .image_row-tall {\n background-image: url('/images-tmp/image_row-sdf383d45a3.png');\n background-repeat: no-repeat;\n }\n \n .image_row-large {\n background-position: 0 0;\n }\n \n .image_row-large_square {\n background-position: 0 40%;\n }\n \n .image_row-medium {\n background-position: 0 16.66667%;\n }\n \n .image_row-small {\n background-position: 0 100%;\n }\n \n .image_row-tall {\n background-position: 0 80%;\n }\n CSS\n end\n \n it \"should calculate corret sprite demsions when givin spacing via issue#253\" do\n css = render <<-SCSS\n $squares-spacing: 10px;\n @import \"squares/*.png\";\n .foo {\n @include sprite-background-position($squares-sprites, \"twenty-by-twenty\");\n }\n .bar {\n @include sprite-background-position($squares-sprites, \"ten-by-ten\");\n }\n SCSS\n assert_equal image_size('squares-s*.png'), [20, 40]\n assert_correct <<-CSS, css\n .squares-sprite {\n background-image: url('/images-tmp/squares-s555875d730.png');\n background-repeat: no-repeat;\n }\n \n .foo {\n background-position: 0 -20px;\n }\n \n .bar {\n background-position: 0 0;\n }\n CSS\n end\n\n it \"should render correct sprite with css selectors via issue#248\" do\n css = render <<-SCSS\n @import \"selectors/*.png\";\n @include all-selectors-sprites;\n SCSS\n assert_correct <<-CSS, css\n .selectors-sprite, .selectors-ten-by-ten {\n background-image: url('/images-tmp/selectors-s7e84acb3d2.png');\n background-repeat: no-repeat;\n }\n \n .selectors-ten-by-ten {\n background-position: 0 0;\n }\n .selectors-ten-by-ten:hover, .selectors-ten-by-ten.ten-by-ten-hover {\n background-position: 0 -20px;\n }\n .selectors-ten-by-ten:target, .selectors-ten-by-ten.ten-by-ten-target {\n background-position: 0 -30px;\n }\n .selectors-ten-by-ten:active, .selectors-ten-by-ten.ten-by-ten-active {\n background-position: 0 -10px;\n }\n CSS\n end\n \n it \"should honor offsets when rendering selectors via issue#449\" do\n css = render <<-SCSS\n @import \"selectors/*.png\";\n @include all-selectors-sprites($offset-x: 20px, $offset-y: 20px);\n SCSS\n assert_correct <<-CSS, css\n .selectors-sprite, .selectors-ten-by-ten {\n background-image: url('/images-tmp/selectors-s7e84acb3d2.png');\n background-repeat: no-repeat;\n }\n \n .selectors-ten-by-ten {\n background-position: 20px 20px;\n }\n .selectors-ten-by-ten:hover, .selectors-ten-by-ten.ten-by-ten-hover {\n background-position: 20px 0;\n }\n .selectors-ten-by-ten:target, .selectors-ten-by-ten.ten-by-ten-target {\n background-position: 20px -10px;\n }\n .selectors-ten-by-ten:active, .selectors-ten-by-ten.ten-by-ten-active {\n background-position: 20px 10px;\n }\n CSS\n end\n\n it \"should render correct sprite with css selectors via magic mixin\" do\n css = render <<-SCSS\n @import \"selectors/*.png\";\n a {\n @include selectors-sprite(ten-by-ten)\n }\n SCSS\n assert_correct <<-CSS, css\n .selectors-sprite, a {\n background-image: url('/images-tmp/selectors-s7e84acb3d2.png');\n background-repeat: no-repeat;\n }\n \n a {\n background-position: 0 0;\n }\n a:hover, a.ten-by-ten-hover {\n background-position: 0 -20px;\n }\n a:target, a.ten-by-ten-target {\n background-position: 0 -30px;\n }\n a:active, a.ten-by-ten-active {\n background-position: 0 -10px;\n }\n CSS\n end\n\n \n it \"should not render corret sprite with css selectors via magic mixin\" do\n css = render <<-SCSS\n @import \"selectors/*.png\";\n a {\n $disable-magic-sprite-selectors:true !global;\n @include selectors-sprite(ten-by-ten)\n }\n SCSS\n assert_correct <<-CSS, css\n .selectors-sprite, a {\n background-image: url('/images-tmp/selectors-s7e84acb3d2.png');\n background-repeat: no-repeat;\n }\n \n a {\n background-position: 0 0;\n }\n CSS\n end\n\n it \"should render corret sprite with css selectors via magic mixin with the correct offsets\" do\n css = render <<-SCSS\n @import \"selectors/*.png\";\n a {\n @include selectors-sprite(ten-by-ten, false, 5, -5)\n }\n SCSS\n assert_correct <<-CSS, css\n .selectors-sprite, a {\n background-image: url('/images-tmp/selectors-s7e84acb3d2.png');\n background-repeat: no-repeat;\n }\n \n a {\n background-position: 5px -5px;\n }\n a:hover, a.ten-by-ten-hover {\n background-position: 5px -25px;\n }\n a:target, a.ten-by-ten-target {\n background-position: 5px -35px;\n }\n a:active, a.ten-by-ten-active {\n background-position: 5px -15px;\n }\n CSS\n end\n \n it \"should not raise error on filenames that are invalid classnames if the selector generation is not used\" do\n css = render <<-SCSS\n $prefix-sort-by : 'width';\n @import \"prefix/*.png\";\n a {\n @include prefix-sprite(\"20-by-20\");\n }\n SCSS\n assert_correct <<-CSS, css\n .prefix-sprite, a {\n background-image: url('/images-tmp/prefix-s949dea513d.png');\n background-repeat: no-repeat;\n }\n \n a {\n background-position: 0 -10px;\n }\n CSS\n end\n\n it \"should generate sprite with bad repeat-x dimensions\" do\n css = render <<-SCSS\n $ko-starbg26x27-repeat: repeat-x;\n @import \"ko/*.png\";\n @include all-ko-sprites;\n SCSS\n assert_correct <<-CSS, css\n .ko-sprite, .ko-default_background, .ko-starbg26x27 {\n background-image: url('/images-tmp/ko-sd46dfbab4f.png');\n background-repeat: no-repeat;\n }\n \n .ko-default_background {\n background-position: 0 0;\n }\n \n .ko-starbg26x27 {\n background-position: 0 -128px;\n }\n CSS\n end\n \n it \"should generate a sprite and remove the old file\" do\n FileUtils.touch File.join(@images_tmp_path, \"selectors-scc8834Fdd.png\")\n assert_equal 1, map_files('selectors-s*.png').size\n css = render <<-SCSS\n @import \"selectors/*.png\";\n a {\n $disable-magic-sprite-selectors:true !global;\n @include selectors-sprite(ten-by-ten)\n }\n SCSS\n assert_equal 1, map_files('selectors-s*.png').size, \"File was not removed\"\n end\n \n it \"should generate a sprite and NOT remove the old file\" do\n FileUtils.touch File.join(@images_tmp_path, \"selectors-scc8834Ftest.png\")\n assert_equal 1, map_files('selectors-s*.png').size\n css = render <<-SCSS\n $selectors-clean-up: false;\n @import \"selectors/*.png\";\n a {\n $disable-magic-sprite-selectors:true !global;\n @include selectors-sprite(ten-by-ten)\n }\n SCSS\n assert_equal 2, map_files('selectors-s*.png').size, \"File was removed\"\n end\n \n it \"should generate a sprite if the sprite is a bool\" do\n css = render <<-SCSS\n @import \"bool/*.png\";\n a {\n @include bool-sprite(false);\n }\n a {\n @include bool-sprite(true);\n }\n SCSS\n assert !css.empty?\n end\n \n \n it \"should generate a sprite if the sprite is a colorname\" do\n css = render <<-SCSS\n @import \"colors/*.png\";\n a {\n @include colors-sprite(blue);\n }\n SCSS\n assert !css.empty?\n end\n \n it \"should generate a sprite from nested folders\" do\n css = render <<-SCSS\n @import \"nested/**/*.png\";\n @include all-nested-sprites;\n SCSS\n assert_correct <<-CSS, css\n .nested-sprite, .nested-ten-by-ten {\n background-image: url('/images-tmp/nested-s7b93e0b6bf.png');\n background-repeat: no-repeat;\n }\n \n .nested-ten-by-ten {\n background-position: 0 0;\n }\n CSS\n end\n \n it \"should create horizontal sprite\" do\n css = render <<-SCSS\n $squares-layout:horizontal;\n @import \"squares/*.png\";\n .foo {\n @include sprite-background-position($squares-sprites, \"twenty-by-twenty\");\n }\n .bar {\n @include sprite-background-position($squares-sprites, \"ten-by-ten\");\n }\n SCSS\n assert_equal [30, 20], image_size('squares-s*.png')\n other_css = <<-CSS\n .squares-sprite {\n background-image: url('/images-tmp/squares-s4bd95c5c56.png');\n background-repeat: no-repeat;\n }\n\n .foo {\n background-position: -10px 0;\n }\n\n .bar {\n background-position: 0 0;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should allow use of demension functions\" do\n css = render <<-SCSS\n @import \"squares/*.png\";\n $h: squares-sprite-height(twenty-by-twenty);\n $w: squares-sprite-width(twenty-by-twenty);\n .div {\n height:$h + 1px;\n width:$w + 2px;\n }\n SCSS\n other_css = <<-CSS\n .squares-sprite {\n background-image: url('/images-tmp/squares-sbbc18e2129.png');\n background-repeat: no-repeat;\n }\n .div {\n height:21px;\n width:22px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should replace text with images and dimensions using sprites\" do\n css = render <<-SCSS\n @import \"compass/utilities/sprites/sprite-img\";\n @import \"colors/*.png\";\n .blue { \n @include sprite-replace-text($colors-sprites, blue); \n }\n .yellow {\n @include sprite-replace-text-with-dimensions($colors-sprites, yellow);\n }\n SCSS\n other_css = <<-CSS\n .colors-sprite {\n background-image:url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat: no-repeat;\n }\n .blue { \n text-indent:-119988px;\n overflow:hidden;\n text-align:left;\n text-transform: capitalize;\n background-position:0 0;\n background-image:url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat:no-repeat;\n }\n \n .yellow { \n text-indent:-119988px;\n overflow:hidden;\n text-align:left;\n text-transform: capitalize;\n background-position:0 -10px;\n height:10px;\n width:10px;\n background-image:url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat:no-repeat;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n \n it \"should inline the sprite file\" do\n Compass.reset_configuration!\n file = StringIO.new(<<-CONFIG)\n images_path = #{@images_tmp_path.inspect}\n generated_images_path = #{@generated_images_tmp_path.inspect}\n CONFIG\n Compass.add_configuration(file, \"sprite_config\")\n Compass.configure_sass_plugin!\n css = render <<-SCSS\n $colors-inline:true;\n @import \"colors/*.png\";\n @include all-colors-sprites;\n SCSS\n other_css = <<-CSS\n .colors-sprite, .colors-blue, .colors-yellow {\n background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAAAAACRhfOKAAAAHElEQVR42mM5wQADLP8JMRlIUIvE/IdgctLTNgCHDhEQVD4ceAAAAABJRU5ErkJggg==');\n }\n .colors-blue { \n background-position:0 0;\n }\n .colors-yellow {\n background-position:0 -10px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should have a sprite_name function that returns the names of the sprites in a sass list\" do\n css = render <<-SCSS\n @import \"colors/*.png\";\n @each $color in sprite_names($colors-sprites) {\n .\\#{$color} {\n width:0px;\n }\n }\n SCSS\n other_css = <<-CSS\n .colors-sprite {\n background-image: url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat: no-repeat;\n }\n .blue { \n width:0px;\n }\n .yellow {\n width:0px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n\n end\n\n it \"should respect global spacing\" do\n css = render <<-SCSS\n $colors-spacing:5px;\n @import \"colors/*.png\";\n @include all-colors-sprites;\n SCSS\n other_css = <<-CSS\n .colors-sprite, .colors-blue, .colors-yellow {\n background-image: url('/images-tmp/colors-s747dec274e.png');\n background-repeat: no-repeat;\n }\n .colors-blue { \n background-position:0 0;\n }\n .colors-yellow {\n background-position:0 -15px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should return width and height of the map\" do\n css = render <<-SCSS\n @import \"colors/*.png\";\n .height { height : sprite_height($colors-sprites); }\n .width { width : sprite_width($colors-sprites); }\n SCSS\n other_css = <<-CSS\n .colors-sprite {\n background-image: url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat: no-repeat;\n }\n .height {\n height : 20px;\n }\n .width {\n width : 10px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should return width and height of a sprite\" do\n css = render <<-SCSS\n @import \"colors/*.png\";\n .height { height : sprite_height($colors-sprites, blue); }\n .width { width : sprite_width($colors-sprites, blue); }\n SCSS\n other_css = <<-CSS\n .colors-sprite {\n background-image: url('/images-tmp/colors-s58671cb5bb.png');\n background-repeat: no-repeat;\n }\n .height {\n height : 10px;\n }\n .width {\n width : 10px;\n }\n CSS\n assert_correct clean(other_css), clean(css)\n end\n\n it \"should render correct sprite with focus selector\" do\n css = render <<-SCSS\n @import \"focus/*.png\";\n @include all-focus-sprites;\n SCSS\n assert_correct <<-CSS, css\n .focus-sprite, .focus-ten-by-ten {\n background-image: url('/images-tmp/focus-sb5d1467be1.png');\n background-repeat: no-repeat;\n }\n \n .focus-ten-by-ten {\n background-position: 0 0;\n }\n .focus-ten-by-ten:hover, .focus-ten-by-ten.ten-by-ten-hover {\n background-position: 0 -30px;\n }\n .focus-ten-by-ten:target, .focus-ten-by-ten.ten-by-ten-target {\n background-position: 0 -40px;\n }\n .focus-ten-by-ten:active, .focus-ten-by-ten.ten-by-ten-active {\n background-position: 0 -10px;\n }\n .focus-ten-by-ten:focus, .focus-ten-by-ten.ten-by-ten-focus {\n background-position: 0 -20px;\n }\n CSS\n end\n\nend\n" }, { "path": "cli/test/test_helper.rb", "content": "lib_dir = File.expand_path(File.join(File.dirname(__FILE__), '..', 'lib'))\n$:.unshift(lib_dir) unless $:.include?(lib_dir)\ntest_dir = File.dirname(__FILE__)\n$:.unshift(test_dir) unless $:.include?(test_dir)\n\nrequire 'compass'\nrequire 'test/unit'\nrequire 'true'\n\n\nclass String\n def name\n to_s\n end\nend\n\n%w(command_line diff io rails test_case).each do |helper|\n require \"helpers/#{helper}\"\nend\n\n\nclass Test::Unit::TestCase\n include Compass::Diff\n include Compass::TestCaseHelper\n include Compass::IoHelper\n extend Compass::TestCaseHelper::ClassMethods\n \n def fixture_path\n File.join(File.expand_path('../', __FILE__), 'fixtures')\n end\n\nend \n\nmodule SpriteHelper\n URI = \"selectors/*.png\"\n \n def init_sprite_helper\n @images_proj_path = File.join(File.expand_path('../', __FILE__), 'fixtures', 'sprites', 'public')\n @images_src_dir = 'images'\n @images_src_path = File.join(@images_proj_path, @images_src_dir)\n @images_tmp_dir = 'images-tmp'\n @images_tmp_path = File.join(@images_proj_path, @images_tmp_dir)\n end\n \n def sprite_map_test(options, uri = URI)\n importer = Compass::SpriteImporter.new\n path, name = Compass::SpriteImporter.path_and_name(uri)\n sprite_names = Compass::SpriteImporter.sprite_names(uri)\n sass_engine = Compass::SpriteImporter.sass_engine(uri, name, importer, options)\n map = Compass::SassExtensions::Sprites::SpriteMap.new(sprite_names.map{|n| uri.gsub('*', n)}, path, name, sass_engine, options)\n map.options = {:compass => {:logger => Compass::NullLogger.new}}\n map\n end\n \n def create_sprite_temp\n init_sprite_helper\n ::FileUtils.cp_r @images_src_path, @images_tmp_path\n end\n\n def clean_up_sprites\n init_sprite_helper\n ::FileUtils.rm_r @images_tmp_path \n rescue Errno::ENOENT\n #pass\n end\n \nend\n" }, { "path": "cli/test/units/actions_test.rb", "content": "require 'test_helper'\nrequire 'compass'\n\nclass ActionsTest < Test::Unit::TestCase\n class BaseActionExtender\n include Compass::Actions\n def options\n @@options ||= {}\n end\n def working_path\n \"/tmp\"\n end\n end\n \n # When log4r is included, it sometimes breaks the Actions\n test \"test_quiet_option\" do\n b = BaseActionExtender.new\n b.logger = \"\"\n b.options[:quiet] = true\n\n # logger shouldn't be called... if it is, this will error\n b.directory(\"/tmp/#{(rand * 1000000).to_i}\")\n end\nend" }, { "path": "cli/test/units/caniuse_test.rb", "content": "require 'test_helper'\nrequire 'compass'\n\nclass CanIUseTest < Test::Unit::TestCase\n\n def caniuse\n Compass::Core::CanIUse.instance\n end\n\n DEFAULT_CAPABILITY_OPTIONS = [{:full_support => true}, {:partial_support => true}]\n\n def test_unknown_browsers\n assert_equal \"unknown\", Compass::Core::CanIUse::PUBLIC_BROWSER_NAMES[\"unknown\"]\n assert_equal \"unknown\", Compass::Core::CanIUse::CAN_I_USE_NAMES[\"unknown\"]\n end\n\n def test_browser_names\n assert_equal Compass::Core::CanIUse::PUBLIC_BROWSER_NAMES.values.sort, caniuse.browsers\n end\n\n def test_prefixes\n assert_equal %w(-moz -ms -o -webkit), caniuse.prefixes\n assert_equal %w(-moz -webkit), caniuse.prefixes(%w(chrome firefox safari))\n end\n\n def test_prefix\n assert_equal \"-webkit\", caniuse.prefix(\"chrome\")\n assert_equal \"-webkit\", caniuse.prefix(\"safari\")\n assert_equal \"-ms\", caniuse.prefix(\"ie\")\n assert_equal \"-webkit\", caniuse.prefix(\"opera\")\n assert_equal \"-o\", caniuse.prefix(\"opera\", \"12.1\")\n end\n\n def test_browsers_with_prefix\n assert_equal %w(android android-chrome blackberry chrome ios-safari opera opera-mobile safari),\n caniuse.browsers_with_prefix(\"-webkit\").sort\n assert_equal %w(android-firefox firefox),\n caniuse.browsers_with_prefix(\"-moz\").sort\n end\n\n def test_capabilities\n # This is meant to break if a capability goes away or arrives\n # So that we can think about what that means for compass\n\n assert_equal [\n \"background-img-opts\",\n \"border-image\",\n \"border-radius\",\n \"calc\",\n \"css-animation\",\n \"css-appearance\",\n \"css-backgroundblendmode\",\n \"css-boxshadow\",\n \"css-canvas\",\n \"css-counters\",\n \"css-featurequeries\",\n \"css-filters\",\n \"css-fixed\",\n \"css-gencontent\",\n \"css-gradients\",\n \"css-grid\",\n \"css-hyphens\",\n \"css-image-orientation\",\n \"css-masks\",\n \"css-mediaqueries\",\n \"css-mixblendmode\",\n \"css-opacity\",\n \"css-placeholder\",\n \"css-reflections\",\n \"css-regions\",\n \"css-repeating-gradients\",\n \"css-resize\",\n \"css-sel2\",\n \"css-sel3\",\n \"css-selection\",\n \"css-shapes\",\n \"css-sticky\",\n \"css-table\",\n \"css-textshadow\",\n \"css-transitions\",\n \"css-variables\",\n \"css3-boxsizing\",\n \"css3-colors\",\n \"css3-cursors\",\n \"css3-tabsize\",\n \"flexbox\",\n \"font-feature\",\n \"fontface\",\n \"getcomputedstyle\",\n \"inline-block\",\n \"intrinsic-width\",\n \"kerning-pairs-ligatures\",\n \"minmaxwh\",\n \"multibackgrounds\",\n \"multicolumn\",\n \"object-fit\",\n \"outline\",\n \"pointer-events\",\n \"rem\",\n \"style-scoped\",\n \"svg-css\",\n \"text-decoration\",\n \"text-overflow\",\n \"text-size-adjust\",\n \"text-stroke\",\n \"transforms2d\",\n \"transforms3d\",\n \"ttf\",\n \"user-select-none\",\n \"viewport-units\",\n \"word-break\",\n \"wordwrap\"],\n caniuse.capabilities\n end\n\n def test_usage\n total = 0\n caniuse.browsers.each do |browser|\n caniuse.versions(browser).each do |version|\n usage = caniuse.usage(browser, version)\n if usage.nil?\n puts \"nil usage for #{browser} at version #{version}\"\n next\n end\n total += usage\n end\n end\n # all browsers add up to about 94%. that's... unfortunate.\n assert total > 90 && total < 100\n end\n\n def test_prefixed_usage\n assert 0 < caniuse.prefixed_usage(\"-webkit\", \"border-radius\", DEFAULT_CAPABILITY_OPTIONS)\n assert_equal 0, caniuse.prefixed_usage(\"-webkit\", \"outline\", DEFAULT_CAPABILITY_OPTIONS)\n assert_raises ArgumentError do\n caniuse.prefixed_usage(\"-webkit\", \"unknown\", DEFAULT_CAPABILITY_OPTIONS)\n end\n end\n\n def test_requires_prefix\n assert_raises ArgumentError do\n caniuse.requires_prefix(\"chrome\", \"3\", \"border-radius\", DEFAULT_CAPABILITY_OPTIONS)\n end\n assert_equal \"-webkit\", caniuse.requires_prefix(\"chrome\", \"4\", \"border-radius\", DEFAULT_CAPABILITY_OPTIONS)\n assert_equal nil, caniuse.requires_prefix(\"chrome\", \"5\", \"border-radius\", DEFAULT_CAPABILITY_OPTIONS)\n assert_equal nil, caniuse.requires_prefix(\"chrome\", \"30\", \"border-radius\", DEFAULT_CAPABILITY_OPTIONS)\n assert_equal \"-webkit\", caniuse.requires_prefix(\"opera\", \"16\", \"css-filters\", DEFAULT_CAPABILITY_OPTIONS)\n end\n\n def test_browser_ranges_only_prefixed\n mins = caniuse.browser_ranges(\"border-radius\", \"-webkit\", false)\n expected = {\n \"android\"=>[\"2.1\", \"2.1\"],\n \"chrome\"=>[\"4\", \"4\"],\n \"ios-safari\"=>[\"3.2\", \"3.2\"],\n \"safari\"=>[\"3.1\", \"4\"]\n }\n assert_equal(expected, mins)\n end\n\n def test_ranges_are_empty_when_prefix_doesnt_exit\n mins = caniuse.browser_ranges(\"css-filters\", \"-o\")\n expected = {}\n assert_equal(expected, mins)\n end\n\n def test_browser_ranges_including_unprefixed\n mins = caniuse.browser_ranges(\"border-radius\", \"-webkit\")\n expected = {\n \"android\"=>[\"2.1\", \"4.4.3\"],\n \"chrome\"=>[\"4\", \"39\"],\n \"ios-safari\"=>[\"3.2\", \"8\"],\n \"safari\"=>[\"3.1\", \"8\"]\n }\n assert_equal(expected, mins)\n end\n\n def test_capability_matches\n assert caniuse.capability_matches(\n caniuse.browser_support(\"chrome\", \"10\", \"flexbox\"),\n [{:full_support => true}, {:partial_support => true, :spec_versions => [1]}])\n assert !caniuse.capability_matches(\n caniuse.browser_support(\"chrome\", \"10\", \"flexbox\"),\n [{:full_support => true}, {:partial_support => true, :spec_versions => [3]}])\n end\n\n def test_omitted_usage\n assert_equal 0, caniuse.omitted_usage(\"chrome\", \"4\")\n assert_equal caniuse.usage(\"chrome\", \"4\"), caniuse.omitted_usage(\"chrome\", \"5\")\n assert_equal caniuse.usage(\"chrome\", \"4\"), caniuse.omitted_usage(\"chrome\", \"4\", \"4\")\n assert_equal caniuse.usage(\"chrome\", \"4\") + caniuse.usage(\"chrome\", \"5\"),\n caniuse.omitted_usage(\"chrome\", \"4\", \"5\")\n end\nend\n" }, { "path": "cli/test/units/command_line_test.rb", "content": "require 'test_helper'\nrequire 'fileutils'\nrequire 'compass'\nrequire 'compass/exec'\nrequire 'timeout'\n\nclass CommandLineTest < Test::Unit::TestCase\n include Compass::TestCaseHelper\n include Compass::CommandLineHelper\n include Compass::IoHelper\n\n def teardown\n Compass.reset_configuration!\n end\n\n def test_print_version\n compass(\"-vq\")\n assert_match(/\\d+\\.\\d+\\.(\\d+|((alpha|beta|rc)\\.\\d+\\.[0-9a-f]+))?/, @last_result)\n end\n\n def test_basic_install\n within_tmp_directory do\n compass(*%w(create --boring basic))\n assert File.exists?(\"basic/sass/screen.scss\")\n assert_action_performed :directory, \"basic/\"\n assert_action_performed :create, \"basic/sass/screen.scss\"\n end\n end\n\n Compass::Frameworks::ALL.each do |framework|\n next if framework.name == \"true\"\n next if framework.name == \"testing\"\n next if framework.name =~ /^_/\n define_method \"test_#{framework.name}_installation\" do\n within_tmp_directory do\n compass(*%W(create --boring --using #{framework.name} #{framework.name}_project))\n assert File.exists?(\"#{framework.name}_project/sass/screen.scss\"), \"sass/screen.scss is missing. Found: #{Dir.glob(\"#{framework.name}_project/**/*\").join(\", \")}\"\n assert File.exists?(\"#{framework.name}_project/stylesheets/screen.css\")\n assert_action_performed :directory, \"#{framework.name}_project/\"\n assert_action_performed :create, \"#{framework.name}_project/sass/screen.scss\"\n assert_action_performed :write, \"#{framework.name}_project/stylesheets/screen.css\"\n end\n end\n end\n\n def test_basic_update\n within_tmp_directory do\n compass \"create\", \"--boring\", \"basic\"\n Dir.chdir \"basic\" do\n # basic update with timestamp caching\n compass \"compile\", \"--boring\"\n # assert_action_performed :unchanged, \"sass/screen.scss\"\n # basic update with force option set\n compass \"compile\", \"--force\", \"--boring\"\n assert_action_performed :write, \"stylesheets/screen.css\"\n end\n end\n end\n\nend\n" }, { "path": "cli/test/units/compass_util_test.rb", "content": "require 'test_helper'\n\nclass CompassUtilTest < Test::Unit::TestCase\n def test_warn\n $stderr, old_err = StringIO.new, $stderr\n Compass::Util.compass_warn(\"this is a warning\")\n assert_match(/this is a warning/, $stderr.string)\n ensure\n $stderr = old_err\n end\nend\n" }, { "path": "cli/test/units/compiler_test.rb", "content": "require 'test_helper'\nrequire 'fileutils'\n\nclass CompilerTest < Test::Unit::TestCase\n \n it \"should strip css from file name and reappend\" do\n config = Compass::Configuration::Data.new(\"test\",\n :project_path => Dir.pwd,\n :sass_dir => \"foo\",\n :css_dir => \"bar\")\n config.extend(Compass::Configuration::Defaults)\n compiler = Compass.sass_compiler({}, config)\n assert_equal 'screen', compiler.stylesheet_name(File.join(Dir.pwd, 'foo', 'screen.css.scss'))\n end\n\nend\n" }, { "path": "cli/test/units/configuration_test.rb", "content": "require 'test_helper'\nrequire 'compass'\nrequire 'stringio'\n\nclass ConfigurationTest < Test::Unit::TestCase\n\n setup do\n Compass.reset_configuration!\n @original_wd = Dir.pwd\n FileUtils.rm_rf \"test_tmp\"\n FileUtils.mkdir_p \"test_tmp/images\"\n FileUtils.mkdir_p \"test_tmp/fonts\"\n Dir.chdir \"test_tmp\"\n end\n \n after do\n Compass.reset_configuration!\n Dir.chdir @original_wd\n FileUtils.rm_rf \"test_tmp\"\n end\n\n def test_parse_and_serialize\n contents = StringIO.new(<<-CONFIG)\n require 'compass'\n require 'compass/import-once/activate'\n # Require any additional compass plugins here.\n\n project_type = :stand_alone\n \n http_path = \"/\"\n css_dir = \"css\"\n sass_dir = \"sass\"\n images_dir = \"img\"\n javascripts_dir = \"js\"\n \n output_style = :nested\n \n # To enable relative paths to assets via compass helper functions. Uncomment:\n # relative_assets = true\n \n # To disable debugging comments that display the original location of your selectors. Uncomment:\n # line_comments = false\n \n \n # If you prefer the indented syntax, you might want to regenerate this\n # project again passing --syntax sass, or you can uncomment this:\n # preferred_syntax = :sass\n # and then run:\n # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass\n CONFIG\n\n Compass.add_configuration(contents, \"test_parse\")\n\n assert_equal 'sass', Compass.configuration.sass_dir\n assert_equal 'css', Compass.configuration.css_dir\n assert_equal 'img', Compass.configuration.images_dir\n assert_equal 'js', Compass.configuration.javascripts_dir\n\n expected_lines = contents.string.split(\"\\n\").map{|l|l.strip}\n actual_lines = Compass.configuration.serialize.split(\"\\n\").map{|l|l.strip}\n assert_correct expected_lines, actual_lines\n end\n\n def test_custom_watch\n contents = StringIO.new(<<-CONFIG)\n watch 'img/**/*' do\n puts 'foobar'\n end\n CONFIG\n Compass.add_configuration(contents, 'test_watch_config')\n watch = Compass.configuration.watches.first\n assert_equal 'img/**/*', watch.glob\n assert watch.is_a?(Compass::Configuration::Watch)\n end\n\n def test_serialization_warns_with_asset_host_set\n contents = StringIO.new(<<-CONFIG)\n asset_host do |path|\n \"http://example.com\"\n end\n CONFIG\n\n Compass.add_configuration(contents, \"test_serialization_warns_with_asset_host_set\")\n\n warning = capture_warning do\n Compass.configuration.serialize\n end\n assert_equal \"WARNING: asset_host is code and cannot be written to a file. You'll need to copy it yourself.\\n\", warning\n end\n\n class TestData < Compass::Configuration::FileData\n def initialize\n super(:test)\n end\n inherited_array :stuff, :clobbers => true\n inherited_array :accumulated\n end\n\n def test_accumulated_array_does_not_clobber\n data1 = TestData.new\n data1.accumulated = [:a]\n data2 = TestData.new\n data2.accumulated = [:b]\n data2.inherit_from!(data1)\n assert_equal [:b, :a], data2.accumulated.to_a\n end\n\n def test_inherited_array_can_clobber\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff = [:b]\n data2.inherit_from!(data1)\n assert_equal [:b], data2.stuff.to_a\n end\n\n def test_inherited_array_can_append\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff << :b\n data2.inherit_from!(data1)\n assert_equal [:b, :a], data2.stuff.to_a\n end\n\n def test_inherited_array_can_append_2\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff << :b\n data2.inherit_from!(data1)\n data3 = TestData.new\n data3.stuff << :c\n data3.inherit_from!(data2)\n assert_equal [:c, :b, :a], data3.stuff.to_a\n end\n\n def test_inherited_array_can_remove\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff >> :a\n data2.inherit_from!(data1)\n assert_equal [], data2.stuff.to_a\n end\n\n def test_inherited_array_combined_augmentations\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff >> :a\n data2.stuff << :b\n data2.inherit_from!(data1)\n assert_equal [:b], data2.stuff.to_a\n end\n\n def test_inherited_array_long_methods\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.remove_from_stuff(:a)\n data2.add_to_stuff(:b)\n data2.inherit_from!(data1)\n assert_equal [:b], data2.stuff.to_a\n end\n\n def test_inherited_array_augmentations_can_be_clobbered\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff >> :a\n data2.stuff << :b\n data2.stuff = [:c]\n data2.inherit_from!(data1)\n assert_equal [:c], data2.stuff.to_a\n end\n\n def test_inherited_array_augmentations_after_clobbering\n data1 = TestData.new\n data1.stuff = [:a]\n data2 = TestData.new\n data2.stuff >> :a\n data2.stuff << :b\n data2.stuff = [:c, :d]\n data2.stuff << :e\n data2.stuff >> :c\n data2.inherit_from!(data1)\n assert_equal [:d, :e], data2.stuff.to_a\n end\n\n def test_serialization_warns_with_asset_cache_buster_set\n contents = StringIO.new(<<-CONFIG)\n asset_cache_buster do |path|\n \"http://example.com\"\n end\n CONFIG\n\n Compass.add_configuration(contents, \"test_serialization_warns_with_asset_cache_buster_set\")\n\n assert_kind_of Proc, Compass.configuration.asset_cache_buster_without_default\n assert_equal \"http://example.com\", Compass.configuration.asset_cache_buster_without_default.call(\"whatever\")\n warning = capture_warning do\n Compass.configuration.serialize\n end\n assert_equal \"WARNING: asset_cache_buster is code and cannot be written to a file. You'll need to copy it yourself.\\n\", warning\n end\n\n def test_cache_buster_file_not_passed_when_the_file_does_not_exist\n config = Compass::Configuration::Data.new(\"test_cache_buster_file_not_passed_when_the_file_does_not_exist\")\n the_file = nil\n was_called = nil\n config.asset_cache_buster do |path, file|\n was_called = true\n the_file = file\n \"busted=true\"\n end\n\n Compass.add_configuration(config)\n\n\n sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))\n .foo { background: image-url(\"asdf.gif\") }\n SCSS\n sass.render\n assert was_called\n assert_nil the_file\n end\n\n def test_cache_buster_file_is_closed\n config = Compass::Configuration::Data.new(\"test_cache_buster_file_is_closed\")\n the_file = nil\n was_called = nil\n FileUtils.touch \"images/asdf.gif\"\n config.asset_cache_buster do |path, file|\n was_called = true\n the_file = file\n \"busted=true\"\n end\n\n Compass.add_configuration(config)\n\n sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))\n .foo { background: image-url(\"asdf.gif\") }\n SCSS\n sass.render\n assert was_called\n assert_kind_of File, the_file\n assert the_file.closed?\n end\n\n def test_cache_buster_handles_id_refs_for_images\n config = Compass::Configuration::Data.new(\"test_cache_buster_file_is_closed\")\n the_file = nil\n was_called = nil\n FileUtils.touch \"images/asdf.svg\"\n config.asset_cache_buster do |path, file|\n was_called = true\n the_file = file\n \"busted=true\"\n end\n\n Compass.add_configuration(config)\n\n sass = Sass::Engine.new(<<-SCSS, Compass.configuration.to_sass_engine_options.merge(:syntax => :scss))\n .foo { background: image-url(\"asdf.svg#image-1\") }\n SCSS\n result = sass.render\n assert was_called\n assert_kind_of File, the_file\n assert the_file.closed?\n assert_equal < :scss))\n .foo { background: image-url(\"asdf.svg#image-1\") }\n SCSS\n result = sass.render\n assert_equal < :scss))\n .foo { background: font-url(\"asdf.ttf#iefix\") }\n SCSS\n result = sass.render\n assert was_called\n assert_kind_of File, the_file\n assert the_file.closed?\n assert_equal <> :c\n assert_equal <> :c\nCONFIG\n end\n def test_inherited_arrays_clobbering_with_augmentations_serialize\n inherited = TestData.new\n inherited.stuff << :a\n d = TestData.new\n d.stuff << :b\n d.stuff = [:c, :d]\n d.stuff << :e\n assert_equal < 'bar'}\n CONFIG\n\n Compass.add_configuration(contents, \"test_sass_options\")\n\n assert_equal 'bar', Compass.configuration.to_sass_engine_options[:foo]\n assert_equal 'bar', Compass.configuration.to_sass_plugin_options[:foo]\n\n expected_serialization = <\\\"bar\\\"}\n\n# To disable debugging comments that display the original location of your selectors. Uncomment:\n# line_comments = false\n\n\n# If you prefer the indented syntax, you might want to regenerate this\n# project again passing --syntax sass, or you can uncomment this:\n# preferred_syntax = :sass\n# and then run:\n# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass\nEXPECTED\n\n assert_correct(expected_serialization, Compass.configuration.serialize)\n end\n\n def test_sprite_load_path_clobbers\n contents = StringIO.new(<<-CONFIG)\n sprite_load_path = [\"/Users/chris/Projects/my_compass_project/images/sprites\"]\n CONFIG\n\n Compass.add_configuration(contents, \"test_sass_options\")\n\n assert_equal [\"/Users/chris/Projects/my_compass_project/images/sprites\"], Compass.configuration.sprite_load_path.to_a\n\n expected_serialization = < :scss).render # raises an error if we generated invalid css\n end\n end\n end\nend\n" }, { "path": "cli/test/units/sass_extensions_test.rb", "content": "require 'test_helper'\n\nclass SassExtensionsTest < Test::Unit::TestCase\n def test_simple\n assert_equal \"a b\", evaluate(%Q{nest(\"a\", \"b\")})\n end\n def test_left_side_expansion\n assert_equal \"a c, b c\", evaluate(%Q{nest(\"a, b\", \"c\")})\n end\n def test_right_side_expansion\n assert_equal \"a b, a c\", evaluate(%Q{nest(\"a\", \"b, c\")})\n end\n def test_both_sides_expansion\n assert_equal \"a c, a d, b c, b d\", evaluate(%Q{nest(\"a, b\", \"c, d\")})\n end\n def test_three_selectors_expansion\n assert_equal \"a b, a c, a d\", evaluate(%Q{nest(\"a\", \"b, c, d\")})\n end\n def test_third_argument_expansion\n 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\")})\n end\n\n def test_enumerate\n assert_equal \".grid-1, .grid-2, .grid-3\", evaluate(%Q{enumerate(\".grid\", 1, 3, \"-\")})\n end\n\n def test_append_selector\n assert_equal \"div.bar\", evaluate(%Q{append_selector(\"div\", \".bar\")})\n assert_equal \".foo1.bar1, .foo1.bar2, .foo2.bar1, .foo2.bar2\", evaluate(%Q{append_selector(\".foo1, .foo2\", \".bar1, .bar2\")})\n end\n\n def test_headers\n assert_equal \"h1, h2, h3, h4, h5, h6\", evaluate(\"headers()\")\n assert_equal \"h1, h2, h3, h4, h5, h6\", evaluate(\"headers(all)\")\n assert_equal \"h1, h2, h3, h4\", evaluate(\"headers(4)\")\n assert_equal \"h2, h3\", evaluate(\"headers(2,3)\")\n assert_equal \"h4, h5, h6\", evaluate(\"headers(4,6)\")\n end\n\n def test_scale_lightness\n assert_equal \"75%\", evaluate(\"lightness(scale-lightness(hsl(50deg, 50%, 50%), 50%))\")\n assert_equal \"25%\", evaluate(\"lightness(scale-lightness(hsl(50deg, 50%, 50%), -50%))\")\n end\n\n def test_adjust_lightness\n assert_equal \"75%\", evaluate(\"lightness(adjust-lightness(hsl(50deg, 50%, 50%), 25%))\")\n assert_equal \"25%\", evaluate(\"lightness(adjust-lightness(hsl(50deg, 50%, 50%), -25%))\")\n assert_equal \"100%\", evaluate(\"lightness(adjust-lightness(hsl(50deg, 50%, 50%), 500%))\")\n assert_equal \"0%\", evaluate(\"lightness(adjust-lightness(hsl(50deg, 50%, 50%), -500%))\")\n end\n\n def test_scale_saturation\n assert_equal \"75%\", evaluate(\"saturation(scale-saturation(hsl(50deg, 50%, 50%), 50%))\")\n assert_equal \"25%\", evaluate(\"saturation(scale-saturation(hsl(50deg, 50%, 50%), -50%))\")\n end\n\n def test_adjust_saturation\n assert_equal \"75%\", evaluate(\"saturation(adjust-saturation(hsl(50deg, 50%, 50%), 25%))\")\n assert_equal \"25%\", evaluate(\"saturation(adjust-saturation(hsl(50deg, 50%, 50%), -25%))\")\n end\n\n def test_shade\n assert_equal evaluate(\"mix(black, #ff0, 25%)\"), evaluate(\"shade(#ff0, 25%)\")\n assert_equal evaluate(\"mix(black, #ff0, 0%)\"), evaluate(\"shade(#ff0, 0%)\")\n end\n\n def test_tint\n assert_equal evaluate(\"mix(white, #ff0, 75%)\"), evaluate(\"tint(#ff0, 75%)\")\n assert_equal evaluate(\"mix(white, #ff0, 100%)\"), evaluate(\"tint(#ff0, 100%)\")\n end\n\n def test_if_function\n assert_equal \"no\", evaluate(\"if(false, yes, no)\")\n assert_equal \"yes\", evaluate(\"if(true, yes, no)\")\n end\n\n def test_math_functions\n assert_equal \"0.84147\", evaluate(\"sin(1)\")\n assert_equal \"0.84147px\", evaluate(\"sin(1px)\")\n assert_equal \"0.5236\", evaluate(\"asin(0.5)\")\n assert_equal \"0.5236\", evaluate(\"asin(100px/200px)\")\n assert_equal \"0.0\", evaluate(\"sin(pi())\")\n assert_equal \"1\", evaluate(\"sin(pi() / 2)\")\n assert_equal \"0.0\", evaluate(\"sin(180deg)\")\n assert_equal \"-1\", evaluate(\"sin(3* pi() / 2)\")\n assert_equal \"-1\", evaluate(\"cos(pi())\")\n assert_equal \"1\", evaluate(\"cos(360deg)\")\n assert_equal \"1.0472\", evaluate(\"acos(0.5)\")\n assert_equal \"1.0472\", evaluate(\"acos(100px/200px)\")\n assert_equal \"-0.17605\", evaluate(\"sin(270)\")\n assert_equal \"1\", evaluate(\"cos(2*pi())\")\n assert_equal \"0.0\", evaluate(\"cos(pi() / 2)\")\n assert_equal \"0.0\", evaluate(\"cos(3* pi() / 2)\")\n assert_equal \"0.0\", evaluate(\"tan(pi())\")\n assert_equal \"0.46365\", evaluate(\"atan(0.5)\")\n assert_equal \"0.0\", evaluate(\"tan(360deg)\")\n assert_equal \"0.95892\", evaluate(\"sin(360)\")\n assert evaluate(\"tan(pi()/2 - 0.0001)\").to_f > 1000, evaluate(\"tan(pi()/2 - 0.0001)\")\n assert evaluate(\"tan(pi()/2 + 0.0001)\").to_f < -1000, evaluate(\"tan(pi()/2 - 0.0001)\")\n assert_equal \"0.69315px\", evaluate(\"logarithm(2px)\")\n assert_equal \"0\", evaluate(\"logarithm(1)\")\n assert_equal \"1\", evaluate(\"logarithm(e())\")\n assert_equal \"1\", evaluate(\"logarithm($number: e())\")\n assert_equal \"1\", evaluate(\"logarithm(10, $base: 10)\")\n assert_equal \"5px\", evaluate(\"sqrt(25px)\")\n assert_equal \"5px\", evaluate(\"sqrt($number: 25px)\")\n assert_equal \"5px\", evaluate(\"square-root(25px)\")\n assert_equal \"5px\", evaluate(\"square-root($number: 25px)\")\n assert_equal \"25px\", evaluate(\"pow(5px, 2)\")\n assert_equal \"25px\", evaluate(\"pow($number: 5px, $exponent: 2)\")\n assert_equal \"79.43236px\", evaluate(\"pow(5px, e())\")\n assert((0..2).include?(evaluate(\"random(2)\").to_i))\n random_warning = capture_warning do\n assert((4..16).include?(evaluate(\"random(4, 16)\").to_i))\n end\n assert_equal < e\n raise e unless e.message =~ /isn't a valid CSS value/\n result.inspect\n end\n end\nend\n" }, { "path": "cli/test/units/sass_extenstions/gradients_test.rb", "content": "class GradientTestClass\n extend Compass::Core::SassExtensions::Functions::Constants\n extend Compass::Core::SassExtensions::Functions::GradientSupport::Functions\n def self.options\n {}\n end\nend\n\nrequire 'test_helper'\nrequire 'compass'\n\nclass GradientsTest < Test::Unit::TestCase\n include Sass::Script::Value::Helpers\n\n def klass\n GradientTestClass\n end\n\n test \"should return correct angle\" do\n assert_equal number(330, 'deg'), klass.convert_angle_from_offical(number(120, 'deg'))\n end\n\n test \"Should convert old to new\" do\n [:top => ['to', 'bottom'], :bottom => ['to', 'top'], :left => ['to', 'right'], :right => ['to', 'left']].each do |test_value|\n assert_equal list(identifier(test_value.keys.first.to_s), :space), klass.convert_angle_from_offical(\n list(identifier(test_value.values[0].first), identifier(test_value.values[0].last), :space))\n end\n end\n\nend\n" }, { "path": "cli/test/units/sprites/engine_test.rb", "content": "require 'test_helper'\n\nclass EngineTest < Test::Unit::TestCase\n include SpriteHelper\n def setup\n create_sprite_temp\n sprite_filename = 'squares/ten-by-ten.png'\n @images = [\n Compass::SassExtensions::Sprites::Image.new(nil, File.join(sprite_filename), {}) \n ]\n @engine = Compass::SassExtensions::Sprites::Engine.new(100, 100, @images)\n end\n\n def taredown\n clean_up_sprites\n end\n \n \n test \"should have width of 100\" do\n assert_equal 100, @engine.width\n end\n \n test \"should have height of 100\" do\n assert_equal 100, @engine.height\n end\n \n test \"should have correct images\" do\n assert_equal @images, @engine.images\n end\n \n test \"raises Compass::Error when calling save\" do\n begin \n @engine.save('foo')\n assert false, '#save did not raise an exception'\n rescue Compass::Error\n assert true\n end\n end\n \n test \"raises Compass::Error when calling construct_sprite\" do\n begin \n @engine.construct_sprite\n assert false, '#construct_sprite did not raise an exception'\n rescue Compass::Error\n assert true\n end\n end\nend" }, { "path": "cli/test/units/sprites/image_row_test.rb", "content": "require 'test_helper'\n\nclass ImageRowTest < Test::Unit::TestCase\n include SpriteHelper\n def setup\n clean_up_sprites\n create_sprite_temp\n file = StringIO.new(\"images_path = #{@images_src_path.inspect}\\n\")\n Compass.add_configuration(file, \"sprite_config\")\n @filenames = %w(large.png large_square.png medium.png tall.png small.png)\n @image_files = Dir[\"#{@images_src_path}/image_row/*.png\"].sort\n @images = @image_files.map do |img|\n img.gsub!(\"#{@images_src_path}/\", '')\n Compass::SassExtensions::Sprites::Image.new(nil, img, {})\n end\n image_row(1000)\n end\n \n def teardown\n clean_up_sprites\n end\n \n def image_row(max)\n @image_row = Compass::SassExtensions::Sprites::ImageRow.new(max)\n end\n \n def populate_row\n @images.each do |image|\n assert @image_row.add(image)\n end\n end\n \n it \"should return false if image will not fit in row\" do\n image_row(100)\n img = Compass::SassExtensions::Sprites::Image.new(nil, File.join('image_row', 'large.png'), {})\n assert !@image_row.add(img)\n end\n \n it \"should have 5 images\" do\n populate_row\n assert_equal 5, @image_row.images.size\n end\n \n it \"should return max image width\" do\n populate_row\n assert_equal 400, @image_row.width\n end\n \n it \"should return max image height\" do\n populate_row\n assert_equal 40, @image_row.height\n end\n \n it \"should have an efficiency rating\" do\n populate_row\n assert_equal 1 - (580.0 / 1000.0), @image_row.efficiency\n end\nend" }, { "path": "cli/test/units/sprites/image_test.rb", "content": "require 'test_helper'\nrequire 'mocha'\nrequire 'ostruct'\n\nclass SpritesImageTest < Test::Unit::TestCase\n include SpriteHelper\n\n def setup\n create_sprite_temp\n end\n\n def teardown\n clean_up_sprites\n end\n\n SPRITE_FILENAME = 'selectors/ten-by-ten.png'\n \n def sprite_path \n File.join(@images_tmp_path, SPRITE_FILENAME)\n end\n \n def sprite_name\n File.basename(SPRITE_FILENAME, '.png')\n end\n \n def digest\n Digest::MD5.file(sprite_path).hexdigest\n end\n \n def test_map(options ={})\n options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}.merge(options)\n map = sprite_map_test(options)\n end\n \n def test_image(options ={})\n test_map(options).images.first\n end\n\n test 'initialize' do\n image = test_image\n assert_equal sprite_name, image.name\n assert_equal sprite_path, image.file\n assert_equal SPRITE_FILENAME, image.relative_file\n assert_equal 10, image.width\n assert_equal 10, image.height\n assert_equal digest, image.digest\n assert_equal 0, image.top\n assert_equal 0, image.left\n end\n\n test 'hover' do\n assert_equal 'ten-by-ten_hover', test_image.hover.name\n end\n\n test 'hover should find image by _ or - in file name' do\n map = test_map(:seperator => '-')\n map.images.each_index do |i|\n if map.images[i].name == 'ten-by-ten_hover'\n map.images[i].stubs(:name).returns('ten-by-ten-hover')\n end\n end\n test_image = map.images.first\n\n assert_equal 'ten-by-ten-hover', test_image.hover.name\n end\n\n test 'no parent' do\n assert_nil test_image.parent\n end\n \n test 'image type is \"global\" should raise exception' do\n assert_raise ::Compass::SpriteException do\n image = test_image \"selectors_ten_by_ten_repeat\" => Sass::Script::String.new('global')\n image.repeat\n end\n end\n \n test 'image type is \"no-repeat\"' do\n img = test_image\n assert_equal 'no-repeat', img.repeat\n assert img.no_repeat?\n end\n\n test 'image repeat-x' do\n img = test_image \"selectors_ten_by_ten_repeat\" => Sass::Script::String.new('repeat-x')\n assert img.repeat_x?\n end\n\n test 'image repeat-y' do\n img = test_image \"selectors_ten_by_ten_repeat\" => Sass::Script::String.new('repeat-y')\n assert img.repeat_y?\n end\n\n test 'image position' do\n image = test_image \"selectors_ten_by_ten_position\" => Sass::Script::Number.new(100, [\"px\"])\n assert_equal 100, image.position.value\n end\n\n test 'image spacing' do\n @spacing = 10\n image = test_image \"spacing\" => Sass::Script::Number.new(100, [\"px\"])\n assert_equal 100, image.spacing\n end\n \n test 'offset' do\n image = test_image \"selectors_ten_by_ten_position\" => Sass::Script::Number.new(100, [\"px\"])\n assert_equal 100, image.offset\n end\n\n test 'neither, uses 0' do\n img = test_image\n img.position.stubs(:unitless?).returns(false)\n assert_equal 0, img.offset\n end\n\nend\n" }, { "path": "cli/test/units/sprites/images_test.rb", "content": "require 'test_helper'\nrequire 'compass/sass_extensions/sprites/images'\n\nclass ImagesTest < Test::Unit::TestCase\n\n def setup\n @images = Compass::SassExtensions::Sprites::Images.new\n @images << OpenStruct.new(:foo => 1, :name => 'bob', :size => 1200, :width => 10)\n @images << OpenStruct.new(:foo => 2, :name => 'bob', :size => 300, :width => 100)\n @images << OpenStruct.new(:foo => 3, :name => 'aob', :size => 120, :width => 50)\n @images << OpenStruct.new(:foo => 4, :name => 'zbob', :size => 600, :width => 55)\n end\n\n\n test \"sort by size\" do\n @images.sort_by! :size\n assert_equal [3, 2, 4, 1], @images.map(&:foo)\n end\n\n test \"sort by !size\" do\n @images.sort_by! '!size'\n assert_equal [3, 2, 4, 1].reverse, @images.map(&:foo)\n end\n\n test \"sort by name\" do\n @images.sort_by! :name\n assert_equal [3, 2, 1, 4], @images.map(&:foo)\n end\n\n test \"sort by !name\" do\n @images.sort_by! '!name'\n assert_equal [3, 2, 1, 4].reverse, @images.map(&:foo)\n end\n\n test \"sort by width\" do\n @images.sort_by! :width\n assert_equal [1, 3, 4, 2], @images.map(&:foo)\n end\n\n test \"sort by !width\" do\n @images.sort_by! '!width'\n assert_equal [1, 3, 4, 2].reverse, @images.map(&:foo)\n end\n\nend\n " }, { "path": "cli/test/units/sprites/importer_test.rb", "content": "require 'test_helper'\n\nclass ImporterTest < Test::Unit::TestCase\n include SpriteHelper\n \n def setup\n create_sprite_temp\n file = StringIO.new(\"images_path = #{@images_src_path.inspect}\\n\")\n Compass.add_configuration(file, \"sprite_config\")\n @importer = Compass::SpriteImporter.new\n end\n\n def teardown\n Compass.reset_configuration!\n end\n \n def options\n {:foo => 'bar'}\n end\n \n test \"should use search path to find sprites\" do\n Compass.reset_configuration!\n uri = 'foo/*.png'\n other_folder = File.join(@images_tmp_path, '../other-temp')\n FileUtils.mkdir_p other_folder\n FileUtils.mkdir_p File.join(other_folder, 'foo')\n %w(my bar).each do |file|\n FileUtils.touch(File.join(other_folder, \"foo/#{file}.png\"))\n end\n config = Compass::Configuration::Data.new('config')\n config.images_path = @images_tmp_path\n config.sprite_load_path = [@images_tmp_path, other_folder]\n Compass.add_configuration(config, \"sprite_config\")\n importer = Compass::SpriteImporter.new\n assert_equal 2, Compass.configuration.sprite_load_path.compact.size\n assert Compass.configuration.sprite_load_path.include?(other_folder)\n assert_equal [\"bar\", \"my\"], Compass::SpriteImporter.sprite_names(uri)\n \n FileUtils.rm_rf other_folder\n end\n \n test \"name should return the sprite name\" do\n assert_equal 'selectors', Compass::SpriteImporter.sprite_name(URI)\n end\n \n test \"path should return the sprite path\" do\n assert_equal 'selectors', Compass::SpriteImporter.path(URI)\n end\n \n test \"should return all the sprite names\" do\n assert_equal [\"ten-by-ten\", \"ten-by-ten_active\", \"ten-by-ten_hover\", \"ten-by-ten_target\"], Compass::SpriteImporter.sprite_names(URI)\n end\n \n test \"should have correct mtime\" do\n thirtydays = Time.now.to_i + (60*60*24*30)\n file = Dir[File.join(@images_src_path, URI)].sort.first\n File.utime(thirtydays, thirtydays, file)\n assert_equal thirtydays, File.mtime(file).to_i\n assert_equal thirtydays, @importer.mtime(URI, {}).to_i\n end\n \n test \"should return sass engine on find\" do\n assert @importer.find(URI, {}).is_a?(Sass::Engine)\n end\n \n test \"sass options should contain options\" do\n opts = Compass::SpriteImporter.sass_options('foo', @importer, options)\n assert_equal 'bar', opts[:foo]\n end\n \n test \"verify that the sass_engine passes the correct filename\" do\n importer = Compass::SpriteImporter.new\n engine = Compass::SpriteImporter.sass_engine(URI, 'foo', importer, options)\n assert_equal engine.options[:filename], URI\n end\n \n test \"should fail given bad sprite extensions\" do\n @images_src_path = File.join(File.dirname(__FILE__), '..', '..', 'fixtures', 'sprites', 'public', 'images')\n file = StringIO.new(\"images_path = #{@images_src_path.inspect}\\n\")\n Compass.add_configuration(file, \"sprite_config\")\n importer = Compass::SpriteImporter.new\n uri = \"bad_extensions/*.jpg\"\n begin\n Compass::SpriteImporter.sass_engine(uri, Compass::SpriteImporter.sprite_name(uri), importer, {})\n assert false, \"An invalid sprite file made it past validation.\"\n rescue Compass::Error => e\n assert e.message.include?(\"invalid sprite path\")\n end\n end\n \nend" }, { "path": "cli/test/units/sprites/layout_test.rb", "content": "require 'test_helper'\n\nclass LayoutTest < Test::Unit::TestCase\n include SpriteHelper\n\n def setup\n Hash.send(:include, Compass::SassExtensions::Functions::Sprites::VariableReader)\n clean_up_sprites\n create_sprite_temp\n file = StringIO.new(\"images_path = #{@images_tmp_path.inspect}\\n\")\n Compass.add_configuration(file, \"sprite_config\")\n Compass.configure_sass_plugin!\n @options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}\n end\n\n def teardown\n clean_up_sprites\n end\n \n # HELPERS\n \n def vertical\n opts = @options.merge(\"layout\" => Sass::Script::String.new('vertical'))\n\n sprite_map_test(opts)\n end\n\n def smart\n options = @options.merge(\"layout\" => Sass::Script::String.new('smart'))\n importer = Compass::SpriteImporter.new\n uri = \"image_row/*.png\"\n path, name = Compass::SpriteImporter.path_and_name(uri)\n sprite_names = Compass::SpriteImporter.sprite_names(uri)\n sass_engine = Compass::SpriteImporter.sass_engine(uri, name, importer, options)\n map = Compass::SassExtensions::Sprites::SpriteMap.new(sprite_names.map {|n| \"image_row/#{n}.png\"}, path, name, sass_engine, options)\n map.options = {:compass => {:logger => Compass::NullLogger.new}}\n\n map\n end\n\n def diagonal\n opts = @options.merge(\"layout\" => Sass::Script::String.new('diagonal'))\n\n sprite_map_test(opts)\n end\n\n def horizontal(options= {}, uri=URI)\n opts = @options.merge(\"layout\" => Sass::Script::String.new('horizontal'))\n opts.merge!(options)\n\n sprite_map_test(opts, uri)\n end\n\n # REPEAT_X\n\n test 'repeat-x layout single image' do\n opts = {\"repeat_x_three_repeat\" => Sass::Script::String.new('repeat-x'), 'sort_by' => Sass::Script::String.new('width')}\n map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')\n assert_equal 6, map.width\n assert_equal [0, 1, 3, 6, 10, 3, 3], map.images.map(&:top)\n assert_equal [0, 0, 0, 0, 0, 0, 3], map.images.map(&:left)\n end\n\n test 'repeat-x layout multi image' do\n opts = {\"repeat_x_three_repeat\" => Sass::Script::String.new('repeat-x'), \"repeat_x_four_repeat\" => Sass::Script::String.new('repeat-x')}\n map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')\n assert_equal 12, map.width\n end\n\n test \"repeat-y layout single image\" do\n opts = {\"layout\" => Sass::Script::String.new('horizontal'), \"squares_ten_by_ten_repeat\" => Sass::Script::String.new('repeat-y')}\n map = sprite_map_test(@options.merge(opts), 'squares/*.png')\n assert_equal 30, map.width\n assert_equal 20, map.height\n assert_equal 3, map.images.size\n assert_equal [[0,0], [0,10], [10,0]], map.images.map { |img| [img.top, img.left] }\n assert map.horizontal?\n end\n\n test \"repeat-y layout multi image\" do\n 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')}\n map = sprite_map_test(@options.merge(opts), 'repeat_x/*.png')\n 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] }\n end\n\n # VERTICAL LAYOUT\n\n it \"should have a vertical layout\" do\n vert = vertical\n assert_equal [0, 10, 20, 30], vert.images.map(&:top)\n assert_equal [0, 0, 0, 0], vert.images.map(&:left)\n assert vert.vertical?\n end\n \n it \"should have a vertical layout with spacing\" do\n vert = sprite_map_test(@options.merge({\"spacing\" => Sass::Script::Number.new(10, ['px'])}))\n assert_equal [0, 20, 40, 60], vert.images.map(&:top)\n end\n \n it \"should layout vertical with position\" do\n vert = sprite_map_test(\"selectors_ten_by_ten_active_position\" => Sass::Script::Number.new(10, ['px']))\n assert_equal [0, 10, 0, 0], vert.images.map(&:left)\n end\n\n it \"should generate vertical sprites in decending order\" do\n sizes = vertical.images.map{|image| File.size(image.file) }\n assert_equal sizes.min, File.size(vertical.images.first.file)\n assert_equal sizes.max, File.size(vertical.images.last.file)\n end\n\n # SMART LAYOUT\n \n it \"should have a smart layout\" do\n base = smart\n base.generate\n assert base.smart?\n assert_equal 400, base.width\n assert_equal 60, base.height\n assert_equal [[0, 0], [20, 120], [20, 0], [20, 100], [20, 160]], base.images.map {|i| [i.top, i.left]}\n assert File.exists?(base.filename)\n FileUtils.rm base.filename\n end\n\n # DIAGONAL LAYOUT\n \n it \"should generate a diagonal sprite\" do\n base = diagonal\n base.generate\n assert base.diagonal?\n assert_equal 40, base.width\n assert_equal 40, base.height\n assert_equal [[30, 0], [20, 10], [10, 20], [0, 30]], base.images.map {|i| [i.top, i.left]}\n assert File.exists?(base.filename)\n FileUtils.rm base.filename\n end\n\n # HORIZONTAL LAYOUT\n \n it \"should have a horizontal layout\" do\n base = horizontal\n assert base.horizontal?\n assert_equal 10, base.height\n assert_equal 40, base.width\n end\n \n it \"should layout images horizontaly\" do\n base = horizontal\n assert_equal [0, 10, 20, 30], base.images.map(&:left)\n assert_equal [0, 0, 0, 0], base.images.map(&:top)\n end\n \n it \"should layout horizontaly with spacing\" do\n base = horizontal(\"spacing\" => Sass::Script::Number.new(10, ['px']))\n assert_equal [0, 20, 40, 60], base.images.map(&:left)\n assert_equal [0, 0, 0, 0], base.images.map(&:top)\n assert_equal 80, base.width\n end\n\n it \"should layout horizontaly with spacing and and position\" do\n base = horizontal({\"spacing\" => Sass::Script::Number.new(10, ['px']), \"position\" => Sass::Script::Number.new(50, ['%'])}, 'squares/*.png')\n assert_equal [0, 20], base.images.map(&:left)\n assert_equal [5, 0], base.images.map(&:top)\n assert_equal 50, base.width\n end\n \n it \"should layout horizontaly with position\" do\n base = horizontal(\"selectors_ten_by_ten_active_position\" => Sass::Script::Number.new(10, ['px']))\n assert_equal [0, 10, 0, 0], base.images.map(&:top)\n assert_equal 40, base.width\n assert_equal 20, base.height\n end\n \n it \"should generate a horrizontal sprite\" do\n base = horizontal\n base.generate\n assert File.exists?(base.filename)\n FileUtils.rm base.filename\n end\n \nend" }, { "path": "cli/test/units/sprites/row_fitter_test.rb", "content": "require 'test_helper'\nrequire 'compass/sass_extensions/sprites/row_fitter'\n\nclass RowFitterTest < Test::Unit::TestCase\n include SpriteHelper\n def setup\n file = StringIO.new(\"images_path = #{@images_src_path.inspect}\\n\")\n Compass.add_configuration(file, \"sprite_config\")\n end\n\n def row_fitter(images = nil)\n @row_fitter ||= Compass::SassExtensions::Sprites::RowFitter.new(images)\n end\n\n def teardown\n @row_fitter = nil\n end\n\n def create_images(dims)\n dims.collect { |width, height| \n image = Compass::SassExtensions::Sprites::Image.new('blah', 'blah', {})\n image.stubs(:width => width, :height => height)\n image\n }\n end\n\n def basic_dims\n [\n [ 100, 10 ],\n [ 80, 10 ],\n [ 50, 10 ],\n [ 35, 10 ],\n [ 20, 10 ]\n ]\n end\n\n it 'should use the fast placement algorithm' do\n images = create_images(basic_dims)\n\n row_fitter(images)\n assert_equal 100, row_fitter.width\n\n row_fitter.fit!(:fast)\n\n assert_equal 4, row_fitter.rows.length\n\n assert_equal [ images[0] ], row_fitter[0].images\n assert_equal [ images[1] ], row_fitter[1].images\n assert_equal [ images[2], images[3] ], row_fitter[2].images\n assert_equal [ images[4] ], row_fitter[3].images\n end\n\n it 'should use the scan placement algorithm' do\n images = create_images(basic_dims)\n\n row_fitter(images)\n\n row_fitter.fit!(:scan)\n\n assert_equal 3, row_fitter.rows.length\n\n assert_equal [ images[0] ], row_fitter[0].images\n assert_equal [ images[1], images[4] ], row_fitter[1].images\n assert_equal [ images[2], images[3] ], row_fitter[2].images\n end\nend" }, { "path": "cli/test/units/sprites/sprite_command_test.rb", "content": "require 'test_helper'\nrequire 'compass/exec'\nclass SpriteCommandTest < Test::Unit::TestCase\n include Compass::TestCaseHelper\n include Compass::CommandLineHelper\n include Compass::IoHelper\n \n attr_reader :test_dir\n include SpriteHelper\n def setup\n @before_dir = ::Dir.pwd\n create_temp_cli_dir\n create_sprite_temp\n @config_file = File.join(@test_dir, 'config.rb')\n File.open(@config_file, 'w') do |f|\n f << config_data\n end\n end\n \n def config_data\n return <<-CONFIG\n images_path = \"#{@images_tmp_path}\"\n CONFIG\n end\n\n def create_temp_cli_dir\n directory = File.join(File.expand_path('../', __FILE__), 'test')\n ::FileUtils.mkdir_p directory\n @test_dir = directory\n end\n\n def run_compass_with_options(options)\n output = 'foo'\n ::Dir.chdir @test_dir\n compass *options\n end\n\n def options_to_cli(options)\n options.map.flatten!\n end\n\n def teardown\n ::Dir.chdir @before_dir\n clean_up_sprites\n if File.exists?(@test_dir)\n ::FileUtils.rm_r @test_dir\n end\n end\n\n it \"should create sprite file\" do\n assert_equal 0, run_compass_with_options(['sprite', \"-f\", 'stylesheet.scss', \"squares/*.png\"]).to_i\n assert File.exists?(File.join(test_dir, 'stylesheet.scss'))\n end\n\nend" }, { "path": "cli/test/units/sprites/sprite_map_test.rb", "content": "require 'test_helper'\n\nclass SpriteMapTest < Test::Unit::TestCase\n include SpriteHelper\n \n def setup\n Hash.send(:include, Compass::SassExtensions::Functions::Sprites::VariableReader)\n create_sprite_temp\n file = StringIO.new(<<-CONFIG)\n project_path = \"#{@images_proj_path}\"\n images_dir = \"#{@images_tmp_dir}\"\n CONFIG\n Compass.add_configuration(file, \"sprite_config\")\n Compass.configure_sass_plugin!\n @options = {'cleanup' => Sass::Script::Bool.new(true), 'layout' => Sass::Script::String.new('vertical')}\n @base = sprite_map_test(@options)\n end\n\n def teardown\n clean_up_sprites\n @base = nil\n end\n \n it \"should have the correct size\" do\n assert_equal [10,40], @base.size\n end\n \n it \"should have the sprite names\" do\n assert_equal Compass::SpriteImporter.sprite_names(URI), @base.sprite_names\n end\n \n it 'should have image filenames' do\n assert_equal Dir[\"#{@images_tmp_path}/selectors/*.png\"].sort, @base.image_filenames\n end\n \n it 'should need generation' do\n assert @base.generation_required?\n end\n \n test 'uniqueness_hash' do\n assert_equal '4c703bbc05', @base.uniqueness_hash\n end\n \n it 'should be outdated' do\n assert @base.outdated?\n end\n\n it 'should have correct filename' do\n assert_equal File.join(@images_tmp_path, \"#{@base.path}-s#{@base.uniqueness_hash}.png\"), @base.filename\n end\n \n it \"should return the 'ten-by-ten' image\" do\n assert_equal 'ten-by-ten', @base.image_for('ten-by-ten').name\n assert @base.image_for('ten-by-ten').is_a?(Compass::SassExtensions::Sprites::Image)\n end\n \n %w(target hover active).each do |selector|\n it \"should have a #{selector}\" do\n assert @base.send(:\"has_#{selector}?\", 'ten-by-ten')\n end\n \n it \"should return #{selector} image class\" do\n assert_equal \"ten-by-ten_#{selector}\", @base.image_for('ten-by-ten').send(:\"#{selector}\").name\n end\n \n it \"should find file with '-' #{selector}\" do\n map = sprite_map_test(:seperator => '-')\n map.images.each_index do |i|\n if map.images[i].name != 'ten-by-ten'\n name = map.images[i].name.gsub(/_/, '-')\n map.images[i].stubs(:name).returns(name)\n end\n end\n assert_equal \"ten-by-ten-#{selector}\", map.image_for('ten-by-ten').send(:\"#{selector}\").name\n end\n\n end\n\n it \"should generate sprite\" do\n @base.generate\n assert File.exists?(@base.filename)\n assert !@base.generation_required?\n assert !@base.outdated?\n end\n \n it \"should remove old sprite when generating new\" do\n @base.generate\n file = @base.filename\n assert File.exists?(file), \"Original file does not exist\"\n file_to_remove = File.join(@images_tmp_path, 'selectors', 'ten-by-ten.png')\n FileUtils.rm file_to_remove\n assert !File.exists?(file_to_remove), \"Failed to remove sprite file\"\n @base = sprite_map_test(@options)\n @base.generate\n assert !File.exists?(file), \"Sprite file did not get removed\"\n end\n \n test \"should get correct relative_name\" do\n Compass.reset_configuration!\n uri = 'foo/*.png'\n other_folder = File.join(@images_tmp_path, '../other-temp')\n FileUtils.mkdir_p other_folder\n FileUtils.mkdir_p File.join(other_folder, 'foo')\n %w(my bar).each do |file|\n FileUtils.touch(File.join(other_folder, \"foo/#{file}.png\"))\n end\n config = Compass::Configuration::Data.new('config')\n config.images_path = @images_tmp_path\n config.sprite_load_path = [@images_tmp_path, other_folder]\n Compass.add_configuration(config, \"sprite_config\")\n assert_equal 'foo/my.png', Compass::SassExtensions::Sprites::SpriteMap.relative_name(File.join(other_folder, 'foo/my.png'))\n FileUtils.rm_rf other_folder\n end\n \n test \"should get correct relative_name for directories with similar names\" do\n Compass.reset_configuration!\n uri = 'foo/*.png'\n other_folder = File.join(@images_tmp_path, '../other-temp')\n other_folder2 = File.join(@images_tmp_path, '../other-temp2')\n\n FileUtils.mkdir_p other_folder\n FileUtils.mkdir_p other_folder2\n \n FileUtils.mkdir_p File.join(other_folder2, 'foo')\n %w(my bar).each do |file|\n FileUtils.touch(File.join(other_folder2, \"foo/#{file}.png\"))\n end\n \n config = Compass::Configuration::Data.new('config')\n config.images_path = @images_tmp_path\n config.sprite_load_path = [@images_tmp_path, other_folder, other_folder2]\n Compass.add_configuration(config, \"sprite_config\")\n\n assert_equal 'foo/my.png', Compass::SassExtensions::Sprites::SpriteMap.relative_name(File.join(other_folder2, 'foo/my.png'))\n FileUtils.rm_rf other_folder\n FileUtils.rm_rf other_folder2\n end\n \n test \"should create map for nested\" do\n base = Compass::SassExtensions::Sprites::SpriteMap.from_uri OpenStruct.new(:value => 'nested/squares/*.png'), @base.instance_variable_get(:@evaluation_context), @options\n assert_equal 'squares', base.name\n assert_equal 'nested/squares', base.path\n end\n \n test \"should have correct position on ten-by-ten\" do\n percent = Sass::Script::Number.new(50, ['%'])\n base = sprite_map_test(@options.merge('selectors_ten_by_ten_position' => percent))\n assert_equal percent, base.image_for('ten-by-ten').position\n end\n\n test 'gets name for sprite in search path' do\n Compass.reset_configuration!\n uri = 'foo/*.png'\n other_folder = File.join(@images_tmp_path, '../other-temp')\n FileUtils.mkdir_p other_folder\n FileUtils.mkdir_p File.join(other_folder, 'foo')\n %w(my bar).each do |file|\n FileUtils.touch(File.join(other_folder, \"foo/#{file}.png\"))\n end\n config = Compass::Configuration::Data.new('config')\n config.images_path = @images_tmp_path\n config.sprite_load_path = [@images_tmp_path, other_folder]\n Compass.add_configuration(config, \"sprite_config\")\n image = Compass::SassExtensions::Sprites::Image.new(@base, \"foo/my.png\", {})\n assert_equal File.join(other_folder, 'foo/my.png'), image.file\n assert_equal 0, image.size\n end\n \nend\n" }, { "path": "compass-style.org/.compass/config.rb", "content": "# Require any additional compass plugins here.\nrequire 'susy'\nrequire 'css-slideshow'\n# Set this to the root of your project when deployed:\nhttp_path = \"/\"\nproject_path = File.expand_path(File.join(File.dirname(__FILE__), '..'))\ncss_dir = \"output/stylesheets\"\nsass_dir = \"content/stylesheets\"\nimages_dir = \"assets/images\"\njavascripts_dir = \"assets/javascripts\"\nfonts_dir = \"assets/fonts\"\nhttp_javascripts_dir = \"javascripts\"\nhttp_stylesheets_dir = \"stylesheets\"\nhttp_images_dir = \"images\"\nhttp_fonts_dir = \"fonts\"\n# To enable relative paths to assets via compass helper functions. Uncomment:\n# relative_assets = true\n" }, { "path": "compass-style.org/.gitignore", "content": "bin\nvendor\noutput\nvendor/ruby\ncrash.log\ntmp\n.bundle\nsync\n.rvmrc\n" }, { "path": "compass-style.org/.livereload", "content": "# Lines starting with pound sign (#) are ignored.\n\n# additional extensions to monitor\n#config.exts << 'haml'\n\n# exclude files with NAMES matching this mask\n#config.exclusions << '~*'\n# exclude files with PATHS matching this mask (if the mask contains a slash)\n#config.exclusions << '/excluded_dir/*'\n# exclude files with PATHS matching this REGEXP\n#config.exclusions << /somedir.*(ab){2,4}.(css|js)$/\n\n# reload the whole page when .js changes\n#config.apply_js_live = false\n# reload the whole page when .css changes\n#config.apply_css_live = false\n\n# wait 100ms for more changes before reloading a page\n#config.grace_period = 0.1\n" }, { "path": "compass-style.org/Gemfile", "content": "source 'https://rubygems.org'\ngem 'nanoc', '~> 3.4.2'\ngem 'i18n'\ngem 'adsf'\ngem 'rb-inotify'\ngem 'thin'\ngem 'foreman'\ngem 'rdiscount'\ngem 'thor'\ngem 'rack'\ngem 'fssm'\ngem 'mime-types'\ngem 'nokogiri'\ngem 'coderay'\ngem 'haml'\ngem 'rake'\ngem 'activesupport', '~> 3.0.10', :require => 'active_support/inflector'\ngem 'sass', \"~> 3.3.0\"\ngem 'compass', :path => \"..\"\ngem 'susy'\ngem 'css-slideshow', \"0.2.0\"\ngem 'json'\ngem 'css_parser', \"1.0.1\"\ngem 'rb-fsevent'\ngem 'builder'\n" }, { "path": "compass-style.org/Procfile", "content": "watch: bundle exec nanoc watch\nview: bundle exec nanoc view -H thin\n" }, { "path": "compass-style.org/README.markdown", "content": "# Compass documentation\n\n* [About](#about)\n* [Documentation setup](#documentation-setup)\n* [Documentation project structure](#documentation-project-structure)\n* [HOW-TOs](#how-tos)\n\nIf 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).\n\n---\n\n## About\n\nThis is the documentation for Compass. Much of the documentation is read from the\nSass source files to keep the docs in-line with current state of the code as much as\npossible.\n\nIf you're reading this, you might be thinking about helping to improve the Compass documentation by editing existing documentation or by adding new documentation.\n\nThere are two main kinds of documentation:\n\n* Tutorials → Describe **how** to use Compass.\n* Reference → Details about **what** Compass has.\n\nIt's possible and encouraged for related tutorials and reference documentation to\nlink to each other.\n\n## Documentation setup\n\nSo you want to help documenting Compass?\n\nSetting up the documentation for Compass is not super-easy, but it's pretty doable.\n\nThe 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.\n\nThe reasons for this setup are simple:\n\n* to keep the documentation current, we need to read from the source code\n* to read from the source code, we need to be in the source code\n\nIf you encounter any problems, there's usually some people around to help at #compass on freenode IRC.\n\n### Prerequisites:\n\n* a Github account, setup to be able to clone repos (see [GitHub Help](http://help.github.com/))\n* [Git](http://git-scm.com/downloads) installed on your computer\n* a basic knowledge of Git ([Pro Git](http://git-scm.com/book) is an excellent free guide)\n\nMake sure that you have RubyGems v1.3.6 or greater:\n\n```sh\n$ gem -v\n```\n\nIf that doesn't work, RubyGems is probably out of date, try:\n\n```sh\n$ (sudo) gem update --system\n```\n\nYou will need the [Bundler](http://gembundler.com/) gem, so if you don't have it:\n\n```sh\n$ (sudo) gem install bundler\n```\n\nA list of the gems on your system can be accessed via `gem list`. Run `gem list bundler` to see if you have bundler installed.\n\n### 1. Get your own copy of Compass (fork)\n\nMake 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` .\n\n### 2. Directory setup\n\n`git clone` your fork of the Compass repository:\n\n```sh\n$ git clone git@github.com:/compass.git\n```\n\n### 3. Bundler\n\nIf you haven't yet done so, install bundler:\n\n```sh\n$ (sudo) gem install bundler\n```\n\nBundle the gems for this application:\n\n```sh\n$ cd compass-style.org\n$ bundle install\n```\n\n### 3/4. Binstubs\n\nIf your bundler is still stuck with generating binstubs (an approach we\nused before), check if there's a `.bundler` directory in\n`compass-style.org`. If there is, delete it and try again. If you don't\nknow what we're talking about, then everything is fine, continue... :)\n\n### 4. Compile the docs\n\nFirst, 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:\n\n```sh\n$ foreman start\n```\n\nThen go to [http://localhost:3000](http://localhost:3000) to view the site.\n\nWe 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`:\n\n```sh\nwatch: bundle exec nanoc watch\nview: bundle exec nanoc view -H thin\n```\n\n`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.\n\nYour basic workflow might look like this:\n\n1. run `foreman start`\n1. open [http://localhost:3000](http://localhost:3000)\n1. make changes in the project files (and save them)\n1. wait for the notification that the compilation is complete\n1. refresh the browser to see the changes\n1. go to 3.\n\nIf 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.\n\nAuto-compiling on file change might not be your thing. In that case, keep this process running in a separate terminal window:\n\n```sh\n$ bundle exec nanoc view -H thin\n```\n\nand run:\n\n```sh\n$ bundle exec nanoc (compile)\n```\n\nevery time you want to compile the site and see the changes.\n\nIf this doesn't work for you, you could try nanoc's `aco` (or `autocompile`) command:\n\n```sh\n$ bundle exec nanoc aco -H thin\n```\n\nIt 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.\n\nFor convenience, all these commands are written as rake tasks:\n\n```sh\n$ rake watch # bundle execn nanoc watch\n$ rake view # bundle exec nanoc view -H thin\n$ rake compile # bundle exec nanoc (compile)\n$ rake aco # bundle exec nanoc aco -H thin\n```\n\nif you choose not to use the Procfile approach.\n\nIt is recommended that you read the 5 minute [tutorial](http://nanoc.stoneship.org/tutorial/) on nanoc.\n\n### 5. Commit your changes to your fork\n\nWhen 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:\n\n```sh\n$ git commit\n```\n\nWhen you're ready to push your changes to your Compass fork on GitHub, run:\n\n```sh\n$ git push -u origin \n```\n\ndepending 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.\n\n#### How to pull in new changes\n\nAdd the original Compass repository to your Git remotes:\n\n```sh\n$ git remote add chris git://github.com/chriseppstein/compass.git\n```\n\nThen get the new changes with fetch:\n\n```sh\n$ git fetch chris\n```\n\nAnd merge them with your local docs branch:\n\n```sh\n$ git merge chris\n```\n\n## Documentation project structure\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
.compass/config.rbCompass 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.
\n\n## HOW-TOs\n\n### How to Add an Asset\n\nIf you are adding an asset (e.g. image, CSS, JavaScript) place the file(s) in the appropriate directories under the `assets` directory.\n\n### How to Add a New Example\n\n(Again, make sure you're in the `compass-style.org` directory.)\n\nWe'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:\n\n```sh\n$ thor help generate:example\n```\n\nwhich produces:\n\n```sh\nUsage:\n thor generate:example path/to/module\n\nOptions:\n -t, [--title=TITLE] # Title of the example.\n -d, [--description=DESCRIPTION] # Description of the example, which is shown below the link.\n -m, [--mixin=MIXIN] # Name of the specific mixin in the module if the example isn't about the whole module.\n\nGenerates a new example.\n```\n\nAll 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.\n\n**Note**: When generating examples or references, Thor is searching for the appropriate\nmodule stylesheet. If it doesn't find one, it raises an error and doesn't\ngenerate anything. So before generating anything make sure the stylesheet exists and is\nunder `../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.\n\nLet's do an example:\n\n```sh\n$ thor generate:example typography/lists/inline-block-list\n```\n\nwhich produces the following output:\n\n```\nGenerating /examples/compass/typography/lists/inline-block-list/\nDIRECTORY content/examples/compass/typography/lists/inline-block-list/\n CREATE content/examples/compass/typography/lists/inline-block-list.haml\n CREATE content/examples/compass/typography/lists/inline-block-list/markup.haml\n CREATE content/examples/compass/typography/lists/inline-block-list/stylesheet.scss\n```\n\nThe command generated three files:\n\n1. `inline-block-list.haml` → The main container, it contains example metadata\n and description.\n1. `markup.haml` → The markup for the example, it will be shown as HTML and as Haml and it's styled with `stylesheet.scss`.\n1. `stylesheet.scss` → The style for the example, it will be shown as SCSS, Sass\n and as CSS. This is the main file as it is demonstrating the module.\n\n`markup.haml` and `stylesheet.scss` are pretty self-explanatory, but we might want take a look at `inline-block-list.haml`.\n\n```\n---\ntitle: Inline Block List\ndescription: How to use Inline Block List\nframework: compass\nstylesheet: compass/typography/lists/_inline-block-list.scss\nexample: true\n---\n- render \"partials/example\" do\n %p Lorem ipsum dolor sit amet.\n```\n\nThe stuff between `---` is called YAML front matter, it's describes example's metadata which is used to associate the example to the reference documentation.\n\nIf your example covers only a specific mixin, not the whole module, you can add\n`mixin: ` to the metadata. This will display the example link right below\nthat mixin in the reference (otherwise, it will appear near the top, below the module\ndescription).\n\nAfter 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.\n\n### How to Add New Reference Documentation\n\nExisting modules already have reference files, so you'll most likely be adding\nreference files to new modules.\n\nSo 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.\n\nThe 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:\n\n```scss\n@import \"shared\";\n\n// Super awesomeness variable.\n$default-super-awesomeness : true !default;\n\n// Super awesome mixin.\n@mixin super-awesome {\n @if $default-super-awesomeness {\n $a: 5;\n }\n}\n```\n\nNow that we have a stylesheet, we can generate the reference for it using the\n`generate:reference` command. We can first see what it does by running:\n\n```sh\n$ thor help generate:reference\n```\n\nwhich produces:\n\n```sh\nUsage:\n thor generate:reference path/to/module\n\nOptions:\n -t, [--title=TITLE] # Title of the reference.\n\nGenerate a reference page for the given module.\n```\n\nNow we can create a reference file for our new module:\n\n```sh\n$ thor generate:reference css3/super-awesome-module\n```\n\nWhich produces the following output:\n\n```\nGenerating /reference/compass/css3/super-awesome-module/\nDIRECTORY content/reference/compass/css3/super-awesome-module/\n CREATE content/reference/compass/css3/super-awesome-module.haml\n```\n\nIf we open `super-awesome-module.haml`, we can see our reference template:\n\n```\n---\ntitle: Compass Super Awesome Module\ncrumb: Super Awesome Module\nframework: compass\nstylesheet: compass/css3/_super-awesome-module.scss\nlayout: core\nclassnames:\n - reference\n - core\n---\n- render \"reference\" do\n %p Lorem ipsum dolor sit amet.\n```\n\nIf `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.\n\nUnlike what you might have guessed, the reference file only holds the main\ndescription of the module. Descriptions of specific variables, functions and\nmixins should be written as comments in the stylesheet file.\n\nHappy documenting!\n" }, { "path": "compass-style.org/Rakefile", "content": "require \"bundler\"\nBundler.setup\n\nrequire \"rake\"\n\ndesc \"Watch the site for changes.\"\ntask :watch do\n sh \"nanoc watch\"\nend\n\ndesc \"Compile the site.\"\ntask :compile do\n sh \"nanoc compile\"\nend\n\ndesc \"View the site in a browser.\"\ntask :view do\n sh \"nanoc view -H thin\"\nend\n\ndesc \"View the site in a browser with live updating (sluggish).\"\ntask :aco do\n sh \"nanoc aco -H thin\"\nend\n" }, { "path": "compass-style.org/Rules", "content": "#!/usr/bin/env ruby\n\nrequire 'sass'\nrequire 'compass'\n\nCompass.add_configuration \"#{File.dirname(__FILE__)}/.compass/config.rb\"\n\nSITE_ROOT = \"\"\n\ncompile '/assets/*/' do\n nil\nend\n\n['markup', 'stylesheet', 'background'].each do |ex_file|\n compile \"/examples/*/#{ex_file}/\" do\n snapshot :raw\n nil\n end\nend\n\ncompile '/' do\n filter :haml, :ugly => true\n layout item[:layout] ? item[:layout] : \"main\"\nend\n\ncompile '/search-data/' do\n filter :erb\nend\n\ncompile '/examples/*/' do\n filter :haml, :ugly => true\n filter :highlight\n layout item[:layout] ? item[:layout] : \"example\"\nend\n\nsass_options = Compass.sass_engine_options\n\n(0..5).each do |i|\n compile(\"/stylesheets/#{'*/' * i}_*/\") {nil}\nend\n\ncompile '/stylesheets/*' do\n filter :sass, sass_options.merge(:syntax => item[:extension].to_sym)\nend\n\ncompile '/reference/*/' do\n filter :haml, :ugly => true\n filter :highlight\n layout item[:layout] ? item[:layout] : \"main\"\nend\n\ncompile '/posts/*/' do\n filter :erb\n filter :rdiscount if item[:extension] == \"markdown\"\n layout 'post'\nend\n\ncompile \"/blog/atom/\" do\n filter :haml, :attr_wrapper => '\"'\nend\n\ncompile 'sitemap' do\n filter :erb\nend\n\ncompile '*' do\n if item[:extension] == \"markdown\"\n filter :erb\n filter :rdiscount\n elsif item[:extension] == \"haml\"\n filter :haml, :ugly => true\n end\n layout item[:layout] ? item[:layout] : \"main\"\nend\n\nroute 'sitemap' do\n item.identifier.chop + '.xml'\nend\n\nroute \"/blog/atom/\" do\n \"/blog/atom.xml\"\nend\n\nroute '/search-data/' do\n \"#{SITE_ROOT}/javascripts\"+item.identifier[0..-2]+\".js\"\nend\n\n(0..5).each do |i|\n route(\"/stylesheets/#{'*/' * i}_*/\") {nil}\nend\n\nroute '/assets/htaccess/' do\n \"#{SITE_ROOT}/.htaccess\"\nend\n\nroute '/assets/css/*/' do\n \"#{SITE_ROOT}/stylesheets\"+item.identifier.chop[11..-1]\nend\n\nroute '/assets/images/*/' do\n SITE_ROOT+item.identifier.chop[7..-1]\nend\n\nroute '/assets/javascripts/*/' do\n SITE_ROOT+item.identifier.chop[7..-1]\nend\n\nroute '/assets/fonts/*/' do\n SITE_ROOT+item.identifier.chop[7..-1]\nend\n\nroute '/stylesheets/*/' do\n # don't generate a directory like we do for HTML files\n SITE_ROOT+item.identifier.chop + '.css'\nend\n\nroute '/posts/*/' do\n if item[:draft]\n puts \"Skipping Draft post: #{item.identifier}\"\n nil\n elsif item.identifier =~ %r{^/posts/(\\d{4})-(\\d{2})-(\\d{2})-(.*)/$}\n \"/blog/#{$1}/#{$2}/#{$3}/#{$4}/index.html\"\n else\n puts \"WARNING: malformed post name: #{item.identifier}\"\n nil\n end\nend\n\n%w(markup stylesheet background).each do |ex_file|\n route \"/examples/*/#{ex_file}/\" do\n nil\n end\nend\n\nroute '*' do\n SITE_ROOT+item.identifier + 'index.html'\nend\n\nlayout '*', :haml, :ugly => true\n" }, { "path": "compass-style.org/assets/htaccess", "content": "RedirectMatch 301 /docs/$ /reference/compass/\nRedirectMatch 301 /docs/tutorials/(.*) /help/tutorials/$1\nRedirectMatch 301 /docs/(.*) /$1\nRedirectMatch 301 /reference/$ /reference/compass/\n" }, { "path": "compass-style.org/assets/javascripts/fixups.js", "content": "$(function(){\n $('span.color').each(function(i,e){\n e = $(e);\n e.after('');\n });\n $('span.arg[data-default-value]').each(function(i,e){\n e = $(e);\n e.attr(\"title\", \"Defaults to: \" + e.attr(\"data-default-value\"))\n });\n});\n\n/*;(function()\n{\n\ttypeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;\n\tfunction Brush(){};\n\tBrush.prototype\t= new SyntaxHighlighter.Highlighter();\n\tBrush.aliases\t= ['sass', 'scss', 'css', 'html'];\n\n\tSyntaxHighlighter.brushes.Sass = Brush;\n\n\ttypeof(exports) != 'undefined' ? exports.Brush = Brush : null;\n})();*/\n" }, { "path": "compass-style.org/assets/javascripts/install.js", "content": "function showInstallCommand() {\n var cmd = $(\"#existence\").val();\n var commands = [];\n var notes = [];\n var project_name = \"<myproject>\";\n var can_be_bare = true;\n var in_working_dir = false;\n var use_bundler = false;\n if ($(\"#app-type\").val() != \"rails\") {\n commands.push(\"$ gem install compass\");\n }\n if (cmd == \"init\") {\n commands.push(\"$ cd \" + project_name);\n in_working_dir = true\n project_name = \".\";\n $(\".creating\").hide();\n } else {\n $(\".creating\").show();\n if ($(\"#project_name\").val() != \"\")\n project_name = $(\"#project_name\").val();\n }\n if ($(\"#app-type\").val() == \"rails\") {\n 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.

\");\n use_bundler = true;\n }\n if ($(\"#app-type\").val() == \"rails\") {\n if (cmd == \"create\") {\n commands.push(\"$ rails new \" + project_name);\n commands.push(\"$ cd \" + project_name);\n in_working_dir = true\n project_name = \".\";\n }\n commands.push(\"> Edit Gemfile and add this:\");\n commands.push(\" group :assets do\");\n commands.push(\" gem 'compass-rails'\");\n commands.push(\" # Add any compass extensions here\");\n commands.push(\" end\");\n commands.push(\"$ bundle\");\n cmd = \"init rails\";\n can_be_bare = false;\n } else if ($(\"#app-type\").val() == \"other\") {\n if (cmd == \"init\") {\n cmd = \"create\";\n }\n } else if ($(\"#app-type\").val() == \"stand-alone\") {\n if (cmd == \"init\") {\n cmd = \"install\";\n can_be_bare = false;\n }\n }\n var framework = $(\"#framework\").val();\n var create_command;\n if (cmd == \"install\") {\n create_command = \"$ compass install \" + framework;\n } else {\n create_command = \"$ compass \" + cmd;\n }\n if (!in_working_dir) {\n create_command = create_command + \" \" + project_name;\n }\n if (framework != \"compass\" && framework != \"bare\" && cmd != \"install\") {\n create_command = create_command + \" --using \" + framework;\n } else if (framework == \"bare\") {\n if (can_be_bare) {\n create_command = create_command + \" --bare\";\n } else {\n notes.push(\"

You cannot create a bare project in this configuration. Feel free to remove any stylesheets that you don't want.

\");\n }\n }\n if ($(\"#syntax\").val() == \"sass\") {\n create_command = create_command + \" --syntax sass\";\n }\n if ($(\"#options\").val() == \"customized\") {\n $(\"#directories\").show();\n if ($(\"#sassdir\").val() != \"\")\n create_command += \" --sass-dir \\\"\" + $(\"#sassdir\").val() + \"\\\"\";\n if ($(\"#cssdir\").val() != \"\")\n create_command += \" --css-dir \\\"\" + $(\"#cssdir\").val() + \"\\\"\";\n if ($(\"#jsdir\").val() != \"\")\n create_command += \" --javascripts-dir \\\"\" + $(\"#jsdir\").val() + \"\\\"\";\n if ($(\"#imagesdir\").val() != \"\")\n create_command += \" --images-dir \\\"\" + $(\"#imagesdir\").val() + \"\\\"\";\n } else {\n $(\"#directories\").hide();\n }\n if (use_bundler) {\n create_command = \"$ bundle exec \" + create_command.replace(/\\$ /,'');\n }\n commands.push(create_command);\n var instructions = \"
\" + commands.join(\"\\n\") + \"
\";\n if (instructions.match(/</)) {\n notes.push(\"

Note: Values indicated by <> are placeholders. Change them to suit your needs.\");\n }\n $(\"#steps\").html(instructions + notes.join(\"\"));\n}\n\nfunction attachMadlibBehaviors() {\n $(\"#app-type\").change(function(event) {\n var val = $(event.target).val();\n if (val == \"other\") {\n $(\"#options\").val(\"customized\");\n $(\".madlib\").addClass(\"customizable\");\n } else if (val == \"rails\") {\n $(\"#options\").val(\"default\");\n $(\".madlib\").removeClass(\"customizable\");\n } else {\n $(\".madlib\").addClass(\"customizable\");\n }\n });\n $(\"#existence, #app-type, #framework, #syntax, #options\").change(showInstallCommand);\n $(\".madlib input\").keyup(function(){setTimeout(showInstallCommand, 0.1)});\n}\n\nfunction setupMadlib() {\n attachMadlibBehaviors();\n showInstallCommand();\n}\n\n$(setupMadlib);\n" }, { "path": "compass-style.org/assets/javascripts/jquery.cookie.js", "content": "/**\n * Cookie plugin\n *\n * Copyright (c) 2006 Klaus Hartl (stilbuero.de)\n * Dual licensed under the MIT and GPL licenses:\n * http://www.opensource.org/licenses/mit-license.php\n * http://www.gnu.org/licenses/gpl.html\n *\n */\n\n/**\n * Create a cookie with the given name and value and other optional parameters.\n *\n * @example $.cookie('the_cookie', 'the_value');\n * @desc Set the value of a cookie.\n * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });\n * @desc Create a cookie with all available options.\n * @example $.cookie('the_cookie', 'the_value');\n * @desc Create a session cookie.\n * @example $.cookie('the_cookie', null);\n * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain\n * used when the cookie was set.\n *\n * @param String name The name of the cookie.\n * @param String value The value of the cookie.\n * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.\n * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.\n * If a negative value is specified (e.g. a date in the past), the cookie will be deleted.\n * If set to null or omitted, the cookie will be a session cookie and will not be retained\n * when the the browser exits.\n * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).\n * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).\n * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will\n * require a secure protocol (like HTTPS).\n * @type undefined\n *\n * @name $.cookie\n * @cat Plugins/Cookie\n * @author Klaus Hartl/klaus.hartl@stilbuero.de\n */\n\n/**\n * Get the value of a cookie with the given name.\n *\n * @example $.cookie('the_cookie');\n * @desc Get the value of a cookie.\n *\n * @param String name The name of the cookie.\n * @return The value of the cookie.\n * @type String\n *\n * @name $.cookie\n * @cat Plugins/Cookie\n * @author Klaus Hartl/klaus.hartl@stilbuero.de\n */\njQuery.cookie = function(name, value, options) {\n if (typeof value != 'undefined') { // name and value given, set cookie\n options = options || {};\n if (value === null) {\n value = '';\n options.expires = -1;\n }\n var expires = '';\n if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {\n var date;\n if (typeof options.expires == 'number') {\n date = new Date();\n date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));\n } else {\n date = options.expires;\n }\n expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE\n }\n // CAUTION: Needed to parenthesize options.path and options.domain\n // in the following expressions, otherwise they evaluate to undefined\n // in the packed version for some reason...\n var path = options.path ? '; path=' + (options.path) : '';\n var domain = options.domain ? '; domain=' + (options.domain) : '';\n var secure = options.secure ? '; secure' : '';\n document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');\n } else { // only name given, get cookie\n var cookieValue = null;\n if (document.cookie && document.cookie != '') {\n var cookies = document.cookie.split(';');\n for (var i = 0; i < cookies.length; i++) {\n var cookie = jQuery.trim(cookies[i]);\n // Does this cookie string begin with the name we want?\n if (cookie.substring(0, name.length + 1) == (name + '=')) {\n cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n break;\n }\n }\n }\n return cookieValue;\n }\n};" }, { "path": "compass-style.org/assets/javascripts/jquery.url.packed.js", "content": "jQuery.url=function(){var segments={};var parsed={};var options={url:window.location,strictMode:false,key:[\"source\",\"protocol\",\"authority\",\"userInfo\",\"user\",\"password\",\"host\",\"port\",\"relative\",\"path\",\"directory\",\"file\",\"query\",\"anchor\"],q:{name:\"queryKey\",parser:/(?:^|&)([^&=]*)=?([^&]*)/g},parser:{strict:/^(?:([^:\\/?#]+):)?(?:\\/\\/((?:(([^:@]*):?([^:@]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?((((?:[^?#\\/]*\\/)*)([^?#]*))(?:\\?([^#]*))?(?:#(.*))?)/,loose:/^(?:(?![^:@]+:[^:@\\/]*@)([^:\\/?#.]+):)?(?:\\/\\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/}};var parseUri=function(){str=decodeURI(options.url);var m=options.parser[options.strictMode?\"strict\":\"loose\"].exec(str);var uri={};var i=14;while(i--){uri[options.key[i]]=m[i]||\"\"}uri[options.q.name]={};uri[options.key[12]].replace(options.q.parser,function($0,$1,$2){if($1){uri[options.q.name][$1]=$2}});return uri};var key=function(key){if(!parsed.length){setUp()}if(key==\"base\"){if(parsed.port!==null&&parsed.port!==\"\"){return parsed.protocol+\"://\"+parsed.host+\":\"+parsed.port+\"/\"}else{return parsed.protocol+\"://\"+parsed.host+\"/\"}}return(parsed[key]===\"\")?null:parsed[key]};var param=function(item){if(!parsed.length){setUp()}return(parsed.queryKey[item]===null)?null:parsed.queryKey[item]};var setUp=function(){parsed=parseUri();getSegments()};var getSegments=function(){var p=parsed.path;segments=[];segments=parsed.path.length==1?{}:(p.charAt(p.length-1)==\"/\"?p.substring(1,p.length-1):path=p.substring(1)).split(\"/\")};return{setMode:function(mode){strictMode=mode==\"strict\"?true:false;return this},setUrl:function(newUri){options.url=newUri===undefined?window.location:newUri;setUp();return this},segment:function(pos){if(!parsed.length){setUp()}if(pos===undefined){return segments.length}return(segments[pos]===\"\"||segments[pos]===undefined)?null:segments[pos]},attr:key,param:param}}();" }, { "path": "compass-style.org/assets/javascripts/placeholder.js", "content": "(function($) {\n\n\t$.fn.replaceholder = function(options) {\n\n\t\tvar $placeholder;\n\n\t\t(this.length > 0) ? $this = $(this) : $this = $('input[placeholder]');\n\t\treturn $this.each(function() {\n\n\t\t\tsettings = jQuery.extend(options);\n\n\t\t\tvar $placeholder = $(this);\n\n\t\t\tif ($placeholder.length > 0) {\n\n\t\t\t\tvar attrPh = $placeholder.attr('placeholder');\n\n\t\t\t\t$placeholder.attr('value', attrPh);\n\t\t\t\t$placeholder.bind('focus', function() {\n\n\t\t\t\t\tvar $this = $(this);\n\n\t\t\t\t\tif($this.val() === attrPh)\n\t\t\t\t\t\t$this.val('').removeClass('placeholder');\n\n\t\t\t\t}).bind('blur', function() {\n\n\t\t\t\t\tvar $this = $(this);\n\n\t\t\t\t\tif($this.val() === '')\n\t\t\t\t\t\t$this.val(attrPh).addClass('placeholder');\n\n\t\t\t\t});\n\n\t\t\t}\n\n\t\t});\n\n\t};\n\n})(jQuery);\n\njQuery(function($){\n $(document).ready(function(){\n if (!Modernizr.input.placeholder) { $(\"input[placeholder], textarea[placeholder]\").replaceholder() }\n })\n})\n" }, { "path": "compass-style.org/assets/javascripts/shAutoloader.js", "content": "/**\n * SyntaxHighlighter\n * http://alexgorbatchev.com/SyntaxHighlighter\n *\n * SyntaxHighlighter is donationware. If you are using it, please donate.\n * http://alexgorbatchev.com/SyntaxHighlighter/donate.html\n *\n * @version\n * 3.0.83 (July 02 2010)\n * \n * @copyright\n * Copyright (C) 2004-2010 Alex Gorbatchev.\n *\n * @license\n * Dual licensed under the MIT and GPL licenses.\n */\neval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c])}}return p}('(2(){1 h=5;h.I=2(){2 n(c,a){4(1 d=0;d

\n
W =
Width of 1 column in pixels.
\n
G =
Width of 1 gutter in pixels.
\n
H =
Height of the typographic baseline in pixels.
\n
\nExamples:\n\n # 40px column, 10px gutter, 20px height at /grid.png\n compass grid-img 40+10\n # 40px column, 20px gutter, 28px height at /grid.png\n compass grid-img 40+20x28\n # 60px column, 20px gutter, 28px height at images/wide_grid.png\n compass grid-img 60+20x28 images/wide_grid.png\n\n\n### Enter into a console for testing SassScript in a compass environment.\n\n compass interactive\n\n\n### Print out statistics about your stylesheets\n\n compass stats\n\n\n### Emit the version of compass\n\n compass version\n\n\n### Unpack a framework or extension into your project\n\n compass unpack \n\nGet Help on the Command Line\n----------------------------\n\n\n### Get help on compass\n\n compass help\n\n\n### Get help on an extension\n\n compass help extension_name\n\n\n### Get help about an extension pattern\n\n compass help extension_name/pattern_name\n\n\n### Get help about a particular sub command\n\n compass help command_name\n\n" }, { "path": "compass-style.org/content/help/documentation/configuration-reference.markdown", "content": "---\ntitle: Configuration Reference\nlayout: documentation\nclassnames:\n - documentation\n---\n# Ruby-based Configuration Reference\n\nThe compass configuration file is a ruby file, which means that we can do some\nclever things if we want to. But don’t let it frighten you; it’s really quite\neasy to set up your project.\n\n## Basic format\n\nMost configuration properties are a simple assignment to a configuration property.\nFor example:\n\n css_dir = \"stylesheets\"\n\nMost configuration properties have a value that is a “basic” type. There are three\nbasic types that can be set to a property:\n\n* **String** – Text is surrounded by either single or double quotes.\n E.g. `\"this is a string\"`\n* **Symbol** – A symbol starts with a colon and has no spaces in it.\n Symbols are used to represent values where the set of possible values are limited.\n E.g. `:foo` or `:foo_bar_baz`\n* **Boolean** – `true` or `false`\n\nThere are two kinds of composite values:\n\n* **Array** – An Array is a comma delimited list of basic values surrounded by\n square brackets. E.g. `[\"one\", \"two\", \"three\"]`.\n* **Hash** – A Hash is an association or mapping of one value to another.\n It is a comma delimited list of associations surrounded by curly brackets.\n An association is two values separated by `=>`. E.g. `{:foo => \"aaa\", :bar => \"zzz\"}`\n\n\n## Comments\n\nUse the hash sign `#` to comment out everything from the hash sign to the end\nof the line.\n\n## Import Note for Windows Users\n\nThe backslash character (`\\`) is a special character in a string delimited by\ndouble quotes (`\"`). If you are working with folders in your paths, you should\neither use **single quotes** to delimit your strings or escape your backslash\nby doubling it like `\"some\\\\path\"`.\n\n\n## Loading Compass Plugins\n\nCompass relies on the ruby `require` mechanism to load other libraries of code.\nTo load a compass-compatible plugin, simply require it at the top of your\nconfiguration file. If you used the -r option to access another library at project\ncreation time, this will already be set up for you.\n\nExample:\n\n require 'ninesixty'\n require 'susy'\n\n\n## Overriding Configuration Settings\n\nWhen using the compass command line, configuration options that you set on the\ncommand line will override the corresponding settings in your configuration file.\n\n\n## Inspecting Configuration Settings passed via the Command Line\n\nWhen using the compass command line, configuration options that you set on the\ncommand line can be inspected within the configuration file. For instance,\nif you set the environment:\n\n $ compass compile -e production --force\n\nThen you can inspect the value like so:\n\n output_style = (environment == :production) ? :compressed : :expanded\n\nValues that are not set on the CLI will be `nil` even though they will have a default value\nlater on.\n\n## Configuration Properties\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Property NameType Description
project_type Symbol Can be :stand_alone or\n :rails. Defaults to :stand_alone.\n
environment Symbol The environment mode.\n Defaults to :development, can also be :production\n
project_path String Not needed in :stand_alone mode\n where it can be inferred by context. Sets the path to the root of the project.\n
http_path String The path to the project when running within the\n web server. Defaults to \"/\".\n
css_dir String The directory where the css stylesheets are kept.\n It is relative to the project_path.\n Defaults to \"stylesheets\".\n
css_path String The full path to where css stylesheets are kept.\n Defaults to <project_path>/<css_dir>.\n
http_stylesheets_path String The full http path to stylesheets on the web server. Defaults to http_path + \"/\" + css_dir.
sass_dir String The directory where the sass stylesheets are kept.\n It is relative to the project_path. Defaults to \"sass\".\n
sass_path String The full path to where sass stylesheets are kept.\n Defaults to <project_path>/<sass_dir>.\n
images_dir String The directory where the images are kept.\n It is relative to the project_path.\n Defaults to \"images\".\n
images_path String The full path to where images are kept.\n Defaults to <project_path>/<images_dir>.\n
http_images_path StringThe full http path to images on the web server.\n Defaults to http_path + \"/\" + images_dir.\n
generated_images_dir StringThe directory where generated images are kept.\n It is relative to the project_path.\n Defaults to the value of images_dir.\n
generated_images_path StringThe full path to where generated images are kept.\n Defaults to the value of <project_path>/<generated_images_dir>.\n
http_generated_images_path StringThe full http path to generated images on\n the web server. Defaults to http_path + \"/\" + generated_images_dir.\n
javascripts_dir String The directory where the javascripts are kept.\n It is relative to the project_path. Defaults to\n \"javascripts\".\n
javascripts_path String The full path to where javascripts are kept.\n Defaults to <project_path>/<javascripts_dir>.\n
http_javascripts_path String The full http path to javascripts on the web server.\n Defaults to http_path + \"/\" + javascripts_dir.\n
output_style Symbol The output style for the compiled css.\n One of: :nested, :expanded, :compact,\n or :compressed.\n
relative_assets Boolean Indicates whether the compass helper functions\n should generate relative urls from the generated css to assets, or absolute urls\n using the http path for that asset type.\n
additional_import_paths Array of Strings Other paths on your system from which to import\n sass files. See the add_import_path function for a simpler\n approach.\n
sourcemap Boolean\n Set this to true to enable sourcemap output.\n
disable_warnings Boolean \n Set this to true to silence deprecation warnings.\n
sass_options Hash These options are passed directly to the\n Sass compiler. For more details on the format of sass options, please read the\n sass options documentation.\n
line_comments Boolean Indicates whether line comments should be added\n to compiled css that says where the selectors were defined. Defaults to false\n in production mode, true in development mode.\n
preferred_syntax Symbol Can be :scss or :sass.\n Defaults to :scss.\n
fonts_dir String The directory where the font files are kept.\n Standalone projects will default to <css_dir>/fonts.\n Rails projects will default to \"public/fonts\".\n
fonts_path String The full path to where font files are kept.\n Defaults to <project_path>/<fonts_dir>.
http_fonts_path String The full http path to font files on the web server.
http_fonts_dir String The relative http path to font files on the web server.
sprite_engine Symbol Defaults to :chunky_png
chunky_png_optionsHash \n Defaults to {:compression => Zlib::BEST_COMPRESSION}. See the chunky_png wiki for more information\n
sprite_load_pathArray \n Defaults to [images_path] \n
\n\n\n## Configuration Functions\n\n**`add_import_path`** – Call this function to add a path to the list of sass import\npaths for your compass project. E.g.:\n\n add_import_path \"/Users/chris/work/shared_sass\"\n\n---\n\n**`asset_host`** – Pass this function a block of code that will define the asset\nhost url to be used. The block must return a string that starts with a protocol\n(E.g. http). The block will be passed the root-relative url of the asset.\nFor example, this picks one of four asset hosts numbered 0-3, depending on\nthe name of the asset:\n\n asset_host do |asset|\n \"http://assets%d.example.com\" % (asset.hash % 4)\n end\n\nBy default there is no asset host used. When `relative_assets` is true\nthe asset host configuration is ignored.\n\n---\n\n\n**`asset_cache_buster`** – Pass this function a block of code that defines the\ncache buster strategy to be used. The block must return nil, a string or a hash.\nIf the returned value is a hash the values of :path and/or :query is used to generate\na cache busted path to the asset. If a string value is returned, it is added as a query string.\nThe returned values for query strings must not include the starting `?`.\n\nThe block will be passed the root-relative url of the asset.\nIf the block accepts two arguments, it will also be passed a path\nthat points to the asset on disk — which may or may not exist.\n\n # Increment the deploy_version before every release to force cache busting.\n deploy_version = 1\n asset_cache_buster do |http_path, file|\n if file\n file.mtime.strftime(\"%s\")\n else\n \"v=#{deploy_version}\"\n end\n end\n\nBusting the cache via path:\n\n asset_cache_buster do |path, file|\n if file\n pathname = Pathname.new(path)\n modified_time = file.mtime.strftime(\"%s\")\n new_path = \"%s/%s-%s%s\" % [pathname.dirname, pathname.basename(pathname.extname), modified_time, pathname.extname]\n\n {:path => new_path, :query => nil}\n end\n end\n\nTo disable the asset cache buster:\n\n asset_cache_buster :none\n\n---\n\n**`watch`** -- React to changes to arbitrary files within your project. Can be invoked\nmore than once. Example:\n\n watch \"images/**/*\" do |project_dir, relative_path|\n if File.exists?(File.join(project_dir, relative_path))\n puts \"File size of #{relative_path} is: #{File.size(File.join(project_dir, relative_path))}\"\n end\n end\n\nThis code will be called if the file is added, updated, or removed. Be sure to check for existence\nto avoid crashing the watcher in the case where the file has been removed.\n\n## Callbacks\n\n**`on_sprite_saved`** -- Pass this function a block of code that gets executed after a sprite is saved to disk. The block will be passed the filename. Can be invoked more then once. Example:\n\n on_sprite_saved do |filename|\n post_process(filename) if File.exists?(filename)\n end\n\n**`on_sprite_generated`** -- Pass this function a block of code that gets executed after a sprite is generated but before its saved to disk. The block will be passed an instance of `ChunkyPNG::Image`. Can be invoked more then once. Example:\n\n on_sprite_generated do |sprite_data|\n sprite_data.metadata['Caption'] = \"This Image is © My Company 2011\"\n end\n\n**`on_stylesheet_saved`** -- Pass this function a block of code that gets executed after a stylesheet is processed. The block will be passed the filename. Can be invoked more then once. Example:\n\n on_stylesheet_saved do |filename|\n Growl.notify {\n self.message = \"#{File.basename(filename)} updated!\"\n self.icon = '/path/to/success.jpg'\n }\n end\n\n**`on_stylesheet_error`** -- Pass this function a block of code that gets executed if a stylesheet has an error while processing. The block will be passed the filename and the error message. Can be invoked more then once. Example:\n\n on_stylesheet_error do |filename, message|\n Growl.notify {\n self.message = \"#{File.basename(filename)}: #{message}\"\n self.icon = '/path/to/fail.jpg'\n sticky!\n }\n end\n" }, { "path": "compass-style.org/content/help/documentation/sass-based-configuration-options.markdown", "content": "---\ntitle: Sass-based Configuration Options\nlayout: documentation\nclassnames:\n - documentation\n---\n# Sass-based Configuration Options\n\nMost of the options available in the Ruby-based configuration file are\nused to configure the Sass compiler. These options cannot be configured\nfrom within your Sass files.\n\nHowever some Compass options are possible to set from within Sass\nbecause they are only used to control how Compass's built-in functions\nwork. For example, url generation using `image-url()` and `font-url()`.\n\nThe options that can be set via Sass configuration are:\n\n* `asset-cache-buster` - String, Function reference, or `null`. The function\n reference must accept two arguments (url path, filename) and can\n return either a string to be interpreted as a query parameter or a map\n containing the keys query and/or path mapped to a string. The string\n is a simple value to set as the query parameter on all urls, when\n `null`, the cache busting feature is disabled.\n* `asset-host` - Function reference, or `null`. When `null` this feature\n is disabled (default). A referenced function must accept a single\n argument (the root relative url) and return a full url (starting with\n \"http\").\n* `disable-warnings` - Boolean. When true, warnings will not be output.\n* `fonts-dir` - String. Relative to project directory.\n* `fonts-path` - String. Absolute path.\n* `generated-images-dir` - String. Relative to project directory.\n* `generated-images-path` - String. Absolute path.\n* `http-fonts-dir` - String. Relative to project directory.\n* `http-fonts-path` - String. Absolute path.\n* `http-generated-images-dir` - String. Relative to http path.\n* `http-generated-images-path` - String. Absolute path.\n* `http-images-dir` - String. Relative to project directory.\n* `http-images-path` - String. Absolute path.\n* `http-path` - String. URL Prefix of all urls starting with '/'.\n* `images-dir` - String. Relative to project directory.\n* `images-path` - String. Absolute path.\n* `relative-assets` - Boolean. When true, generate relative paths from\n the css file to the asset.\n\nThe have the same meaning as the corresponding options in the ruby\nconfiguration format. However, there are some things that are different\nthat are worth explaining. \n\n## Working with paths.\n\nCompass provides a function called `absolute-path` that will turn any\npath relative to the sass file it is called from into an absolute path.\nIn order to make your stylesheets work on both windows and unix-based\noperating systems, you should use the `join-file-segments` function\ninstead of a file separator.\n\nFor example. If your configuration partial was stored in a subdirectory\nof your sass folder you would want to set `$project-path` to\n`absolute-path(join-file-segments('..', '..'))`.\n\nIn some cases it is useful to parse a url or filename.\nThe function `split-filename($filename)` returns a triple of\n`(directory, basename, extension)`. \n\n## Working with Function References\n\nSome configuration options passed to compass accept a function\nreference. This is an identifier that is the same name as a Sass\nfunction defined in either Sass or Ruby. What arguments the function\naccepts and should return depends on the particular configuration\nproperty. For example:\n\n @function my-cache-buster($url, $file) {\n $hash: md5sum($file);\n @if $hash {\n @return (query: \"h=#{$hash}\");\n } @else {\n @return null;\n }\n }\n \n @include compass-configuration($asset-cache-buster: my-cache-buster);\n\n\n## Configuration File Best Practices\n\nIt is suggested that all compass configuration performed from within\nSass should be kept in a single partial named `project-setup`. This file\nshould be imported into every Sass file that is to be used with Compass.\n\n\n## Understanding the project setup file\n\n $project-path: absolute-path(\"..\");\n\nThe global `$project-path` must be set to an absolute path to the\ndirectory of the project. This global is used to initial compass\nwhen importing `compass/configuration`.\n\n $debug-configuration: true;\n\nCauses compass to output useful debugging information about how it is\nconfigured.\n\n @import \"compass/configuration\";\n\nInitializes compass and makes some useful configuration utilities available.\n\n $compass-options: (http_path: \"/\");\n @include compass-configuration($compass-options);\n\nConfigures Compass according to your specific needs. If this mixin is\ncalled more than once it will give you a warning. To reconfigure compass\nwith different options, pass `$reconfigure: true` to the\ncompass-configuration mixin.\n\n" }, { "path": "compass-style.org/content/help/documentation/tuning-vendor-prefixes.markdown", "content": "---\ntitle: Tuning Vendor Prefix Support\nlayout: documentation\nclassnames:\n - documentation\n---\n\n# Tuning Vendor Prefixes from Compass Stylesheets\n\nUnderneath the covers of Compass's vendor prefixing and legacy\nbrowser support is the very same data that drives the website\n[caniuse.com](http://caniuse.com).\n\nThis data allows Compass to correlate browser support with browser usage\nstatistics and browser versions for you. By telling Compass the user\nthresholds where you're comfortable letting a user's experience degrade\ngracefully or break Compass will automatically add or remove vendor\nprefixes for particular features according to the browser statistics\ncorresponding to them.\n\n## Allowing Graceful Degradation in Legacy Browsers\n\nCSS features that can degrade gracefully (E.g. `border-radius`) are set\nby default to adhere to the `$graceful-usage-threshold` variable. This\nvariable defaults to `0.1` which means that when 0.1% of users (1 in\n1,000) would be affected by removing the prefix for that feature, it\nwill be removed.\n\n## Allowing Broken Design in Legacy Browsers\n\nCSS features that do not degrade gracefully (E.g. `flexbox`) are set by\ndefault to adhere to the `$critical-usage-threshold` variable. This\nvariable defaults to `0.01` which means that when 0.01% of users (1 in\n10,000) would be affected by removing the prefix for that feature, it\nwill be removed.\n\n## Ensuring a Browser Version Is Supported\n\nSometimes you may wish to fully support a browser version no matter how\nfew people are using it. Maybe the CEO uses it and it has to look\nperfect. In this case you can set the minimum browser version for each\nknown browser with the `$browser-minimum-versions` map. For instance, if\nyou need to support IE 6, you would set `$browser-minimum-versions` to\n`(ie: '6')`. Please note that since not all browser versions that\nCompass tracks are numbers, every version specified must be a string.\n\n## Excluding a Browser no Matter How Many Users it Has\n\nThe `$supported-browsers` variable defines which browsers your site\nsupports. By default, all browsers are supported. You can use this\nsetting to whitelist only certain browsers, or you can blacklist\nspecific browsers by rejecting them from the full list. Example:\n`$supported-browsers: reject(browsers(), opera-mini, android)`\n\n## Discovering Browsers and Versions\n\nThe list of browsers and versions that are known to compass is guided by\nthe underlying data. You can inspect these values in the console:\n\n $ compass interactive\n >> browsers()\n (\"android\", \"android-chrome\", \"android-firefox\", \"blackberry\", \"chrome\", \"firefox\", \"ie\", \"ie-mobile\", \"ios-safari\", \"opera\", \"opera-mini\", \"opera-mobile\", \"safari\")\n >> browser-versions(ie)\n (\"5.5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\")\n\n## Tweaking Support on a Per-Feature Basis\n\nEach CSS3 module provides feature-specific threshold variables. These\ndefault to either `$graceful-usage-threshold` or\n`$critical-usage-threshold`, which should be good enough, but if it's\nnot, you can adjust the support for just the features that matter to\nyou. For example, the border radius module has a configuration variable\n`$border-radius-threshold` which defaults to\n`$graceful-usage-threshold`. But if rounded corners are essential to\nyour design, you may want to set it to something lower.\n\n## Prefix Context\n\nThere are two variables relating to prefix context.\n\n`$prefix-context` will be set to a prefix whenever a prefix is in scope.\n\n`$current-prefix` is set the prefix that is currently being emitted. This\nis different from `$prefix-context` in that sometimes it is null when\nrendering official syntax within the scope of some other prefix.\n\nAll Compass mixins are aware of the prefix context and you can use them\nfreely and get the output you expect. You can also check the context\nyourself if you feel it is necessary. For example, the keyframes mixin\naccepts a content block which is repeated several times:\n\n @import \"compass/css3\";\n @include keyframes(my-animation) {\n 0% {\n @if $prefix-context == -moz {\n // Do something mozilla specific in your animation.\n }\n @include border-radius(5px); // only outputs the -moz prefix an\n }\n }\n\nHowever, Compass comes with a handy mixin for targeting content to a\nspecific prefix context: `with-browser-prefix`. This mixin can be used\nto establish a context or prevent content from being placed into a\ncontext where it doesn't belong. For example, we could have written the\nexample above as:\n\n @import \"compass/css3\";\n @include keyframes(my-animation) {\n 0% {\n @include with-prefix(-moz) {\n // Do something mozilla specific in your animation.\n }\n @include border-radius(5px); // only outputs the -moz prefix an\n }\n }\n\nSimilarly, you can constrain compass output to a particular prefix. The\nexample below would only generate the mozilla and official keyframes\ndirectives and prefixed properties.\n\n @import \"compass/css3\";\n @include with-prefix(-moz) {\n @include keyframes(my-animation) {\n 0% {\n @include border-radius(5px); // only outputs the -moz prefix an\n }\n }\n }\n\n## Targeting Legacy Browsers\n\nWhen a generic mixin has support for a legacy browser, the legacy\nspecific styles should be wrapped in a `for-legacy-browser` mixin.\nIn this way, the legacy content will only appear when not in an\nincompatible context and will be automaticaly removed when the usage\nof that browser range falls below acceptable thresholds.\n\n## Browser Context\n\nIf you are in a selector or scope that you know is specific to a\nparticular browser version, you can let compass know this with the\n`with-browser-ranges` mixins.\n\n## Debugging Browser Support\n\nIf you find yourself in a situation where you see a browser prefix you\ndidn't expect or don't see one that you did, it may be helpful to turn\non browser support debugging by setting `$debug-browser-support` to `true`.\n\nThis will cause CSS comments to be generated into your output that explains\nwhy support for certain browsers was included or excluded.\n\nYou can also use the `with-browser-support-debugging` mixin that will\nenable browser support debugging for all compass mixins uses within its\ncontent block.\n\nThe output will look like this:\n\n /* Capability css-animation is prefixed with -moz because 1.03559% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -moz context. */\n @-moz-keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -moz. */\n opacity: 0; }\n \n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -moz. */\n opacity: 1; } }\n /* Capability css-animation is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-animation is not prefixed with -o because 0.04931% of users are affected which is less than the threshold of 0.1. */\n /* Capability css-animation is prefixed with -webkit because 51.42143% of users need it which is more than the threshold of 0.1%. */\n /* Creating new -webkit context. */\n @-webkit-keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -webkit. */\n opacity: 0; }\n \n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: ie 8 is incompatible with -webkit. */\n opacity: 1; } }\n @keyframes foo {\n 0% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: The current scope only works with ie 10 - 11. */\n opacity: 0; }\n \n 100% {\n /* Content for ie 8 omitted.\n Not allowed in the current scope: The current scope only works with ie 10 - 11. */\n opacity: 1; } }\n \n\n\n## More Information\n\nThere are many useful mixins and functions in\n[the code reference for browser support in compass](/reference/compass/support/).\n" }, { "path": "compass-style.org/content/help/documentation.haml", "content": "---\ntitle: Compass Documentation\ncrumb: Documentation\nclassnames:\n - documentation\nlayout: documentation\n---\n%h1 Compass Documentation\n\n:markdown\n This documentation is still a work-in-progress, if something isn't covered here\n please submit an issue to the [Compass issue tracker](https://github.com/chriseppstein/compass/issues?labels=documentation&state=open).\n\n" }, { "path": "compass-style.org/content/help/index.haml", "content": "---\ntitle: Compass Help\ncrumb: Help\nclassnames:\n - help\n - getting-started\nlayout: site\n---\n%article\n %h1 Getting started with Compass\n\n :markdown\n Compass is an open-source CSS authoring framework which uses the [Sass stylesheet\n language](http://sass-lang.com) to make writing stylesheets powerful and easy. If you're\n not familiar with Sass, Go to [sass-lang.com](http://sass-lang.com/guide) to learn\n all about how it works.\n\n :markdown\n ## Installing Compass\n\n To install, please follow the steps found in the [Compass installation guide](/install/).\n\n This will install Compass and Sass too. If you want to verify that compass is installed, run:\n\n $ compass version\n\n ## Watching and Compiling your Project\n\n When doing development on your project, you can run the compass watcher to keep your CSS files\n up to date as changes are made.\n\n $ cd /path/to/project\n $ compass watch\n\n When it comes time to compile your css files for production use, pass the `-e production`\n compiler option to select defaults that optimize your output for end-users:\n\n $ compass compile -e production\n\n ## Using Compass without the command line tools\n\n You can use compass without the compass command line tools. In some cases,\n this may make it easier to integrate with sass-based compilers and frameworks that\n do not explicitly support Compass.\n\n $ gem install compass-core\n $ cat <<- EOF > _project-setup.scss\n \\$project-path: absolute-path(join-file-segments(\"..\"));\n @import \"compass/configuration\";\n \\$compass-options: (http_path: \"/\");\n @include compass-configuration(\\$compass-options);\n EOF\n # Add to the top of each sass file: @import \"project-setup\";\n # Compile using the Sass command line:\n $ sass -r compass-core --update sass:css\n\n Read more: [Compass's Sass-based configuration options](/help/documentation/sass-based-configuration-options/).\n\n ## More command line options\n\n Full documentation of all compass commands can be found by running:\n\n $ compass help\n\n To see the options available and description for a compass command run:\n\n $ compass help \n\n Where `` is one of the compass commands (E.g. `compile`)\n\n" }, { "path": "compass-style.org/content/help/tutorials/best_practices.markdown", "content": "---\ntitle: Best practices\ncrumb: Best practices\nlayout: tutorial\nclassnames:\n - tutorial\n---\n\n# Best Practices\n\nHere are some best practices for making your projects easier to build and\nsimpler to maintain.\n\n## Use a Base stylesheet file\n\nCreate a `_base.scss` [partial][1] to initialize your stylesheets with common\nvariables and ([often][2]) the framework utilities you plan to use:\n\n### _base.scss\n\n $blueprint-grid-columns : 24;\n $blueprint-grid-width : 30px;\n $blueprint-grid-margin : 10px;\n $font-color : #333;\n\n @import \"compass/reset\";\n @import \"compass/utilities\";\n @import \"blueprint\";\n\n // etc.\n\nThe `_base.scss` file is also a great place to keep your own custom mixins, so\nthey’re available to any stylesheet that includes it.\n\nThen you can include this file in all other stylesheets:\n\n### application.scss\n\n @import \"base\";\n\n #wrapper {\n @include container;\n }\n\n // etc.\n\nIt is important to define any compass/framework constants that you want to override\nin base.scss first, before @import-ing the framework files. See [Working with \nConfigurable Variables][3], for a specific example. Note that you can refer to `_base.scss` without the\nleading underscore and without the extension, since it is a [partial][1].\n\n## Write your own Custom Mixins\n\nMixins let you insert any number of style rules into a selector (and its\ndescendants!) with a single line. This is a great way to [DRY][4] up your\nstylesheet source code and make it much more maintainable. Using mixins will\nalso make your stylesheet look like self-documented source code -- It’s much\nmore obvious to read something like `@include round-corners(6px, #f00)` than the whole\nlist of rules which define that appearance.\n\n## Presentation-free Markup\n\nCSS was created to extract the presentational concerns of a website from the\nwebpage content. Following this best practice theoretically results in a website\nthat is easier to maintain. However, in reality, the functional limitations of\nCSS force abstractions down into the markup to facilitate the [DRY][4] principle\nof code maintainability. Sass allows us to move our presentation completely to\nthe stylesheets because it lets us create abstractions and reuse entirely in\nthat context. Read [this blog post][5] for more information on the subject.\n\nOnce you have clean markup, style it using Mixins and Inheritance. With clean\nand clear abstractions you should be able to read stylesheets and imagine what\nthe webpage will look like without even loading the page in your web browser.\n\nIf you find your CSS is getting too bloated due to sharing styles between\nsemantic selectors, it may be time to refactor. For instance this stylesheet\nwill be unnecessarily bloated:\n\n @mixin three-column {\n .container { @include container; }\n .header,\n .footer { @include column(24); }\n .sidebar { @include column(6); }\n article { @include column(10); }\n .rightbar { @include column(8); }\n }\n body#article,\n body#snippet,\n body#blog-post { @include three-column; }\n\nInstead, ask yourself \"what non-presentational quality do these pages share in\ncommon?\" In this case, they are all pages of content, so it's better to apply a\nbody class of \"content\" to these pages and then style against that class.\n\n## Nest selectors, but not too much.\n\nIt's easier to style a webpage from scratch or starting from some common base\npoint for your application than it is to contend with unwanted styles bleeding\ninto your new design. In this way, it is better to use some basic nesting of\nstyles using some selector early in the markup tree. And then to refactor as patterns of use emerge to reduce bloat.\n\nIt's important to remember that long selectors incur a small rendering\nperformance penalty that in aggregate can slow down your web page. There is\nno need to exactly mimic your document structure in your css. Instead nest\nonly deep enough that the selector is unique to that part of the document.\nFor instance, don't use `table thead tr th` when a simple `th` selector will\nsuffice. This might mean that you have to separate your styles into several\nselectors and let the document cascade work to your advantage.\n\n[1]: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#partials\n[2]: http://groups.google.com/group/compass-users/browse_frm/thread/0ed216d409476f88\n[3]: http://compass-style.org/help/tutorials/configurable-variables/\n[4]: http://c2.com/cgi/wiki?DontRepeatYourself\n[5]: http://chriseppstein.github.com/blog/2009/09/20/why-stylesheet-abstraction-matters/\n" }, { "path": "compass-style.org/content/help/tutorials/configurable-variables.haml", "content": "---\ntitle: Working with Configurable Variables\nlayout: tutorial\nclassnames:\n - tutorial\n---\n\n:markdown\n Working with Configurable Variables\n ===================================\n\n There are two ways of defining a variable in Sass. The first, most common, approach is\n simple assignment. For example:\n\n $my-constant : #fedcba\n\n The second approach is called guarded assignment. In this case, the constant is only\n set if it does not already have a value. For example:\n\n $my-constant : #fedcba !default\n\n Many compass modules use guarded assignment to allow you to set defaults for that module.\n In order for these configurable variables to work correctly, you must set the variables\n *before* you import the module. For example:\n\n $blueprint-grid-columns = 12\n @import \"blueprint/grid\"\n\n Because of this, it is common to have one or more partials\n that set the constants first and get imported before any other\n imports in your stylesheet(s). This is commonly referred to as\n the \"base\" stylesheet and is usually named `_base.scss` or `_base.sass`." }, { "path": "compass-style.org/content/help/tutorials/contributing.markdown", "content": "---\ntitle: Contributing Stylesheets\ncrumb: Contributing\nlayout: tutorial\nclassnames:\n - tutorial\n---\nContributing Stylesheets to Compass\n===================================\n\nThank you for your interest in contributing to Compass. Our goal is to make it as easy\nas we can for you to contribute changes to compass -- So if there's something here that\nseems harder than it ought to be, please let us know.\n\nIf you find a bug **in this document**, you are bound to contribute a fix. Stop reading now\nif you do not wish to abide by this rule.\n\n**Step 1**: If you do not have a github account, create one.\n\n**Step 2**: Fork Compass to your account. Go to the [main repo](http://github.com/chriseppstein/compass)\nand click the fork button.\n\n![Fork Me](http://img.skitch.com/20101015-n4ssnfyj16e555cnn7wp2pg717.png)\n\nNow we're at a decision point. What kind of change do you intend to make?\n\n* [Fix a typo (or some other trivial change)](#trivial-changes)\n* [Documentation Changes](#documentation-changes)\n* [Fixing Stylesheet Bugs](#stylesheet-bugs)\n* [New Stylesheet Features](#stylesheet-changes)\n* [Ruby Changes](#ruby-changes)\n\nHere's some general information about the project you might find useful along the way:\n\n* [Submitting Patches](#patches)\n* [Project Structure](#project-structure)\n\n* [General Philosophy](#project-philosophy)\n* [Stylesheet Conventions](#stylesheet-conventions)\n* [Miscellaneous Stuff](#faq)\n * [Setting up Git](#setting-up-git)\n * [Using Compass while Under Development](#running-local-code)\n * [Running Tests](#running-tests)\n * [Recovering from a cherry-pick or a rebase](#recovering-from-rebased-or-cherry-picked-changesets)\n\n

Making Trivial Changes

\n\nThanks to Github, making small changes is super easy. After forking the project navigate\nto the file you want to change and click the edit link.\n\n![Edit Me](http://img.skitch.com/20101015-n2x2iaric7wkey2x7u4fa2m1hj.png)\n\nChange the file, write a commit message, and click the `Commit` button.\n\n![Commit Me](http://img.skitch.com/20101015-br74tfwtd1ur428mq4ejt12kfc.png)\nNow you need to get your change [accepted](#patches).\n\n\n

Making Documentation Changes

\n\nThe compass documentation is stored in two places. First, the `compass-style.org` directory is\nwhere the documentation lives -- however much of the documentation is generated\nfrom comments in the Sass files themselves. More information on [changing\ndocumentation][documentation]. Once your changes are pushed, please\n[submit them](#patches).\n\n

Fixing Stylesheet Bugs

\n\n**Step 3**: If this is a bug you discovered. Please [report it][issues] before working on a fix.\nThis helps us better understand the patch.\n\n**Step 4**: Get [the code](#setting-up-git) if you haven't yet done so.\n\n**Step 5**: Fix the bug and commit the changes. Please make sure to mention the bug\nid in your commit message like so:\n\n Fixed the display of the fizzlebuzz in IE6.\n\n Closes GH-123.\n\n**Step 6**: Verify the fix in as many browsers as you can as well as against your own\nproject. How to [use compass while changing it](#running-local-code).\n\n**Step 7**: Make sure the tests pass. More info on [running tests](#running-tests)\nIf the tests fail, fix the tests or the stylesheets accordingly. If the tests, don't\nfail, that means this aspect was not well enough tested. Please [add or augment\na test](#writing-tests).\n\nYou're done. Please [submit your changes](#patches).\n\n

Making Stylesheet Changes

\n\nIt is a good idea to discuss new features ideas with the compass users and developers\nbefore building something. Please don't be shy; send an email to the [compass mailing\nlist](http://groups.google.com/group/compass-users).\n\nMany feature ideas are good but not obviously a good fit for the compass core library.\nIn these cases, you can and should create a [compass extension][extensions]. Sometimes\nthis is because the concept does not align with the [compass philosophy](#project-philosophy).\nBut sometimes it's just because we think the idea needs time to bake. [Documentation on\nmaking extensions.][extensions]\n\n**Step 3**: Get [the code](#setting-up-git) if you haven't yet done so.\n\n**Step 4**: Add the feature -- contact the mailing list if you have any questions.\n\n**Step 5**: Add a test case. More info on [writing tests for compass](#writing-tests).\n\n**Step 6**: Documentation - Add or update the reference documentation. Add\nan example of using the feature. See the [doc readme for details][documentation].\n\nYou're done. Please [submit your changes](#patches).\n\n

Making Ruby Changes

\n\nAt this time, if you're a rubyist who's planning on working on the ruby-side of\nthings, it's assumed you know how to read code and use standard ruby tools like\nrake, gem, bundler, test/unit, cucumber, rspec, etc. If you have any questions,\nplease ask. No changes will be accepted without accompanying tests.\n\n

Submitting Patches

\n\nIf you are submitting features that have more than one changeset, please create a\ntopic branch to hold the changes while they are pending merge and also to track\niterations to the original submission. To create a topic branch:\n\n $ git checkout -b new_branch_name\n ... make more commits if needed ...\n $ git push origin new_branch_name\n\nYou can now see these changes online at a url like:\n\n http://github.com/your_user_name/compass/commits/new_branch_name\n\nIf you have single-commit patches, it is fine to keep them on master. But do keep in\nmind that these changesets might be\n[cherry-picked](#recovering-from-rebased-or-cherry-picked-changesets).\n\nOnce your changeset(s) are on github, select the appropriate branch containing your\nchanges and send a pull request. Make sure to choose the same upstream branch that\nyou developed against (probably stable or master). Most of the description of your\nchanges should be in the commit messages -- so no need to write a whole lot in the\npull request message. However, the pull request message is a good place to provide a\nrationale or use case for the change if you think one is needed. More info on [pull\nrequests][pulls].\n\n![Pull Request Example](http://img.skitch.com/20101015-rgfh43yhk7e61fchj9wccne9cq.png)\n\nPull requests are then managed like an issue from the [compass issues page][issues].\nA code review will be performed by a compass core team member, and one of three outcomes\nwill result:\n\n1. The change is rejected -- Not all changes are right for [compass's\n philosophy](#project-philosophy). If your change is rejected it might be better\n suited for a plugin, at least until it matures and/or proves itself with the users.\n2. The change is rejected, *unless* -- Sometimes, there are missing pieces, or\n other changes that need to be made before the change can be accepted. Comments\n will be left on the commits indicating what issues need to be addressed.\n3. The change is accepted -- The change is merged into compass, sometimes minor\n changes are then applied by the committer after the merge.\n\n

Project Structure

\n\n compass/\n core/ - The core of compass's configuration and stylesheets.\n frameworks/ - All frameworks in this directory are loaded automatically\n compass/ - The compass framework\n stylesheets/ - The compass libraries\n templates/ - The compass project templates and patterns\n test/ - unit tests\n lib/\n compass-core.rb - The main compass-core ruby library\n compass/\n core/\n sass_extensions/ - enhancements to Sass\n functions/ - Sass functions exposed by compass\n monkey_patches/ - Changes to sass itself\n configuration/ - support for project configuration\n cli/ - All the compass code that makes the command line work\n bin/\n compass - CLI executable\n devbin/ - development scripts after installing the bundle\n test/ - unit tests\n features/ - tests for compass\n lib/\n compass.rb - The main compass ruby library\n compass/\n app_integration/ - integration with app frameworks\n commands/ - UI agnostic support for the CLI\n configuration/ - Some CLI specific configuration.\n exec/ - UI code for the CLI\n installers/ - support for installing templates\n compass-style.org/ - source for documentation\n output/ - generated documentation\n import-once/ - Compass's import-once importer for Sass.\n\n

General Philosophy

\n\n1. Users specify their own selectors. Compass never forces a user\n to use a presentational class name.\n2. Compass does not require javascript. It is a CSS framework.\n3. Compass core is \"design agnostic\". This is why compass core has no\n grid framework -- grids are not design agnostic.\n4. Compass frameworks are not special. If compass can do it, so should an extension\n be able.\n5. Sass is awesome -- Compass should make sass more accessible and\n demonstrate how to use Sass to its fullest potential.\n6. Developing across browsers is hard and will always be hard. It takes\n a community to get it right.\n7. By default, Compass supports as many browsers as it can. Where it can't\n it progressively enhances. Where it degrades, the documentation should\n make a note. Deviation from this requires an excellent reason.\n8. Compass is a proving ground for Sass features. The watcher and color\n functions are examples of features that started in Compass and got\n moved to Sass.\n\n

Stylesheet Conventions

\n\n1. All framework stylesheets are partials. Their filename begin with an underscore.\n Otherwise, Sass will create stylesheets directly into the user's CSS directory.\n2. Compass imports do not emit styles. There are a few limited exceptions to this like\n the resets and base classes for inheritance.\n3. Mixins with two-level defaults. Mixins often provide two levels of default\n values. The first is a global default that can be overridden once. The second\n is a default that can be overridden when the mixin is included.\n4. Mixin argument names are part of the public API, make sure they are understandable and not\n needlessly truncated or terse.\n5. If adding a new folder of stylesheets, add a single stylesheet with the same name that\n imports all of the stylesheets in the folder.\n6. Try to avoid passing selectors as arguments. This is what mixins are for.\n\n\n

Common Problems & Miscellaneous Info

\n\n

Setting up Git

\n\nPlease follow [these instructions](http://help.github.com/git-email-settings/)\nto set up your email address and attribution information.\n\nDownload your git repo:\n\n git clone git@github.com:your_username/compass.git\n\nSet up a remote to the main repo:\n\n cd compass\n git remote add chriseppstein git://github.com/chriseppstein/compass.git\n\nGetting recent changes from the main repo:\n\n git fetch chriseppstein\n\n

Using Compass while Under Development

\n\n1. Use the bin script. `/path/to/compass/bin/compass` is a version of the compass\n command line that uses the local changes you have made. You can add `/path/to/compass/bin`\n to your `$PATH`, or refer to it directly.\n2. Build and install a gem:\n 1. Edit VERSION and change the version to something like: `1.0.0.something-unique-to-me.0`\n 2. `gem build compass.gemspec`\n 3. `gem install compass-0.10.6.something-uniq-to-me.0.gem` -- If installing to your\n system gems, you'll probably need to add `sudo` to the front. If you don't know\n what that means, you probably need to add `sudo` to the front.\n3. In a [bundled][bundler] environment, you can configure your gem to use compass\n while you work on it like so:\n\n gem 'compass', :path => \"/Users/myusername/some/path/to/compass\"\n\n Bundler will perform some sort of charm on ruby to make it work.\n4. Configuring ruby directly. If you're a ruby pro, you probably don't need to be\n told that you can set compass on the load path like so:\n\n export RUBYLIB=/Users/myusername/some/path/to/compass/lib\n\n

Running Tests

\n\n1. You must have Ruby installed on your system. After [setting up git](#setting-up-git),\n change to the root directory of your git checkout of Compass.\n\n cd compass\n\n2. Install the bundler Ruby gem.\n\n gem install bundler\n\n If installing to your system gems, you'll probably need to add `sudo` to the\n front of that command. If you don't know what that means, you probably need\n to add `sudo` to the front.\n\n3. Install development dependencies:\n\n bundle install --binstubs devbin\n\n4. Running core library and stylesheet tests:\n\n bundle exec rake test features\n\n5. Running behavior tests\n\n ./devbin/cucumber\n\nIf stylesheet tests fail, the output of the test project is captured in\n`test/fixtures/stylesheets//saved/` and the error message will report where\nthe error was. Here's an example:\n\n![Stylesheet Test Failure](http://img.skitch.com/20101015-k4t11k8n7xs2r53ftjhrji629d.png)\n\n

Writing Stylesheet Tests

\n\nCompass has stylesheet tests to ensure that each stylesheet compiles, can be imported directly\nwithout any other dependencies and that refactorings that should not affect the output, don't.\n\nAt some point, it would be great to have a test system that verifies that the stylesheets\n*work correctly* in various browsers. If you have ideas for how to accomplish this in a sane\nway, please let us know.\n\nIn the `test/fixtures/stylesheets` directory, there are a number of compass projects.\nThe tests work by adding or updating the sass files, running the tests to make sure they fail,\nand then changing the expected css output to make the test pass. It is rudimentary, but as\na safety net, it has caught a number of problems that might have been missed otherwise.\nIf you add a new stylesheet to compass, please make sure to add a new test stylesheet\nthat only imports the newly added stylesheet and add rules that use the new features in that\nstylesheet.\n\n

You cherry-picked/rebased\nmy changes. What should I do?

\nDepending on any number of reasons, including but not limited to the alignment of the stars,\nYour changes might not be merged into compass using a simple merge. For instance, we might\ndecide to place a change against master into stable instead, or we might squish all your\nchanges together into a single commit at the time of merge, or we might want a change you've\nsubmitted but not a change that it was placed onto top of. In these cases, there are\na couple of ways you can react:\n\n1. If you have some changes on a branch that were not yet accepted, but other changes on that\n branch were accepted then you should run the following command (make sure to fetch first):\n `git checkout branch_name; git rebase chriseppstein/master` (assuming the change was applied\n to the master branch)\n2. If all your changes on the topic branch were accepted or you don't care to keep it around\n anymore: `git checkout master; git branch -D branch_name; git push origin :branch_name`\n\n[pulls]: http://help.github.com/pull-requests/\n[issues]: http://github.com/chriseppstein/compass/issues\n[documentation]: http://github.com/chriseppstein/compass/blob/stable/compass-style.org/README.markdown\n[bundler]: http://gembundler.com/\n[extensions]: /help/tutorials/extensions/\n" }, { "path": "compass-style.org/content/help/tutorials/extending.markdown", "content": "---\ntitle: Extending Compass\nlayout: tutorial\ncrumb: Extending Compass\nclassnames:\n - tutorial\n---\n\n# Extending Compass\n\n## Sprite engine\n\nThe sprite engine is the work horse of sprite generation it's the interface for assembling and writing the image file to disk.\n\n### Requirements\n\nA sprite engine requires two methods `construct_sprite`, and `save(filename)`\n\nOnce inside the class you have access to `images` which is a collection of [Compass::SassExtensions::Sprites::Image](http://rdoc.info/github/chriseppstein/compass/dda7c9/Compass/SassExtensions/Sprites/Image)\n\n### Configuration \n\nTo enable your sprite engine from the config file set\n \n sprite_engine = :\n\nThe example below will load `Compass::SassExtension::Sprites::ChunkyPngEngine.new(width, height, images)`\n\n sprite_engine = :chunky_png\n\n### Class Definition\n\n module Compass\n module SassExtensions\n module Sprites\n class ChunkyPngEngine < Compass::SassExtensions::Sprites::Engine\n\n def construct_sprite\n #do something\n end \n \n def save(filename)\n #save file\n end\n \n end\n end\n end\n end\n\n\n## Adding Configuration Properties to Compass\n\nTo add a new configuration property to Compass:\n\n Compass::Configuration.add_configuration_property(:foobar, \"this is a foobar\") do\n if environment == :production\n \"foo\"\n else\n \"bar\"\n end\n end\n\nThis will do several things:\n\n1. make it possible for users to set the `foobar` configuration property in their\n configuration file.\n2. Ruby code can read and write the `foobar` attribute from any configuration object.\n3. It will add the comment `# this is a foobar` above the property in the configuration file.\n A comment is not required, you can simply omit this argument if you like.\n4. The block of code provided allows you to assign a sensible default value according to other\n settings in the configuration or by using arbitrary code to determine what the value should\n be. For instance it could read from another configuration file or it could change based on\n the user's operating system." }, { "path": "compass-style.org/content/help/tutorials/extensions.markdown", "content": "---\ntitle: Creating Compass Extensions\nlayout: tutorial\nclassnames:\n - tutorial\n---\nCompass Extensions\n==================\n\nCompass, at its heart, is a framework upon which sass-based stylesheet frameworks\nare built. It provides the tools for building, installing and using reusable\nstylesheets that provide anything from full-fledged layout frameworks to designs\nfor widgets or even full page designs. All using the power of sass to keep the\nsemantic meaning of the html pages clear and free of design details.\n\nThis document describes the compass extension toolset so that you can build\nyour own compass extension.\n\nBasic Extension Layout\n----------------------\n\n
\nmy_extension\n|\n|- stylesheets (this directory will be on the sass load path)\n|  |\n|  |- my_extension (not technically required, but it's good to scope imports by the name of the extension)\n|  |  |\n|  |  |- _module_one.sass (this file would be imported using @import my_extension/module_one.sass)\n|  |  |- _module_two.sass (this file would be imported using @import my_extension/module_two.sass)\n|  |  |- ...\n|  |\n|  |- _my_extension.sass (This file will import the entire extension using @import my_extension.sass)\n|\n|- templates (this is where templates/patterns go)\n|  |\n|  |- project (this should be provided if you'd like people to be able to base their project on the extension)\n|  |  |\n|  |  |- manifest.rb (this file should declare the contents of the template)\n|  |  |- screen.sass (this would be the main stylesheet, importing from your extension and demonstrating its use)\n|  |  |- print.sass (this file would set up basic print styles)\n|  |  |- ie.sass (if you want, you can provide custom styles for IE)\n|  |\n|  |- some_pattern\n|     |\n|     |- manifest.rb\n|     |- some.sass (some sass is probably in order, always import from the extension library as much as possible)\n|     |- some_script.js (yes, you can provide javascript code)\n|     |- some_image.png (and images)\n|     |- some_content.html.haml (and even html and haml)\n|     |- some_other_file.txt (and other arbitrary files)\n|\n|- lib (optional ruby code)\n   |\n   |- my_extension.rb (this code can register your framework if you deviate from conventions and require sass extensions, etc.)\n   |- compass-my_extension.rb (This file is automatically required by compass if it is present. Avoiding the need to pass -r to the compass command line tool.)\n   |\n   |- my_extension\n      |\n      |- sass_extensions.rb (this is the standard location to place sass functions)\n
\n\nNames in bold are part of the extension naming convention.\n\nGenerating an Extension\n-----------------------\n\nIf you want a leg up to get started working on your extension,\nyou can use compass to generate an extension with the following command:\n\n compass create my_extension --using compass/extension \n\nThis will create a few basic files and folders to get you started.\n\nIf you prefer to use the scss syntax for your extension run the following command instead:\n\n compass create my_extension --using compass/extension -x scss\n\nAdvanced Layout Options\n-----------------------\n\n### Library File Location\n\nThe extension library file referenced above as `my_extension/lib/my_extension.rb`\ncan actually be stored at any of the following three locations:\n\n1. `my_extension/compass_init.rb`\n2. `my_extension/lib/my_extension.rb` (NOTE: You must use this one if you're distributing as a rubygem.)\n3. `my_extension/my_extension.rb`\n\nThe first of those locations found (in the above order) will be loaded.\nThe compass_init.rb file takes priority, so that extensions that want to work\ndifferently as compass extensions than they do as normal ruby libraries,\nhave a way of targeting compass.\n\n\n### Stylesheet and Template Locations\n\nIf you'd like to store your stylesheets and/or templates in a non-standard location within your extension,\nyou must provide a library file and register the extension explicitly like so:\n\n base_directory = File.join(File.dirname(__FILE__), '..')\n stylesheets_dir = File.join(base_directory, 'my', 'stylesheets')\n templates_dir = File.join(base_directory, 'my', 'templates')\n Compass::Frameworks.register('my_extension', :stylesheets_directory => stylesheets_dir, :templates_directory => templates_dir)\n\nIf you're following the standard naming convention, but the stylesheet and\ntemplate directories are not at the top level, you can just do this instead:\n\n # path from the library file to where you're keeping your compass stuff.\n base_directory = File.join(File.dirname(__FILE__), '..', 'compass')\n Compass::Frameworks.register('my_extension', :path => base_directory)\n\n### Adding Configuration Options to Compass\n\nFor details on how to add new configuration options to compass [read this](/help/tutorials/extending/#adding-configuration-properties).\n\nConventions to Follow\n---------------------\n\nThe following are not required, but are standards that your framework\nshould attempt to adhere to unless there's a good reason not to do so.\n\n1. Have a single import for your framework.\n2. Break up your framework into modules so that people can import just smaller\n pieces for faster load times when they're not using everything.\n3. Use partials (files starting with an underscore) for stylesheets that are meant\n to be imported. If you do not Sass will generate css\n files for your libraries in some configurations.\n4. Provide a project template. If you do not, your project should only be\n providing widgets or page designs, etc.\n\nBuilding a Template (a.k.a. Pattern)\n====================================\n\nManifest Files\n--------------\n\nThe manifest file declares the template contents and tells compass information\nabout the files in the template.\n\n### An Example Manifest File\n\n description \"My awesome compass plugin.\"\n \n stylesheet 'screen.sass', :media => 'screen, projection'\n stylesheet 'partials/_base.sass'\n stylesheet 'print.sass', :media => 'print'\n stylesheet 'ie.sass', :media => 'screen, projection', :condition => \"lt IE 8\"\n \n image 'grid.png'\n javascript 'script.js'\n \n html 'welcome.html.haml', :erb => true\n file 'README'\n \n help %Q{\n This is a message that users will see if they type\n \n compass help my_extension\n \n You can use it to help them learn how to use your extension.\n }\n \n welcome_message %Q{\n This is a message that users will see after they install this pattern.\n Use this to tell users what to do next.\n }\n \n\nYou may also see some real manifest files here:\n\n* [blueprint](http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/templates/project/manifest.rb)\n* [compass-css-lightbox](http://github.com/ericam/compass-css-lightbox/blob/master/templates/project/manifest.rb)\n\n### Manifest Declarations\n\n\n**Easy Mode:** If you just have some basic files and nothing fancy going on, simply place this line in your manifest:\n\n discover :all\n\nIf the file is missing `discover :all` is the default\n\nThis will cause compass to find all the files in your template and use the files' extension to determine where they should go. Alternatively, you can request that compass only discover files of a certain type. For example, the following will only discover javascript and image assets, you could then declare other file types on your own.\n\n discover :javascripts\n discover :images\n\nThe following types may be discovered: `:stylesheets`, `:images`, `:javascripts`, `:fonts`, `:html`, `:files`, and `:directories`\n\n**Normal Mode:** There are seven kinds of manifest declarations:\n\n1. `stylesheet` - Declares a sass file.\n2. `image` - Declares an image.\n3. `javascript` - Declares a javascript file.\n4. `font` - Declares a font file.\n5. `html` - Declares an html file.\n6. `file` - Declares a random file.\n7. `directory` - Declares a directory should be created.\n\nAll declarations take the path to the file as their first argument. Note that the\nnormal slash `/` can and should be used in a manifest. Compass will take care of\nthe cross platform issues. The path to the file will be reproduced in the user's\nproject, so please keep that in mind when creating folders. The location where\nfiles are going to be installed is dictated by the user's project configuration,\nhowever, a template can place things into subdirectories relative to those locations.\n\nCommon options:\n\n* `:erb` - When set to true, the file will be processed via the ERB templating language.\n See the \"Advanced Manifests\" section below for more details.\n* `:to` - The location where the file should be installed relative to the\n type-specific location.\n* `:like` - Most often used with a `file` declaration, this option allows you to\n install into the location of another manifest type (and also :css). E.g. :like => :css\n\nStylesheet options:\n\n* `:media` - this is used as a hint to the user about the media attribute of the\n stylesheet link tag.\n* `:condition` - this is used to hint the user that a conditional comment should be\n used to import the stylesheet with the given condition.\n\nDirectory options:\n\n* `:within` - where the directory should be created. If omitted, the directory\n will be relative to the project directory. Can be one of: the following\n * `sass_dir`\n * `javascripts_dir`\n * `fonts_dir`\n * `images_dir`\n\nHTML files:\n\nYou can provide html as haml or as plain html. If you provide haml, the haml will be\nconverted to html when it is installed, unless the project allows haml files.\nProviding html files is usually done to demonstrate how to use a more complicated\ndesign and to get the user started off with working product.\n\n### Advanced Manifests and Templates\n\n* ERB Processing - This can be used to customize the contents of the file in an\n extension template. The template will be processed in the context of a\n TemplateContext instance, which gives you access to the full project configuration\n information as well as the command line options. Since it's unlikely many templates\n will need this functionality, I leave it as an exercise of the user to figure it out\n and if they can't to contact the compass-devs mailing list for assistance.\n* `no_configuration_file!` - calling this method within the manifest will tell\n the installer to skip the creation of a configuration file.\n* `skip_compilation!` - calling this method within the manifest will tell the\n installer to skip compilation of sass files to css.\n\nDistributing Extensions as Ruby Gems\n------------------------------------\n\nRubygems is a flexible, easy-to-use system for distributing ruby software.\nIf you have any questions about rubygems, I suggest that you start looking\nfor help [here](http://help.rubygems.org/).\n\nThe big advantages of using rubygems to distribute your extension is that\nit allows your extension to be a dependency for other projects and that each\ninstall is versioned, which makes supporting your extension easier.\n\nIf distributing as a rubygem, it is a good idea to have a file\n`compass-.rb` in your lib directory that registers the\ncompass framework. This will allow compass to automatically require the\nframework from within rubygems.\n\nTips for Developing Extensions\n------------------------------\n\n* If you're developing a simple extension, you may find it convenient to place\n your extension within an existing compass project in the extension folder.\n* Never specify an extension in your imports as this can cause issue when the\n syntax of a file changes.\n\nPackaging an Extension as a RubyGem\n-----------------------------------\n\nYou do not _have_ to make your extension a ruby gem. But if you do, you get some benefits you would not have otherwise:\n\n* Releases\n* Versions\n* A standard way of asking your users what release they are using.\n* Better integration with ruby-based projects via tools like\n [Bundler](http://gembundler.com/).\n\n### Creating a Gem\n\nBefore you begin, please ensure you have gem version `1.3.6` or greater. `gem -v` will tell you the currently installed version.\n\n1. Define your gemspec file at the top of your extension. Here's [an example of\n one](http://github.com/ericam/compass-css-lightbox/blob/master/css-lightbox.gemspec).\n The gemspec should have the same name as your gem.\n2. Register your framework by adding `lib/my_extension.rb` and registering it:\n \n require 'compass'\n extension_path = File.expand_path(File.join(File.dirname(__FILE__), \"..\"))\n Compass::Frameworks.register('my_extension', :path => extension_path)\n \n This is how compass knows where to find your extension's files when a user requires it.\n For more options, go back up and read about [Stylesheet and Template Locations](#registration).\n3. Build a gem: `gem build my_extension.gemspec`. This will build your gem file and\n add the current version to the name. E.g. `my_extension-0.0.1.gem`\n4. Test your gem by installing it locally: `gem install my_extension-0.0.1.gem`\n\n### Releasing a Gem\n\nThe ruby community is nice and will host your gem files for free. To release your gem:\n\n gem push my_extension-0.0.1.gem\n\nYour ruby gem will be hosted on [rubygems.org](http://rubygems.org/).\nPlease familiarize yourself with [their documentation](http://rubygems.org/pages/gem_docs).\n\nInstalling Extensions\n=====================\n\nHow extensions are installed varies according to the decisions you make about\nhow you are packaging and releasing your gem. There will be a standard approach\nin a future release, but until then, it is suggested that you provide your users\nwith succinct installation instructions.\n\nInstalling Extensions Released as RubyGems\n------------------------------------------\n\nWhen creating a new project:\n\n sudo gem install my_extension\n compass create my_project -r my_extension --using my_extension\n\nThe `-r` option is annoying and will not be needed in a future version of compass.\nBut for now, it tells compass to find and load the extension from the local\nrubygems repository.\n\nTo install via rubygems into an existing project:\n\n gem install my_extension\n # edit the project configuration file and add:\n require 'my_extension'\n compass install my_extension\n\nOr if you have other patterns besides the project pattern:\n\n compass install my_extension/pattern\n\nInstalling Ad-hoc Extensions\n----------------------------\n\nAd-hoc extensions are any set of files and folders following the basic conventions\ndescribed above. They could be installed via a zip file or by checking the code out\nfrom source control. Ad-hoc extensions will be automatically found in the extensions\ndirectory of a project and registered for import without needing a `require` statement\nin the compass configuration file.\n\nCurrently, ad-hoc extensions can only be installed into the extensions directory\nof an existing compass project. This will be fixed in a future release of compass.\nUntil then, you may need to instruct your users to create a bare project to get started:\n\n compass create my_project --bare\n\nThis will create a project directory, a sass directory (with no sass files) and a configuration file.\n\nThe standard location for extensions is `project_root/extensions` for stand-alone\nprojects and `project_root/vendor/plugins/compass_extensions` for rails projects.\nAdditionally, the user may customize their extensions directory by setting\n`extensions_dir` in their compass configuration file.\n\nTo install into an existing project, simply place the extension into a project's\nextension directory. This could be done via a git clone or by extracting an archive.\nThe name of the directory it creates should be the name of the extension. The project\nwill now have access to the extension.\n\nVerifying that an Extension is Installed Correctly\n--------------------------------------------------\n\nThe user can verify that they have access to your extension by typing:\n\n compass help\n\nAnd they should see the framework in the list of available frameworks.\nAlternatively, if you've provided a `help` message in the manifest, then\nthe user can type:\n\n compass help my_extension\n - or -\n compass help my_extension/pattern_name\n\n*Note:* The user might need to provide the `-r` option to help in order for compass to\nfind a gem-based extension before a project exists. This is not needed for\nextensions installed into the extensions directory, or if the project is already\nrequired in the current directory's project configuration.\n\n" }, { "path": "compass-style.org/content/help/tutorials/integration.markdown", "content": "---\ntitle: Application Integration\nlayout: tutorial\ncrumb: Application Integration\nclassnames:\n - tutorial\n---\n# Application Integration\n\n## Ruby on Rails\n\n### Rails 3.1\nJust add compass to your Gemfile like so:\n \n gem 'compass'\n \nAlso checkout this [gist](https://gist.github.com/1184843)\n \n### Rails 3\n compass init rails /path/to/myrailsproject\n### Rails 2.3\n rake rails:template LOCATION=http://compass-style.org/rails/installer\n \n## Sinatra\n\n require 'compass'\n require 'sinatra'\n require 'haml'\n\n configure do\n set :haml, {:format => :html5}\n set :scss, {:style => :compact, :debug_info => false}\n Compass.add_project_configuration(File.join(settings.root, 'config', 'compass.rb'))\n end\n\n get '/stylesheets/:name.css' do\n content_type 'text/css', :charset => 'utf-8'\n scss :\"stylesheets/#{params[:name]}\", Compass.sass_engine_options\n end\n\n get '/' do\n haml :index\n end\n\n\nThis assumes you keep your Compass config file in `config/compass.rb`. If you keep your stylesheets in “views/stylesheets/” directory instead of just “views/”, remember to update `sass_dir` configuration accordingly.\nCheck out this [sample compass-sinatra project](http://github.com/chriseppstein/compass-sinatra) to get up and running in no time!\n\n[Sinatra Bootstrap](http://github.com/adamstac/sinatra-bootstrap) - a base Sinatra project with support for Haml, Sass, Compass, jQuery and more.\n\n## nanoc\n\n### Minimal integration: just drop it in\n\nOne simple route for lightweight integration is to simply install compass inside nanoc. Then edit `config.rb` to point to the stylesheets you want to use. This means you have to have the Compass watch command running in a separate window from the Nanoc compilation process. \n\nExample project that works this way: [unthinkingly](http://github.com/unthinkingly/unthinkingly-blog).\n\n### More formal integration\n\nAt the top of the Nanoc Rules file, load the Compass configuration, like this:\n\n require 'compass'\n\n Compass.add_project_configuration 'compass.rb' # when using Compass > 0.10\n sass_options = Compass.sass_engine_options # when using Compass > 0.10\n\n Compass.configuration.parse 'compass.rb' # when using Compass < 0.10\n sass_options = Compass.config.to_sass_engine_options # when using Compass < 0.10\n\nThen create a `compass.rb` file in your site's root folder and add your Compass configuration. An example configuration could look like this:\n\n http_path = \"/\"\n project_path = File.expand_path(File.join(File.dirname(__FILE__), '..'))\n css_dir = \"output/stylesheets\"\n sass_dir = \"content/stylesheets\"\n images_dir = \"assets/images\"\n javascripts_dir = \"assets/javascripts\"\n fonts_dir = \"assets/fonts\"\n http_javascripts_dir = \"javascripts\"\n http_stylesheets_dir = \"stylesheets\"\n http_images_dir = \"images\"\n http_fonts_dir = \"fonts\"\n\nYou may need to change the path to some directories depending on your directory structure and the setup in your Rules file.\n\nTo filter the stylesheets using Sass and Compass, call the sass filter with Sass engine options taken from Compass, like this:\n\n compile '/stylesheets/*' do\n filter :sass, sass_options.merge(:syntax => item[:extension].to_sym)\n end\n\n\n### nanoc projects using the formal approach\n\n* [This Site](https://github.com/chriseppstein/compass/tree/stable/compass-style.org)\n" }, { "path": "compass-style.org/content/help/tutorials/production-css.markdown", "content": "---\ntitle: Production Stylesheets\nlayout: tutorial\nclassnames:\n - tutorial\n---\nProduction Stylesheets\n======================\n\nSee the [Configuration Reference](/help/tutorials/configuration-reference/) for a\ncomplete list of available configuration options.\n\nStrategies for Compiling Stylesheets for Production\n---------------------------------------------------\n\n**Option A:** Use the compass production defaults.\n\n compass compile -e production --force\n\n*Note:* This only changes the compass defaults, options you've specified explicitly\nin your configuration will not be changed.\n\n**Option B:** Override your configuration file settings on the command line \n\n compass compile --output-style compressed --force\n\n**Option C:** Create a separate configuration file for production\n\n cp config.rb prod_config.rb\n \n ..edit prod_config.rb to suit your needs..\n \n compass compile -c prod_config.rb --force\n\n" }, { "path": "compass-style.org/content/help/tutorials/spriting/customization-options.markdown", "content": "---\ntitle: Sprite Customization\nlayout: tutorial\ncrumb: Customization\nclassnames:\n - tutorial\n---\n#Sprite Tutorial\n<%= sprite_tutorial_links %>\n## Customization Options\n\n### Options Applying to All Sprite Maps\n\nThese options allow you to customize the behavior of all sprites\nreferenced in your stylesheet. In many cases, there's a configuration option\nthat allows you to change the default for that sprite map or even an\nindividual sprite image.\n\n**NOTE:** These configuration options must be set **before** you import the\nsprites.\n\n* `$sprite-selectors` - Which interaction states should be considered\n for creating [magic sprite selectors](/help/tutorials/spriting/magic-selectors/).\n* `$disable-magic-sprite-selectors` - Set to `true` to turn off magic\n selectors. Defaults to `false`.\n* `$default-sprite-separator` - Defaults to a dash. You can set this to\n an underscore (`\"_\"`) if you're one of *those* people.\n\n### Options per Sprite Map\n\nWhen constructing the sprite map, the entire sprite map and its associated stylesheet\ncan be configured in the following ways. Each option is specified by setting a [configuration\nvariable](/help/tutorials/configurable-variables/) before importing the sprite. The variables\nare named according to the name of the folder containing the sprites. In the examples below\nthe sprites were contained within a folder called `icon`.\n\n* `$-spacing` -- The amount of transparent space, in pixels, around each sprite.\n Defaults to `0px`. E.g. `$icon-spacing: 20px`.\n* `$-repeat` -- Whether or not each sprite should repeat along the x axis. Defaults\n to `no-repeat`. E.g. `$icon-repeat: repeat-x`.\n* `$-position` -- The position of the sprite in the sprite map along the x-axis. Can\n be specified in pixels or percentage of the sprite map's width. `100%` would cause the\n sprite to be on the right-hand side of the sprite map. Defaults to `0px`.\n E.g. `$icon-position: 100%`.\n* `$-sprite-dimensions` -- Whether or not the dimensions of the sprite should be\n included in each sprite's CSS output. Can be `true` or `false`. Defaults to `false`.\n* `$-sprite-base-class` -- The base class for these sprites. Defaults to `.-sprite`.\n E.g. `$icon-sprite-base-class: \".action-icon\"`\n* `$-clean-up` -- Whether or not to removed the old sprite file\n when a new one is created. Defaults to true\n* `$-class-separator` -- If you set this to an underscore (`\"_\"`)\n then all the generated selectors for this sprite will use underscores\n instead dashes. To change this value for all sprites, set\n `$default-sprite-separator` to an underscore.\n\n### Options per Sprite\n\nWhen constructing the sprite map, each sprite can be configured in the following ways:\n\n* `$--spacing` -- The amount of transparent space, in pixels, around the sprite. Defaults\n to the sprite map's spacing which defaults to `0px`. E.g. `$icon-new-spacing: 20px`.\n* `$--repeat` -- Whether or not the sprite should repeat along the x axis. Defaults\n to the sprite map's repeat which defaults to `no-repeat`. E.g. `$icon-new-repeat: repeat-x`.\n* `$--position` -- The position of the sprite in the sprite map along the x-axis. Can\n be specified in pixels or percentage of the sprite map's width. `100%` would cause the\n sprite to be on the right-hand side of the sprite map. Defaults to the sprite map's\n position value which defaults to `0px`. E.g. `$icon-new-position: 100%`.\n" }, { "path": "compass-style.org/content/help/tutorials/spriting/magic-selectors.markdown", "content": "---\ntitle: Sprite Magic Selectors\nlayout: tutorial\ncrumb: Magic Selectors\nclassnames:\n - tutorial\n---\n# Sprite Tutorial\n<%= sprite_tutorial_links %>\n\n## Magic Selectors\n\nIf you want to add selectors for your sprites, it's easy todo by adding `_active` `_target` or `_hover` to the file name, In the example below we have a sprite directory that looks like:\n* note you can use `-` in file names also ex. `glossy-active.png` *\n* `my-buttons/glossy.png`\n* `my-buttons/glossy_hover.png`\n* `my-buttons/glossy_active.png`\n* `my-buttons/glossy_target.png`\n\nNow in our sass file we add:\n\n @import \"my-buttons/*.png\";\n \n a {\n @include my-buttons-sprite(glossy)\n }\n\nAnd your stylesheet will compile to:\n\n .my-buttons-sprite, a {\n background: url('/my-buttons-sedfef809e2.png') no-repeat;\n }\n\n a {\n background-position: 0 0;\n }\n a:hover, a.glossy_hover, a.glossy-hover {\n background-position: 0 -40px;\n }\n a:target, a.glossy_target, a.glossy-target {\n background-position: 0 -60px;\n }\n a:active, a.glossy_active, a.glossy-active {\n background-position: 0 -20;\n }\n\nAlternatively you can use the `@include all-my-buttons-sprites;` after the import and get the following output:\n\n .my-buttons-sprite, .my-buttons-glossy {\n background: url('/my-buttons-sedfef809e2.png') no-repeat;\n }\n\n .my-buttons-glossy {\n background-position: 0 0;\n }\n .my-buttons-glossy:hover, .my-buttons-glossy.glossy_hover, .my-buttons-glossy.glossy-hover {\n background-position: 0 -40px;\n }\n .my-buttons-glossy:target, .my-buttons-glossy.glossy_target, .my-buttons-glossy.glossy-target {\n background-position: 0 -60px;\n }\n .my-buttons-glossy:active, .my-buttons-glossy.glossy_active, .my-buttons-glossy.glossy-active {\n background-position: 0 -20px;\n }\n\n## Disabling\n\nTo disable this feature set `$disable-magic-sprite-selectors` to true before calling the sprite mixin\n\n a {\n $disable-magic-sprite-selectors:true;\n @include my-buttons-sprite(glossy)\n }\n" }, { "path": "compass-style.org/content/help/tutorials/spriting/sprite-layouts.markdown", "content": "---\ntitle: Sprite layouts\nlayout: tutorial\ncrumb: Sprite layouts\nclassnames:\n - tutorial\n---\n# Sprite Tutorial\n<%= sprite_tutorial_links %>\n\n## Sorting\n\nDefault is `none` sprites will be orderd however they are recived from the file system\n\nYou can sort by:\n\n* width\n* height\n* size\n* name\n* none\n\nExample\n\n $my-sprite-sort-by : 'width';\n\nDefault search direction is acending if you wish to sort decending prepend a `!` \n\n $my-sprite-sort-by : '!width';\n\n\n## Sprite Layouts\n\nExample:\n\n $icon-layout:horizontal;\n @import \"icon/*.png\";\n \n $dropcap-layout:diagonal\n @import \"dropcap/*.png\";\n\n## Vertical\n\n @import \"mysprite/*.png\";\n\nExample Output:\n\n![Vertical Example](/images/tutorials/sprites/layout/vert.png)\n## Horizontal\n\n $mysprite-layout:horizontal;\n @import \"mysprite/*.png\";\n\nExample Output:\n\n![Horizontal Example](/images/tutorials/sprites/layout/horizontal.png)\n\nNotes:\n\n * Responds to the same configuration options that vertical has.\n \n## Diagonal\n\n $mysprite-layout:diagonal;\n @import \"mysprite/*.png\";\n\nExample Output:\n\n![Diagonal Example](/images/tutorials/sprites/layout/diagonal.png)\n\nNotes:\n\n * Configuration options do not effect the layout\n * This is incredibly resource intensive on the browser\n\n## Smart\n\n $mysprite-layout:smart;\n @import \"mysprite/*.png\";\n\nExample Output:\n\n![Smart Example](/images/tutorials/sprites/layout/smart.png)\n\nNotes:\n\n * Configuration options do not effect the layout\n * Most efficient use of browser memory\n\nExample icons from [Open Icon Library](http://openiconlibrary.sourceforge.net/) and are released under public domain" }, { "path": "compass-style.org/content/help/tutorials/spriting.markdown", "content": "---\ntitle: Spriting with Compass\nlayout: tutorial\ncrumb: Spriting\nclassnames:\n - tutorial\n---\n\n# Spriting with Compass\n\nSpriting has never been easier than it is with Compass. You place the\nsprite images in a folder, import them into your stylesheet, and then\nyou can use the sprite in your selectors in one of several convenient\nways.\n\n****Note**: Only PNG images are supported at this time using \n[`chunky_png`](https://github.com/wvanbergen/chunky_png)[*](#Oily-PNG).\n\n## Sprite Tutorial Contents\n<%= sprite_tutorial_links(true) %>\n\n## Setup\n\nFor this tutorial, let's imagine that in your project's image folder there are four icons:\n\n* `images/my-icons/new.png`\n* `images/my-icons/edit.png`\n* `images/my-icons/save.png`\n* `images/my-icons/delete.png`\n\nEach is an icon that is 32px square.\n\n## Basic Usage\n\n****Note**: The use of `my-icons` is only for this example, \"my-icons\" represents the folder name that contains your sprites.\n\nThe simplest way to use these icon sprites is to let compass give you a class for each sprite:\n \n @import \"compass/utilities/sprites\";\n @import \"my-icons/*.png\";\n @include all-my-icons-sprites;\n\nAnd you'll get the following CSS output:\n\n .my-icons-sprite,\n .my-icons-delete,\n .my-icons-edit,\n .my-icons-new,\n .my-icons-save { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }\n \n .my-icons-delete { background-position: 0 0; }\n .my-icons-edit { background-position: 0 -32px; }\n .my-icons-new { background-position: 0 -64px; }\n .my-icons-save { background-position: 0 -96px; }\n\nYou can now apply the `my-icons-XXX` classes to your markup as needed.\n\nLet's go over what happened there. The import statement told compass to [generate a\nstylesheet that is customized for your sprites](https://gist.github.com/729507). This\nstylesheet is [magic](#magic-imports), it is not written to disk, and it can be customized\nby setting configuration variables before you import it. See the page on\n[Customization Options](/help/tutorials/spriting/customization-options/). The goal of\nthis stylesheet is to provide a simple naming convention for your\nsprites so that they are easy to remember and use. You should never have\nto care what is the name of the generated\nsprite map, nor where a sprite is located within it.\n\n \n## Nested Folders \n\n****Note**: The use of `orange` is only for this example, \"orange\" represents the folder name that contains your sprites.\n\nSprites stored in a nested folder will use the last folder name in the path as the sprite name.\n\nExample:\n\n @import \"themes/orange/*.png\";\n @include all-orange-sprites;\n \n\n## Selector Control\n\n****Note**: The use of `my-icons` is only for this example, \"my-icons\" represents the folder name that contains your sprites.\n\nIf you want control over what selectors are generated, it is easy to do. In this example,\nthis is done by using the magic `my-icons-sprite` mixin. Note that the mixin's name is dependent\non the name of the folder in which you've placed your icons.\n\n @import \"my-icons/*.png\";\n \n .actions {\n .new { @include my-icons-sprite(new); }\n .edit { @include my-icons-sprite(edit); }\n .save { @include my-icons-sprite(save); }\n .delete { @include my-icons-sprite(delete); }\n }\n\nAnd your stylesheet will compile to:\n\n .my-icons-sprite,\n .actions .new,\n .actions .edit,\n .actions .save,\n .actions .delete { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }\n \n .actions .new { background-position: 0 -64px; }\n .actions .edit { background-position: 0 -32px; }\n .actions .save { background-position: 0 -96px; }\n .actions .delete { background-position: 0 0; }\n\n\n## Sass Functions\n\n****Note**: The use of `my-icons` is only for this example, \"my-icons\" represents the folder name that contains your sprites.\n\nGetting the image dimensions of a sprite\n\nYou can get a unit value by using the magical dimension functions `-sprite-height` and `-sprite-width`\nIf you are looking to just return the dimensions see the [docs](/reference/compass/utilities/sprites/base/#mixin-sprite-dimensions)\n\nExample:\n\n\n @import \"my-icons/*.png\";\n $box-padding: 5px;\n $height: my-icons-sprite-height(some_icon);\n $width: my-icons-sprite-width(some_icon);\n \n .somediv {\n height:$height + $box-padding;\n width:$width + $box-padding;\n }\n \n \n\n## Magic Imports\n\n****Note**: The use of `my-icons` is only for this example, \"my-icons\" represents the folder name that contains your sprites.\n\nAs noted above, compass will magically create sprite stylesheets for you. Some people like\nmagic, some people are scared by it, and others are curious about how the magic works. If\nyou would like to avoid the magic, you can use compass to generate an import for you. On the\ncommand line:\n\n compass sprite \"images/my-icons/*.png\"\n\nThis will create file using your project's preferred syntax, or you can specify the\noutput filename using the `-f` option and the syntax will be inferred from the extension.\nIf you do this, you'll need to remember to regenerate the import whenever you rename, add,\nor remove sprites.\n\nUsing the magic imports is recommended for most situations. But there are times when you\nmight want to avoid it. For instance, if your sprite map has more than about 20 to 30\nsprites, you may find that hand crafting the import will speed up compilation times. See\nthe section on [performance considerations](#performance) for more details.\n\n\n## Performance Considerations\n\nReading PNG files and assembling new images and saving them to disk might have a non-trivial\nimpact to your stylesheet compilation times. Especially for the first compile. Please keep\nthis in mind.\n\n## Large numbers of sprites\nThe magic stylesheet can get very large when there are large numbers of sprites. 50 sprites\nwill cause there to be over 150 variables created and then passed into the\n`sprite-map` [function](/reference/compass/helpers/sprites/#sprite-map).\nYou may find that customizing the sprite function call to only pass those values that you\nare overriding will provide a small performance boost.\nSee a [concrete example](https://gist.github.com/747970).\n\n## Oily PNG\n\nCompass generates PNG files using a pure-ruby library called\n[`chunky_png`](https://github.com/wvanbergen/chunky_png). This library can be made faster by\ninstalling a simple C extension called [`oily_png`](https://github.com/wvanbergen/oily_png).\nAdd it to your `Gemfile` if you have one in your project:\n\n gem 'oily_png'\n\nOr install the Rubygem:\n\n gem install oily_png\n\nCompass will automatically detect its presence.\n" }, { "path": "compass-style.org/content/help/tutorials/testing.markdown", "content": "---\ntitle: Testing Your Stylesheets\nlayout: tutorial\ncrumb: Testing\nclassnames:\n - tutorial\n---\n\n# Test Unit\n\n require 'compass/test_case'\n class StylesheetsTest < Compass::TestCase\n def test_stylesheets\n my_sass_files.each do |sass_file|\n assert_compiles(sass_file) do |result|\n assert_not_blank result\n end\n end\n end\n protected\n def my_sass_files\n Dir.glob(File.expand_path(File.join(File.dirname(__FILE__), \"../..\", \"app/stylesheets/**/[^_]*.sass\")))\n end\n end" }, { "path": "compass-style.org/content/help/tutorials/upgrading/antares.markdown", "content": "---\ntitle: Compass v0.11 Upgrade\nlayout: tutorial\ncrumb: Upgrading to v0.11\nclassnames:\n - tutorial\n---\n# Upgrading to the Compass Antares Release (v0.11)\n\nMany mixins and certain uses of mixins have been deprecated, but your\nexisting stylesheets should still work out of the box with one exception:\nusers who are using the `css3/transform` module should update their imports\nto import `css/transform-legacy` when they upgrade. They should then upgrade\nto the new `css/transform` module at their convenience.\n\nYou should read about what changed, update your stylesheets accordingly\nand then update your imports to the new version.\n\n\n## Box Shadow\nYou may get a deprecation warning using the `box-shadow` mixin.\nYou can resolve this in one of the following ways:\n\n1. Change your use of the `box-shadow` and instead use `single-box-shadow`.\n This mixin has the same behavior and arguments as the old `box-shadow` mixin.\n2. Keep using `box-shadow`, change how you pass the arguments. The new\n `box-shadow` takes up to 10 comma-delimited shadows. Each shadow is\n how the values should appear in the CSS (space separated).\n\n\n## Text Shadow\n\nYou may get a deprecation warning using the `text-shadow` mixin.\nYou can resolve this in one of the following ways:\n\n1. Change your use of the `text-shadow` and instead use `single-text-shadow`.\n This mixin has the same behavior and arguments as the old `text-shadow` mixin.\n2. Keep using `text-shadow`, change how you pass the arguments. The new\n `text-shadow` takes up to 10 comma-delimited shadows. Each shadow is\n how the values should appear in the CSS (space separated).\n\n\n## CSS Transforms\nThe transform module was largely re-written to support 3D transforms. If you\nare using it, it is suggested that you read the [new module's documentation][new_transform]\nand adjust your code appropriately. Many mixin names and constants have changed.\nFor your convenience, the [old CSS transform module][old_transform] can still be imported, but it\nis deprecated and will be removed in the next release.\n\n\n## Gradients\n\nThe Compass gradient support now more closely emulates the CSS3 specification of how gradients\nare represented and passed around. The `linear-gradient` and `radial-gradient` mixins\nhave been deprecated and instead, you should use the `linear-gradient()` and `radial-gradient()`\nfunctions in conjunction with mixins for the [properties that support gradients][image_stylesheet] like\n`background` / `background-image`, `border-image`, `list-style` / `list-style-image`,\nand `content`.\n\nAfter upgrading, you'll receive deprecation warnings for your usage of the old gradient\nmixins and a suggested replacement value for each. If you'd rather keep the old mixins in\nyour project for convenience, just copy the following to your project after changing your imports:\n\n @mixin radial-gradient($color-stops, $center-position: center center, $image: false) {\n @include background-image($image, radial-gradient($center-position, $color-stops));\n }\n @mixin linear-gradient($color-stops, $start: top, $image: false) {\n @include background-image($image, linear-gradient($start, $color-stops));\n }\n\nOr for sass files:\n\n =radial-gradient($color-stops, $center-position: center center, $image: false)\n +background-image($image, radial-gradient($center-position, $color-stops))\n \n =linear-gradient($color-stops, $start: top, $image: false)\n +background-image($image, linear-gradient($start, $color-stops))\n\n\n## Typography Module\n\nWith the addition of vertical-rhythms to the compass core, we have created a new\n[typography module][typography_module], and moved several items that were formerly\nlisted as \"utilities\" into it. The moved modules are \"links\", \"lists\" and \"text\".\nThese will all remain part of the basic compass include, but if you were including \nthem individually in your stylesheets, you will need to adjust the include paths\nas follows:\n\n* \"compass/utilities/links\" becomes \"compass/typography/links\"\n* \"compass/utilities/lists\" becomes \"compass/typography/lists\"\n* \"compass/utilities/text\" becomes \"compass/typography/text\"\n\n\n[new_transform]: /reference/compass/css3/transform/\n[old_transform]: /reference/compass/css3/transform-legacy/\n[image_stylesheet]: /reference/compass/css3/images/\n[typography_module]: /reference/compass/typography/" }, { "path": "compass-style.org/content/help/tutorials/upgrading/im-scared.markdown", "content": "---\ntitle: I'm Scared to Upgrade\nlayout: tutorial\ncrumb: Scared to Upgrade?\nclassnames:\n - tutorial\n---\n# I'm scared to upgrade.\n\nWhy? Don't ya trust me? I won't break your stylesheets. Cross my heart. All those\n200+ github issues were feature requests. Honest. But you know, they might change\na little. Probably not in any meaningful way. Like a default that used to be\nspecified in the output might be omitted because it's the browser default anyway.\n\n## Trust but verify.\n\nBut you should probably keep me on my toes. Follow these simple steps to see\nwhat changed to your stylesheets:\n\n*(Steps beginning with a $ are command line commands. Don't type the $.)*\n\n1. $ cd my_compass_project\n2. $ compass compile --force\n3. $ cp -r stylesheets stylesheets.backup\n4. $ gem install compass # you might need to type sudo first if you're on mac or linux.\n5. $ compass compile --force\n6. Take note of any deprecation warnings printed in red during the compile.\n7. If you have textmate and installed the `mate` command line tool:
\n $ diff -r stylesheets.backup stylesheets | mate\n8. If you have not installed the `mate` tool:
\n $ sudo ln -s /Applications/TextMate.app/Contents/Resources/mate /usr/local/bin/mate\n Then perform step 7.\n9. If you do not have Textmate, run the diff command like so:\n $ diff -y -r stylesheets.backup stylesheets | less\n10. Scroll or use your arrow keys to review the differences between the files.\n11. If you're satisfied: $ git commit -a -m \"Upgraded compass\"\n12. If you're scared again:\n 1. Don't panic.\n 2. Read the [CHANGELOG](http://compass-style.org/CHANGELOG/) and\n see if the changes are explained there.\n 3. Send an email to the [mailing list](http://groups.google.com/group/compass-users)\n explaining the problem and providing enough context like snippets from your diff\n and the relevant snippets of your sass/scss files. In rare cases we might request\n that you construct a simple compass project that exhibits the issue and make an\n archive of it and send us an email with it attached.\n 4. If it's pretty obviously a bug. Please file an issue\n on [github](http://github.com/chriseppstein/compass/issues). If you're experiencing\n a crash, please run the command with the --trace option and record the output for\n diagnostic purposes.\n 5. $ sudo gem uninstall compass\n Select the newest version of compass. You have now downgraded to the old\n version of compass.\n 6. $ compass compile --force\n 7. Diff the folders as in steps 7 through 9.\n13. Breathe a sigh of relief.\n \n \n\n" }, { "path": "compass-style.org/content/help/tutorials/upgrading/lemonade_upgrade_guide.markdown", "content": "---\ntitle: Lemonade Upgrade Guide\nlayout: tutorial\ncrumb: Lemonade Upgrade\nclassnames:\n - tutorial\n---\n# Lemonade Upgrade Guide\n## Example 1\n\n### Lemonade\n\n .logo {\n background: sprite-image(\"lemonade/lemonade-logo.png\");\n }\n .lime {\n background: sprite-image(\"lemonade/lime.png\");\n }\n .coffee {\n background: sprite-image(\"other-drinks/coffee.png\") no-repeat;\n }\n \n### Compass\n\n\n @import \"lemonade/*.png\";\n @import \"other-drinks/*.png\"\n @include all-lemonade-sprites;\n @include all-other-drinks-sprites;\n\nCompass will return class names `.lemonade-logo`, `.lemonade-lime`, `.other-drinks-coffee`\n \n \n# Example 2\n\n### Lemonade\n\n .lemonade-example-1 {\n background: sprite-image(\"lemonade/example-1/blue-10x10.png\", 10px, 2px);\n }\n\n### Compass\n With compass you need to flatten the image directory to be `images/lemonade` instead of `images/lemonade/example-1`\n \n @import \"lemonade/*.png\"\n \n .lemonade-example-1 {\n @include lemonade-sprite(blue-10x10, true, 10px, 2px);\n background-color: yellow;\n }" }, { "path": "compass-style.org/content/help/tutorials/upgrading.markdown", "content": "---\ntitle: Upgrading Compass\nlayout: tutorial\ncrumb: Upgrading\nclassnames:\n - tutorial\n---\nUpgrading Compass\n=================\nSo a new version of compass is out and you'd like to upgrade, but you're not sure how.\nWell you've come to the right place.\n\nThere's a few things you should know.\n\n1. **What is my currently installed compass version?**\n You can find out your compass version by running `compass version`\n on the command line.\n2. **What is the latest compass version?**\n The latest version of compass is proudly displayed [here](https://rubygems.org/gems/compass).\n
\n ![rubygems](http://img.skitch.com/20101116-xkd9mtmqearh5mwhca33pa5yyy.png)\n3. **What is the latest preview release?** There's not always a preview release,\n but when there is, you can see the latest version [here](https://rubygems.org/gems/compass)\n
\n ![rubygem versions](http://img.skitch.com/20101116-d3j5hf8ishb9x5249et8b6i23i.png)\n4. Compass keeps a very detailed list of changes in every release. You can read\n the [changelog](/CHANGELOG/) to get up to speed on what has changed.\n\nIf you're scared to upgrade, that's silly. Read [this](./im-scared/)." }, { "path": "compass-style.org/content/help/tutorials.haml", "content": "---\ntitle: Compass Tutorials\ncrumb: Tutorials\nclassnames:\n - tutorial\nlayout: tutorial\n---\n%h1 Compass Tutorials\n\n:markdown\n These tutorials are still a work-in-progress, if you have questions that aren't covered here let us know on the [Compass users mailing list](http://groups.google.com/group/compass-users) where there are lots of\n friendly Compass users standing by to help you out.\n\n ## New to Compass?\n\n If you're new to Compass, you might be interested in [best practices](/help/tutorials/best_practices/), the [configuration reference](/help/documentation/configuration-reference/), [configurable variables](/help/tutorials/configurable-variables/),\n or the [command line documentation](/help/documentation/command-line/).\n\n ## Want to contribute?\n\n If you've been using Compass for a while and you'd like to give back, check out the tutorials on [contributing](/help/tutorials/contributing/) and [creating extensions](/help/tutorials/extensions/).\n" }, { "path": "compass-style.org/content/index/functions.haml", "content": "---\ntitle: Compass Documentation | All Functions\ncrumb: Docs\nbody_id: home\n---\n%article\n %h1#logo Sass Based Functions\n\n - all_functions.sorted_and_grouped_by_name{|f| f.last.name }.each do |(group, functions)|\n %h3= group\n %ul\n - functions.each do |(i, f)|\n %li\n %a{:href=>\"#{i.path}#function-#{f.name}\"}= f.sass_signature(:html)\n\n - sass_function_list = []\n %h1#logo All Ruby Based Functions\n %h3 Compass Functions\n %ul\n - Sass::Script::Functions.public_instance_methods.sort_by{|m| m.to_s}.each do |m|\n - name = m.to_s.gsub(\"_\",\"-\")\n - unless name =~ /^\\-compass/ # Private Fuctions!\n - if i = item_for_function_name(name)\n %li\n %a{:href=>\"#{i.path}##{name}\"}= name\n - elsif sass_functions().include? m\n - sass_function_list << '%s' % [m.to_s, name]\n - else\n %li\n = name\n %h3 Sass Functions\n %ul\n - sass_function_list.each do |m|\n %li= m" }, { "path": "compass-style.org/content/index/mixins.haml", "content": "---\ntitle: Compass Documentation | All Mixins\ncrumb: Docs\nbody_id: home\n---\n%article\n %h1#logo Compass Mixins\n \n - all_mixins.sorted_and_grouped_by_name{|m| m.last.name }.each do |(group, mixins)|\n %h3= group\n %ul\n - mixins.each do |(i, m)|\n %li\n %a{:href=>\"#{i.path}#mixin-#{m.name}\"}= m.sass_signature(:none, :html)\n" }, { "path": "compass-style.org/content/index/variables.haml", "content": "---\ntitle: Compass Documentation | All Variables\ncrumb: Docs\nbody_id: home\n---\n%article\n %h1#logo Compass Variables\n \n - all_constants.sorted_and_grouped_by_name{|v| v.last.name }.each do |(group, variables)|\n %h3= group\n %ul\n - variables.each do |(i, v)|\n %li\n %a{:href=>\"#{i.path}#const-#{v.name}\"}= \"$\" + v.name\n " }, { "path": "compass-style.org/content/index.haml", "content": "---\ntitle: Compass Home\ncrumb: Home\nbody_id: home\nlayout: homepage\n---\n%h1#logo Compass\n%h2 Compass is an open-source CSS Authoring Framework.\n.overview\n .info-box.compass\n %h4 Why designers love Compass.\n %ol\n %li Experience cleaner markup without presentational classes.\n %li It’s chock full of the web’s best reusable patterns.\n %li It makes creating sprites a breeze.\n %li Compass mixins make CSS3 easy.\n %li Create beautiful typographic rhythms.\n %li Download and create extensions with ease.\n .info-box.sass\n %h4 Compass uses Sass.\n %p\n Sass is an extension of CSS3 which\n adds nested rules, variables, mixins, selector inheritance, and more.\n Sass generates well formatted CSS and makes your stylesheets\n easier to organize and maintain.\n = render 'partials/ad'\n%h3 Brilliant people use Compass, including these wildly talented folks:\n%ul#featured_sites\n %li\n %a(href=\"http://linkedin.com/\")\n %img(src=\"/images/sites/linkedin.png\")\n %span.title LinkedIn\n %span.url http://linkedin.com/\n %li\n %a(href=\"http://status.heroku.com/\")\n %img(src=\"/images/sites/status.heroku.jpg\")\n %span.title Heroku Addons\n %span.url http://status.heroku.com\n %li\n %a(href=\"http://sencha.com/products/touch/\")\n %img(src=\"/images/sites/sencha.jpg\")\n %span.title Sencha Touch\n %span.url http://sencha.com/products/touch\n %li\n %a(href=\"http://caring.com/\")\n %img(src=\"/images/sites/caring.jpg\")\n %span.title Caring.com\n %span.url http://caring.com\n %li\n %a(href=\"http://hubblesite.org/\")\n %img(src=\"/images/sites/hubblesite.jpg\")\n %span.title HubbleSite\n %span.url http://hubblesite.org\n %li\n %a(href=\"http://dailymile.com/\")\n %img(src=\"/images/sites/dailymile.jpg\")\n %span.title DailyMile\n %span.url http://dailymile.com\n %li\n %a(href=\"http://cofamilies.com/\")\n %img(src=\"/images/sites/cofamilies.jpg\")\n %span.title Cofamilies\n %span.url http://cofamilies.com\n %li\n %a(href=\"http://jumpstartlab.com\")\n %img(src=\"/images/sites/jumpstartlab.jpg\")\n %span.title Jumpstart Lab\n %span.url http://jumpstartlab.com\n %li\n %a(href=\"http://busyconf.com/\")\n %img(src=\"/images/sites/busyconf.jpg\")\n %span.title BusyConf\n %span.url http://busyconf.com\n\n%section.book\n %h3 Save 37% on the Book: (Currently In Beta)\n\n %p\n %a(href=\"http://www.manning.com/netherland/\")\n %img(src=\"http://www.manning.com/netherland/netherland_cover150.jpg\" alt=\"Sass & Compass in Action\")\n Compliments of Manning.com is a standing 37% discount on\n Sass and Compass in Action.\n Use promo code sasscomp37 at manning.com on the MEAP, eBook and pBook of Sass and\n Compass in Action. All pBook purchases include free eFormats (PDF, ePub, and Kindle)\n as soon as available.\n\n%section.gui\n %h3 Hate the Command Line?\n\n %a(href=\"http://compass.handlino.com/\")\n %img(src=\"/images/compass.app.png\")\n %p\n Buy Compass.app\n for Windows and Mac for just $10.\n %p.note\n Note: Compass.app is a product of Handlino, Inc but\n 30% of all proceeds go to Compass's charity of choice: UMDF.org.\n" }, { "path": "compass-style.org/content/install.haml", "content": "---\ntitle: Install the Compass Stylesheet Authoring Framework\ncrumb: Install\nbody_id: install\n---\n- content_for :javascripts do\n %script(src=\"/javascripts/install.js\")\n \n%h2 Installing Ruby \n%p\n Compass runs on any computer that has\n ruby installed.\n%p\n For more advanced users you may want to install\n rvm.\n\n%h2 Setting up the ruby environment\n%ol\n %li $ gem update --system\n %li $ gem install compass\n\n%h2 Looking for the next release's preview version?\n%p\n To install the preview version of Compass:\n\n%ol\n %li gem install compass --pre\n\n%h2 Tell us about your project and we'll help you get it set up:\n%blockquote.madlib.customizable<\n I would like to set up my\n %select#existence\n %option{:value => \"create\"} new\n %option{:value => \"init\"} existing\n %select#app-type\n %option{:value => \"stand-alone\"} compass\n %option{:value => \"rails\"} rails\n %option{:value => \"other\"} other\n project\n %span.creating\n named\n %input#project_name(placeholder=\"\")\n with\n %select#framework\n %option{:value => \"compass\"} compass's\n %option{:value => \"bare\"} no\n starter stylesheets.\n %br\n I prefer the\n %select#syntax\n %option{:value => \"scss\"} CSS based (SCSS)\n %option{:value => \"sass\"} Indent based (Sass)\n syntax\n and would like to\n %select#options\n %option{:value => \"default\"} use compass's recommended\n %option{:value => \"customized\"} customize my project's\n directory structure\n using\n %input#sassdir(placeholder=\"sass\")\n for the sass source directory,\n %input#cssdir(placeholder=\"stylesheets\")\n for the stylesheets output directory,\n %input#jsdir(placeholder=\"javascripts\")\n for the javascripts directory,\n and\n %input#imagesdir(placeholder=\"images\")\n for the images directory.\n\n%h4 Thanks. Now run the following steps in your terminal:\n\n%p.note\n Terminal newbies, read the Designer’s Guide to the OSX Command Prompt first!\n\n#steps\n Loading...\n%p.note Note: $ is a placeholder for your terminal's prompt. You don't type it.\n%h4 Then follow the instructions that compass provides in the output.\n\n%h2 Hate the Command Line?\n\n%p Try one of these Community supported GUI applications:\n%ul\n %li Compass.app from Handlino.\n %li Scout from Mutually Human.\n\n%h2 Next Steps\n%ul\n %li\n %a(href=\"http://sass-lang.com\" target=\"_blank\") Learn about Sass\n %li\n %a(href=\"/help/tutorials/\") Read our tutorials\n %li\n %a(href=\"/reference/compass/\") Study the reference documentation\n\n" }, { "path": "compass-style.org/content/posts/2011-04-24-v011-release.markdown", "content": "---\ntitle: \"Compass v0.11 is Released!\"\ndescription: \"Months in the making, Compass v0.11 continues to revolutionize CSS Frameworks.\"\nauthor: chris\n---\n\nThe Compass team is proud to announce that v0.11 is released. With this release, Compass & Sass continue to revolutionize the world of CSS Frameworks bringing never-before-seen features and unmatched simplicity, quality, and flexibility to your stylesheets.\n\nIn this post, we summarize the new features. For all the nitty gritty details, see the [CHANGELOG](/CHANGELOG/).\n\nCompass is Charityware. If you love this release, [please donate to the UMDF](http://umdf.org/compass) on our behalf and help find a cure for thousands of children suffering from mitochondrial disease.\n\n## Sass 3.1\n\nThis release required you to upgrade to Sass 3.1. This release brings a ton of great new features that Compass now uses and you can too!\n\n* Proper List Support: Space and Comma separated lists used to cause values to become strings\n when passing them to mixins. Now the values in lists are preserved as their original types.\n* Sass-based Functions. Define your own value functions and use them anywhere.\n* Keyword Style Argument passing to Functions and Mixins. It can be hard to understand what\n the values being passed to a mixin or function are for, use keyword style arguments to\n make it easier to understand remember and read mixin includes.\n* `@media` bubbling. Responsive design meets nested selectors! Use a media declaration anywhere and it\n will be bubbled to the top level for you.\n\nFor more information about the new Sass features, see the [Sass CHANGELOG](http://sass-lang.com/docs/yardoc/file.SASS_CHANGELOG.html).\n\n\n## Embracing CSS3\n\nThe power and flexibility of CSS3 is well known and web developers and designers are finding many new and interesting ways to take advantage of it. In Compass v0.11 we have revisited each CSS3 feature to ensure the greatest ease of use and similarity to CSS3 syntax. The compass internals for managing cross-browser compatibility have been rewritten to provide a powerful platform for moving as fast as the browser implementors are. Going forward, expect small point releases to adapt to new browser support and changes much more rapidly. By default, Compass provides out-of-the-box support for **all** modern and legacy browsers as far back as IE6 and Firefox 2. But if you want slimmer stylesheets, it is [simple to configure](/reference/compass/support/) which browser support we provide.\n\nIn this release, we embraced the CSS3 syntax as much as possible. It might seem obvious, but the Compass convention is now that all CSS3 mixin arguments should match the CSS3 syntax for their corresponding properties so that you never have to *learn* a compass CSS3 mixin. If you ever find a case where this is not true, it is a bug and we would appreciate it if you would [provide the details in a bug report](http://github.com/chriseppstein/compass/issues). After upgrading, you will encounter a number of deprecation warnings guiding you through the syntax changes.\n\n### Gradients Evolved\n\nThe best example of the changes in the CSS3 module are related to gradients. In Compass v0.10 we provided two simple mixins: `linear-gradient` and `radial-gradient` for setting the `background-image` property:\n\n .linear {\n @include linear-gradient(#FFF, #000, color-stops(#C00 25%, #0C0 75%))\n }\n\nThis syntax was inspired by the original webkit gradient syntax but tried to simplify it to some extent. But the gradient specification has evolved and because gradients can be used anywhere an image can, so we now provide a mixin for each property that can accept gradients and the arguments\ncan be any legal CSS3 value for the that property:\n\n .linear {\n @include background-image(linear-gradient(#FFF, #C00 25%, #0C0 75%, #000))\n }\n\nWhich produces:\n\n .linear {\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #cc0000), color-stop(75%, #00cc00), color-stop(100%, #000000));\n background-image: -webkit-linear-gradient(#ffffff, #cc0000 25%, #00cc00 75%, #000000);\n background-image: -moz-linear-gradient(#ffffff, #cc0000 25%, #00cc00 75%, #000000);\n background-image: -o-linear-gradient(#ffffff, #cc0000 25%, #00cc00 75%, #000000);\n background-image: linear-gradient(#ffffff, #cc0000 25%, #00cc00 75%, #000000);\n }\n\n## Dead Simple Sprites\n\nSpriting has never been easier with Compass. Nico Hagenburger joined the Compass team and we have built on his popular Lemonade plugin to make Compass sprites. Existing Lemonade users will need to upgrade.\n\nThe way they work is you place the sprite images in a folder,\nimport them into your stylesheet, and then you can use the sprite in your selectors in one\nof several convenient ways.\n\nFor example, let's imagine that in your project's image folder there are four icons:\n\n* `/icon/new.png`\n* `/icon/edit.png`\n* `/icon/save.png`\n* `/icon/delete.png`\n\nThe simplest way to use these icon sprites is to let compass give you a class for each sprite:\n\n @import \"icon/*.png\";\n @include all-icon-sprites;\n\nAnd you'll get the following CSS output:\n\n .icon-sprite,\n .icon-delete,\n .icon-edit,\n .icon-new,\n .icon-save { background: url('/images/icon-34fe0604ab.png') no-repeat; }\n\n .icon-delete { background-position: 0 0; }\n .icon-edit { background-position: 0 -32px; }\n .icon-new { background-position: 0 -64px; }\n .icon-save { background-position: 0 -96px; }\n\nYou can now apply the `icon-XXX` classes to your markup as needed.\n\nOf course, this is Compass which means that underneath this simple veneer is a powerful system that you can use to customize your selectors and all kinds of other scenarios involving unicorns and rainbows. Get all the details in our [Spriting Tutorial](/help/tutorials/spriting/).\n\n## New Typography Module\n\nNew in this release is a typography module. Many of our utility mixins related to typography have been moved here, but the really exciting development is the addition of the [vertical rhythm module](/reference/compass/typography/vertical_rhythm/). Based on [this excellent tutorial](http://24ways.org/2006/compose-to-a-vertical-rhythm) from 24ways, it is now simpler than ever to compose to a vertical rhythm.\n\n## Blueprint 1.0\n\nBlueprint is 1.0 now and the Compass port is updated to match the changes there. Some of the changes that blueprint made might affect your design, so if you don't want to take this upgrade, you should unpack blueprint before you upgrade:\n\n compass unpack blueprint\n\n## New Website\n\nAs you can see, we have a spiffy new website design from Compass Core team member [Brandon](http://brandonmathis.com/). A testament to the separation of content and presentation, most of this redesign was done by throwing out our old stylesheets and building new ones. If you don't like the light text on dark background theme, you can turn on the lights by clicking the power button in the upper right hand corner of every page.\n\n## Much, Much More\n\nThere's more features in this release than would fit into this post. Here's some other things you'll find in this release:\n\n* Custom directory and file watching (E.g. for pngcrush support)\n* Compilation Callback support\n* Trigonometric functions\n\nRead the [CHANGELOG](/CHANGELOG/) for all the details.\n\nAdditionally, expect a point release to follow shortly with support for:\n\n* Rails 3.1\n\nLastly, Compass v0.11 will have point releases as needed to adapt to changes in browser support for the CSS3 module.\n\n## Many Thanks\n\nCompass wouldn't be possible without Natalie Weizenbaum and her hard work on Sass. The latest Sass release\nprovides a ton of great features that have made this Compass release possible.\n\nCompass is far to big for one person to manage it now. I'd like to thank the hard work of the Compass core team members:\n\n* [Eric Suzanne](http://ericsuzanne.com/)\n* [Brandon Mathis](http://brandonmathis.com/)\n* [Scott Davis](https://github.com/jetviper21)\n* [Nico Hagenburger](http://www.hagenburger.net/)\n\nAdditionally, there were commits from 10 other great folks in this release and there's been [contributions from 68 people](https://github.com/chriseppstein/compass/contributors) in total so far.\n\nLastly thanks to the hundreds, if not thousands, of users who have helped test this release and provided valuable feedback, bug reports, and documentation suggestions. Together, we are making a real stylesheet framework and simplifying the lives of web developers across the world.\n" }, { "path": "compass-style.org/content/posts/2011-04-26-compass-release-strategy.markdown", "content": "---\ntitle: \"Compass Release Strategy\"\ndescription: \"An overview of how Compass will be managing ongoing releases.\"\nauthor: chris\n---\n\nMost of this is probably obvious, but it doesn't hurt to be explicit about such things.\n\nIf you're interested in contributing to Compass, please read the\n[Contribution Guide](http://compass-style.org/help/tutorials/contributing/).\n\nVersioning\n----------\n\nMost stable releases will be released as release candidates first\n(e.g `0.11.1.rc.0`) and then made into official releases after a day\nor so if they don't cause any problems.\n\nSass Dependency\n---------------\n\nWe will decouple major Compass releases from the Sass release schedule\ngoing forward. When Sass releases happen, we will issue patches to both\nstable and master branches to adjust to any deprecations and new\nfeatures after they are fully released (which means we might have the\nchanges waiting in a topic branch). Because Sass is very careful to not\nbreak existing stylesheets without deprecating first, this shouldn't be\nhard to pull off.\n\nStylesheet Progress\n-------------------\n\nI do not want to see the compass stylesheets get frozen again \nlike they did in v0.10 while waiting for the next major release.\nCompass users expect us to keep up with browser developments and we will.\nIf this means that we need to make v0.12 become v0.13 because\nthe stylesheets need to make some major change, then we will do that.\n\nCommunicating Change\n--------------------\n\nAll new features should have tests, docs, and CHANGELOG entries\nas appropriate as part of the commit.\n\nAdditionally, we now have a compass team blog that we can use to communicate\nabout new features, best practices, or other Compass related stuff.\nIt's easy to add a post, you just drop a markdown file into\n[this directory](https://github.com/chriseppstein/compass/tree/stable/compass-style.org/content/posts).\nGuest posts are totally welcome via pull requests.\n\nStable\n------\n\nThe stable release is were code lives for the next v0.11 point release.\nCommits should only go here if they are ready for release, until that\npoint the code should live in your compass fork or in a topic branch.\n\nCore team members, please use pull requests to manage the code review\nprocess for any change of significance and get sign-off from one other\nteam member before committing to stable.\n\nChanges that can go on stable:\n\n* Browser support updates\n* Non-breaking stylesheet changes and minor features\n like new mixins or modules.\n* Bug fixes\n\nChanges that can't go on stable:\n\n* New deprecations\n* Major features\n* Big refactors\n\nIf you're not sure where to put something, just ask.\n\nRails 3.1 support is the exception to this rule, given the timeline\nassocated with that release, I will make a topic branch and we'll\nmerge that to stable when it's ready.\n\nCore team members will, after committing/merging code to stable, then merge those changes to master so it is up to date.\n\nMaster\n------\n\nMaster is where code goes to be ready for v0.12. This focus of this\nnext release is making extensions easy to make, share, discover, install,\nremove, and use. Any and all ideas that you have related to this are\nwelcome. At a minimum, I would like to have an extension directory\napp hosted on compass-style.org and make sure that compass knows about\nit and can install extensions by name from there.\n\n\n" }, { "path": "compass-style.org/content/posts/2011-05-09-compass-django.markdown", "content": "---\ntitle: \"How to use Compass/Sass with Django.\"\ndescription: \"All the documentation is for Ruby/Rails development, so how does it work for the rest of us?\"\nauthor: eric\n---\n\nIt's easy! Follow these two simple steps:\n\n1. Use Compass/Sass.\n2. Use Django. \n\nThat's it. Compass works great as a stand-alone tool. Run \"compass --watch\" on the command line or use [compass.app](http://compass.handlino.com/) to compile your stylesheets, and then commit the CSS to your Django project, just like you always have. Done.\n\n## What about integration?\n\nCompass and Sass are built in Ruby. When the rest of your project is also built in Ruby, it makes sense to squeeze every last ounce of convenient automatic integration, like having your project automatically compile Sass to CSS for you at runtime. But that integration is not actually necessary, and when the rest of your project is not Ruby, you pay a lot more for that little bit of convenience.\n\nA Rails/Ruby project already has a full Ruby stack and deployment infrastructure to make sure all the right Ruby gems are available on the server. Adding a few Compass gems makes very little difference in the complexity of your production deployment.\n\nFor a Django project, integrating run-time Compass compilation (via something like [django-css](https://github.com/dziegler/django-css)) means requiring a full Ruby stack on your production servers, plus new deployment infrastructure for getting all the right gem versions in place. This is a significant chunk of additional moving parts on your production servers.\n\nKeeping your production servers simpler is A Very Good Thing. (And, as a bonus, it allows you to deploy your project to pure-Python managed hosting environments).\n\n## In development.\n\nThe disadvantage to our approach is that you are committing generated code to the repo. That's generally frowned upon. But we haven't seen any actual problems as a result of this. Nobody on the team is tempted to edit the generated CSS directly; we all know that we use Compass for that. There are no mysterious display inconsistencies between one developer and another, or between development and production, because of minor differences in something like a Compass plugin gem version. Everyone sees the same CSS. Differences between developers' Compass environments are caught quickly, because they show up right away as unexpected changes in the pre-commit diff of the generated CSS.\n\nAnd I, as the designer/front-end developer, keep full control of the css-generation process without needing to touch the server. If I want to update the gems and make some changes, I can do that. I make the change, I commit the change, and it just works. For everyone. That's important to me. It removes all the pretense of dark magic that can come with Sass/Compass. I'm writing CSS. I'm committing CSS. Compass, Sass and all their plugins are just tools towards that end.\n\nOf course, you'll want to commit the Sass as well, especially if you have multiple front-end developers on the team. That way the source is available for anyone who needs to update it, even though it's not needed by the server. You might also want a way of documenting the latest gems that should be used to compile it. That's easy enough to add in a comment or doc of it's own. \n\n## Just Tools.\n\nI want to say that again because I think it is the most important and most often forgotten rule of using a css pre-processor. **Compass and Sass are simply tools for writing CSS. They are not a new styling language. They are not magic. They make writing css easier - and that is all. The css output is the only thing that matters.**" }, { "path": "compass-style.org/content/posts/2012-01-29-compass-and-rails-integration.markdown", "content": "---\ntitle: \"Compass/Rails Integration in v0.12\"\ndescription: \"Starting in Compass v0.12 compass's rails integration is\ndone via a new project called compass-rails.\"\nauthor: chris\n---\n\nThe Compass v0.12 release is way behind schedule but it's finally getting\nvery close to release. The main goal of the v0.12 release has been to add\nsupport for the rails asset pipeline and we hope that you'll agree that this\nrelease achieves the very best integration with rails that compass has\never provided.\n\nIn v0.12, we've create a new gem called `compass-rails` to provide full\nsupport for rails 2.3 and greater. Let me tell you, this was no small\nfeat. 2.3 lacks Railtie support and 3.1 introduced the asset pipeline.\nBackflips were performed; blood, sweat, and tears were shed; Monkeys\nwere patched and Ducks were punched.\n\nThe compass command line tool will now be aware of and compass\nconfiguration settings you've made in your rails configuration files\nand/or in the compass configuration file. You can use the approach that\nbest suites your workflow.\n\nWhile the asset pipeline is convenient, large applications with lots of\nstylesheets and many imports can become sluggish in development mode. To\nmake things snappier, you can now run the compass watcher in a separate\nterminal to begin compilation as soon as you save. In combination with\ntools like [live-reload](https://github.com/mockko/livereload), you may\nnot even need to reload your webpage to see the result in your browser.\n\nCompass extensions and their starter files can be added to your rails\nproject following the extensions' existing installation instructions.\nNo special consideration is needed to support rails except to note\nthat the extension gem should be listed in the `:assets` group of your\nGemfile and you might need to use `bundle exec` to launch the compass\ncommand line tool.\n\nHaving a dedicated gem for integration provides a number of benefits.\nFirst, it means that we can release rails integration fixes on a\nseparate release schedule from the main compass library. Second, it\nsolves a chicken & egg problem we had where the command-line tools\ndidn't know whether they were dealing with a rails project until it was\ntoo late. Finally, it allowed us to clean up some of the Compass\ninternals. To be clear, this gem doesn't mean that Rails support is\ndeprecated or a second class citizen in any way.\n\nHuge thanks go to [Scott Davis](https://github.com/scottdavis) for his\nhard work on the compass-rails gem.\n" }, { "path": "compass-style.org/content/posts/2012-02-01-compass-0-12-is-released.markdown", "content": "---\ntitle: \"Compass v0.12 is Released\"\ndescription: \"Compass 0.12: Flexible Sprites, Rails Integration\"\nauthor: chris\n---\n\nCompass 0.12 is out! Install it now:\n\n $ (sudo) gem install compass\n\nThis release is primarily to support the Rails Asset Pipeline which\nrequired major changes to the Compass internals. If you use rails\nwith Compass please read the [blog post about the new compass-rails\ngem][compass-rails].\n\nIn addition to the rails improvements this release contains many updates\nto Compass Sprites:\n\n* **Sprite Layouts**: `vertical` (default), `horizontal`, `diagonal`, and `smart`\n layouts are now available. Different layouts may allow you to use\n sprites more easily with differing design requirements. The `smart`\n layout will efficiently pack sprites of different sizes -- resulting\n in smaller file sizes. To select a layout set the\n `$-layout` variable to your desired layout name.\n* **Sprite Load Path**: Sprite source files can now be stored in more locations than\n just your images directory. To add sprite locations in your compass\n configuration: `sprite_load_path << 'my/sprite/folder'\n* **Sprite output location**: If you need to output sprites to a\n location other than the images directory set `generated_images_dir`,\n `generated_images_path`, `http_generated_images_dir`, and\n `http_generated_images_path` in your compass configuration according\n to your needs. You can refer to images in your generated images\n directory using the `generated-image-url()` function.\n\nAdditionally there are many new CSS3 improvements, bug fixes, and other\nsmall enhancements that you can read about in the\n[CHANGELOG](/CHANGELOG/).\n\nWhat's next for Compass? First, we've added [Anthony\nShort](/blog/2012/03/11/anthony-short-joins-the-compass-core-team/) to\nthe team and we're really excited to see him come make our stylesheets\neven more awesome. The Sass 3.2 release is coming soon and the 0.13\nrelease of compass will take advantage of the great features that it\noffers. Additionally, we're working on an extension registry where you\ncan post your compass extensions and discover new ones. Lastly, we'll\nbe extracting blueprint to a compass extension as that project seems to\nhave stagnated. I'd say we're getting pretty close to a 1.0 release!\n\n[compass-rails]: /blog/2012/01/29/compass-and-rails-integration/\n" }, { "path": "compass-style.org/content/posts/2012-05-20-removing-blueprint.markdown", "content": "---\ntitle: \"Removing Blueprint from Compass in 0.13\"\ndescription: \"Blueprint will be extracted to a plugin\"\nauthor: chris\n---\n\nFive years ago, [Blueprint CSS](http://blueprintcss.org/) was an\ninnovative CSS Framework. It was a boilerplate before\n[H5BP](http://html5boilerplate.com/) and it was the most popular CSS\nGrid Framework when the concept was still young.\n\nBlueprint's regular structure and common-sense approach, together with\nits inherent weaknesses, was a major inspiration for the development of\nCompass. In fact, Compass started solely as a rejected sass-based\ntoolchain for the blueprint project.\n\nSadly, the blueprint core team, while having never officially announced\nthat the project is over, has through negligence, caused the project to\nfall behind. It has not kept up with layout and responsive approaches\nthat are essential to web design in 2012.\n\nFurthermore, there are many new layout mechanisms coming in CSS:\n[columns][css-columns], [box-sizing][box-sizing], [regions][css-regions],\n[grid layout][css-grid], and [flexbox][css-flexbox]. The future of\nlayout looks bright and we want Sass users to be at the forefront of\ntheir adoption, establishing the best practices of 2015 instead using\nthe best practices from 2009.\n\nGiven these developments, we have decided that it is time for Compass to\nget out of the \"Grid Business\". Starting in 0.13 (our next major\nrelease) we will have removed Blueprint from Compass. The stylesheets\nwill be extracted as a plugin so that our users can continue to\nuse it, if they need to. At that time, you can install it with two\nsimple steps:\n\n1. `gem install compass-blueprint`\n2. Edit your compass configuration and add: `require 'compass-blueprint'`\n\nWe hope that this means that the Compass community will think more\ncarefully about the grids that they use and whether they meet their\nproject's specific needs.\n\nIf you are looking for a grid system for your next site, or to replace\nblueprint with something more modern. We suggest you look into\n[Susy](http://susy.oddbird.net/). It is written by Compass core team\nmember, [Eric Suzanne](http://twitter.com/ericmsuzanne). Susy 1.0 has been\ncompletely overhauled to take advantage of modern browsers and the very\nlatest features in Sass 3.2 and Compass 0.13. If you have a favorite\ngrid framework, please feel free to mention it in the comments.\n\n**TL;DR** Starting in Compass 0.13, blueprint will be extracted from compass\nand available as a compass extension named `compass-blueprint`.\n\n\n[css-columns]: http://www.w3.org/TR/css3-multicol/\n[css-grid]: http://dev.w3.org/csswg/css3-grid-layout/\n[css-regions]: http://dev.w3.org/csswg/css3-regions/\n[css-flexbox]: http://www.w3.org/TR/css3-flexbox/\n[box-sizing]: http://caniuse.com/css3-boxsizing\n" }, { "path": "compass-style.org/content/posts/2013-11-27-compass-versioning-change.markdown", "content": "---\ntitle: \"Compass Versioning Change\"\ndescription: \"Compass follows semantic versioning now. Chris shakes off\nhis fear of releasing imperfect software.\"\nauthor: chris\n---\n\nWhen I created compass I imagined a particular set of features Compass\nwould have when it was done with the initial build out. I assigned that\nrelease a number of 1.0 and expected it would only take a few releases to\nget there.\n\nBut then there was users and their needs and the features they wanted.\nAnd so there have been 77 releases at the time that I'm writing this\npost. And you know what? I don't know when, or if, compass will ever\nachieve the mythical feature set I imagined.\n\nFurthermore, it's been way too long since the last stable release.\nThere was a hiatus, and then there was a mountain of bugs and feature\nrequests that built up that I desperately wanted to get into the next\nrelease. And instead of just releasing incrementally better software\nevery few weeks, I've been making a bigger and bigger release that is\nharder and harder to release.\n\nAnd so I've fallen into the trap that so many software developers fall\ninto. I'm working hard every day and I'm not shipping because it's not\ndone. But we all know, software is never done (unless you are Donald\nKnuth).\n\nAnd so I've decided to make a few changes. Sass 3.3 is ready for release\nand I want to get it out. Compass has to be released with it and there's\nno way I will get everything bug fix and new feature I need to get done.\nBut what Compass development has right right now, is really a huge\nimprovement. It's time to ship, even though it's not done and get this\ntrain moving. So here's what I'm doing to address these issues:\n\n### 1.0.0 is the next release\n\nThe next release will be version 1.0.0. This number doesn't mean\nanything. It's just an acknowledgement that compass is a mature project\nthat has tens of thousands of users and that it is not in any way \"not\ndone\".\n\n### Semantic Versioning\n\nSemantic versioning is a [standard versioning scheme](http://semver.org/)\nwith standard expectations about what a change to a version means. From\nthe site:\n\n> Given a version number MAJOR.MINOR.PATCH, increment the:\n> \n> MAJOR version when you make incompatible API changes,
\n> MINOR version when you add functionality in a backwards-compatible manner, and
\n> PATCH version when you make backwards-compatible bug fixes.\n>\n> Additional labels for pre-release and build metadata are available as\n> extensions to the MAJOR.MINOR.PATCH format.\n\n
\n
\nCompass releases will follow semantic versioning going forward.\n\n### Compass Core\n\nThe core stylesheets and configuration of Compass have been extracted to\ntheir own gem named `compass-core`. This gem allows projects that don't\nneed Compass's command line tools, extension management, and compilation\nservices, to work very simply using pure sass for much of configurable\nbits of compass. The compass core framework will have it's own version\nand will be released on it's own release train. If you don't care about\nthis, don't worrry; `gem install compass` still works exactly like it\nused to.\n\n### Regular Releases\n\nOnce Compass 1.0.0 is released. There are a ton of bug fixes and new\nfeatures we'll be releasing. Instead of waiting until there's a critical\nmass, we'll just release whenever new features land and ship\nnon-critical bug fixes every two weeks.\n\n### Gem Version Dependencies\n\nIf you are the owner of a compass extension that declares a version\ndependency on compass, you need to update your gemspec to allow compass\n1.0.0. Hit me up on [twitter](http://twitter.com/chriseppstein) if\nyou're not sure how to do this.\n\n### Install it now, help QA!\n\nThere's a 1.0.0 preview release available right now (1.0.0.alpha.13)\n\n`gem install compass --pre` to get it.\n\nIf you find a bug, please make sure to mention 1.0 in the description.\n" }, { "path": "compass-style.org/content/posts/2014-08-15-omg-compass-1-0.markdown", "content": "---\ntitle: \"Compass 1.0 is Released!\"\ndescription: \"Better late than never.\"\nauthor: chris\n---\n\nCompass 1.0 is now available!\n\nFirst, let's address the elephant in the room: This release took way too\nlong. I can give you a list of reasons and excuses, but none of them\nreally matter. Suffice it to say that if you ever find yourself owning\nan open source project that has gone unmaintained for more than a year\nlike Compass had when I re-engaged with the project, the most prudent\ncourse of action is to shut it down. But I'm way too stubborn for that.\n\nWhat matters now is how things are going to work going forward.\n\n1. Regular bug fix releases. Compass 1.0 is not perfect. Now that it is\n released, we will be shipping regular updates with bug fixes and\n fresh browser stats so that your prefixes are always up to date.\n You can expect a couple releases per month at a minimum.\n2. New features. While compass 1.0 has undergone significant rewrites\n and refactoring, it is actually quite devoid of what I would consider\n any new significant features since 0.12. Now that it is released and\n following semantic versioning, we will be free to release new features.\n\n### What's in Compass 1.0?\n\n* Vendor prefixing decisions are now data driven by [caniuse.com data](/help/documentation/tuning-vendor-prefixes/). You tell Compass what percentage of users you want to support and we'll take it from there.\n* Compass core library now enables you to [use compass without using the\n compass command-line tools](/help/documentation/sass-based-configuration-options/).\n* Compass speeds up your project compile times by enabling import-once\n importing. Existing projects should add `require \"compass/import-once/activate\"` to their configuration to enable this. [Documentation](https://github.com/Compass/compass/blob/master/import-once/README.md).\n* Sass sourcemap support. Set `sourcemap = true` in your compass\n configuration file to enable it.\n* Rewritten watcher/compiler. Compass now use's Sass builtin compiler\n guaranteeing tighter integration and consistency between the projects.\n* Blueprint is removed. Not that you were using it, but if you were it's\n now maintained as a [separate plugin](http://compass-blueprint.org/).\n* CSS3Pie integration is removed.\n* Support for recent CSS Developments:\n [Animation](/reference/compass/css3/animation/), [Flexbox](/reference/compass/css3/flexbox/), Official Gradient syntax support, [Input Placeholders](/reference/compass/css3/user_interface/), \n* Compass extensions that have Sass files that are not partials will now deliver compiled css files into a subdirectory of the css output folder.\n* And [much, much more](/CHANGELOG/).\n\nCompass has been a release candidate for a few weeks now. We've fixed\nmany bugs, but given the magnitude of the changes here, we expect that\nthere will be more. If you see something strange, please [file a bug](https://github.com/Compass/compass/issues)! Or better yet, send us a patch :)\n" }, { "path": "compass-style.org/content/reference/compass/css3/animation.haml", "content": "---\ntitle: Compass Animation\ncrumb: Animation\nframework: compass\nstylesheet: compass/css3/_animation.scss\nmeta_description: Specify the CSS3 animation property and all its sub-properties.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n :markdown\n Provides a mixin for `animation` and all its sub-properties.\n See the CSS3 specification: [animation](http://www.w3.org/TR/css3-animations/).\n" }, { "path": "compass-style.org/content/reference/compass/css3/appearance.haml", "content": "--- \ntitle: Compass Appearance\ncrumb: Appearance\nframework: compass\nstylesheet: compass/css3/_appearance.scss\nmeta_description: Specify the CSS3 appearance property.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n :markdown\n Provides a mixin for `appearance`.\n See the CSS3 specification: [appearance](http://www.w3.org/TR/css3-ui/#appearance).\n" }, { "path": "compass-style.org/content/reference/compass/css3/background_clip.haml", "content": "--- \ntitle: Compass Background Clip\ncrumb: Background Clip\nframework: compass\nstylesheet: compass/css3/_background-clip.scss\nmeta_description: Specify the background clip for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for background-clip. See CSS3 spec: background-clip.\n" }, { "path": "compass-style.org/content/reference/compass/css3/background_origin.haml", "content": "--- \ntitle: Compass Background Origin\ncrumb: Background Origin\nframework: compass\nstylesheet: compass/css3/_background-origin.scss\nmeta_description: Specify the background origin for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for the background origin property. See CSS3 spec: background-origin property.\n" }, { "path": "compass-style.org/content/reference/compass/css3/background_size.haml", "content": "--- \ntitle: Compass Background Size\ncrumb: Background Size\nframework: compass\nstylesheet: compass/css3/_background-size.scss\nmeta_description: Specify the background size for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n This mixin provides cross browser access to the CSS3 background-size attribute using supported vendor prefixes. See CSS3 spec: background-size.\n" }, { "path": "compass-style.org/content/reference/compass/css3/border_radius.haml", "content": "--- \ntitle: Compass Border Radius\ncrumb: Border Radius\nframework: compass\nstylesheet: compass/css3/_border-radius.scss\nmeta_description: Specify the border radius for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n The border-radius mixin is used to give a block element rounded corners. It automatically outputs the correct vendor specific syntax for each browser (e.g. -webkit-border-radius and -moz-border-radius). See CSS3 spec: border-radius.\n" }, { "path": "compass-style.org/content/reference/compass/css3/box.haml", "content": "--- \ntitle: Compass Box\ncrumb: Box\nframework: compass\nstylesheet: compass/css3/_box.scss\nmeta_description: This module provides mixins that pertain to the CSS3 Flexible Box.\nlayout: core\ndeprecated: true\nclassnames:\n - reference\n---\n- render 'reference' do\n %p.warning\n This module is deprecated and will be removed in the next release.\n Please use the flexbox module instead.\n" }, { "path": "compass-style.org/content/reference/compass/css3/box_shadow.haml", "content": "--- \ntitle: Compass Box Shadow\ncrumb: Box Shadow\nframework: compass\nstylesheet: compass/css3/_box-shadow.scss\nmeta_description: Specify the box shadow for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n The box-shadow mixins are used to apply an inset or drop shadow to a block element.\n" }, { "path": "compass-style.org/content/reference/compass/css3/box_sizing.haml", "content": "--- \ntitle: Compass Box Sizing\ncrumb: Box Sizing\nframework: compass\nstylesheet: compass/css3/_box-sizing.scss\nmeta_description: Specify the box sizing for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for the box-sizing property, which allows you to change how the box model works. See W3C CSS3 spec: box-sizing.\n" }, { "path": "compass-style.org/content/reference/compass/css3/columns.haml", "content": "--- \ntitle: Compass Columns\ncrumb: Columns\nframework: compass\nstylesheet: compass/css3/_columns.scss\nmeta_description: Specify a columnar layout for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for the CSS3 Multi-column layout module. See CSS3 spec: Multi-colum layout module.\n" }, { "path": "compass-style.org/content/reference/compass/css3/filter.haml", "content": "--- \ntitle: Compass Filter\ncrumb: Filter\nframework: compass\nstylesheet: compass/css3/_filter.scss\nmeta_description: Specify the (image) filter for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n The filter mixin is used to apply filters to images.\n" }, { "path": "compass-style.org/content/reference/compass/css3/flexbox.haml", "content": "--- \ntitle: Compass Flexbox\ncrumb: Flexbox\nframework: compass\nstylesheet: compass/css3/_flexbox.scss\nmeta_description: This module provides mixins that pertain to CSS3 Flexbox.\nlayout: core\nclassnames:\n - reference\n---\n- render 'reference' do\n :markdown\n This module provides prefixing support for the three versions of flexbox that have been\n implemented by browsers since 2009. However it does not attempt to provide a unified interface\n across these different versions.\n\n 1. [July 2009 Working Draft](http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/) (box)\n 2. [March 2012 Working Draft](http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/) (flexbox)\n 3. [September 2012 Candidate Recommendation](http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/) (flex)\n \n The flexbox property mixins will only prefix the properties\n according the spec version 3.\n \n There are two ways to use this module. Per property mixins or by passing a map of properties\n to the generic flexbox module.\n\n ### Per-property mixins\n\n The per-property mixins only work with browsers implementing the most recent (3rd) version\n of the spec. If you want to support the legacy browsers, you will need to use the generic flexbox\n mixin.\n\n Example:\n\n .row {\n @include display-flex;\n @include flex-direction(row);\n }\n\n ### Generic Flexbox Mixin\n\n By default the flexbox mixin assumes it is applying prefixes for spec version 3 which will also\n output the unprefixed property. However the `$version` argument allows for prefixing according to the\n previous versions of the spec.\n\n Example:\n\n .row {\n @include flexbox((\n display: box,\n box-orient: vertical\n ), $version: 1);\n @include flexbox((\n display: flexbox,\n flex-direction: row\n ), $version: 2);\n @include flexbox((\n display: flex,\n flex-direction: row\n ));\n }\n\n\n %ol\n" }, { "path": "compass-style.org/content/reference/compass/css3/font_face.haml", "content": "--- \ntitle: Compass Font Face\ncrumb: Font Face\nframework: compass\nstylesheet: compass/css3/_font-face.scss\nmeta_description: Specify a downloadable font face for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin to support @font-face. See CSS3 spec: @font-face.\n" }, { "path": "compass-style.org/content/reference/compass/css3/hyphenation.haml", "content": "--- \ntitle: Compass Hyphenation\ncrumb: Hyphenation\nframework: compass\nstylesheet: compass/css3/_hyphenation.scss\nmeta_description: Mixin for breaking space and injecting hypens into overflowing text\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n :markdown\n Provides mixins that pertain to CSS3 Word Breaking and Hyphenation.\n See the CSS3 specification: [hyphens](http://www.w3.org/TR/css3-text/#hyphens) and\n [word-break](http://www.w3.org/TR/css3-text/#word-break).\n\n Firefox requires you to set the `lang` attribute in your markup.\n" }, { "path": "compass-style.org/content/reference/compass/css3/images.haml", "content": "---\ntitle: Compass Images\ncrumb: Images\nframework: compass\nstylesheet: compass/css3/_images.scss\nmeta_description: Specify linear gradients and radial gradients for many browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n :markdown\n Provides mixins that work across many modern browsers with the latest\n CSS3 image rendering primitives.\n\n These mixins provide intelligent cross-browser access to properties that accept\n images or image-like values (e.g. gradients). The syntax is very straightforward,\n it is exactly like the css syntax that you would use for the corresponding CSS3\n properties: Values are comma and space delimited, just as they would be for a property.\n Vendor prefixes are used only when necessary.\n\n Example (more examples are available by following the links below):\n\n 
.in-css3 {\n      background: url(foo.png),\n                  linear-gradient(to bottom right, #333, #0c0),\n                  radial-gradient(#c00, #fff 100px);\n    }\n    .with-compass {\n      @include background(image-url(\"foo.png\"),\n                          linear-gradient(to bottom right, #333, #0c0),\n                          radial-gradient(#c00, #fff 100px));\n    }
\n\n To enable SVG gradient support in Opera and IE9, lower the SVG shim threshold\n $svg-gradient-shim-threshold to 0.1 (or to whatever\n threshold you feel is best) in your stylesheet.\n\n NOTE: At this time, Opera renders incorrectly an SVG background on a element\n with a border, repeating the gradient towards the end. You can set\n background-repeat: no-repeat to avoid this, but the gradient\n will not fill the area completely.\n" }, { "path": "compass-style.org/content/reference/compass/css3/inline_block.haml", "content": "--- \ntitle: Compass Inline Block\ncrumb: Inline Block\nframework: compass\nstylesheet: compass/css3/_inline-block.scss\nmeta_description: Declare an element inline block for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a cross-browser method to implement display: inline-block;. Note that this was actually introduced in CSS2, but badly implemented across browsers. See CSS2.1 spec: display.\n %blockquote\n This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element. \n" }, { "path": "compass-style.org/content/reference/compass/css3/opacity.haml", "content": "--- \ntitle: Compass Opacity\ncrumb: Opacity\nframework: compass\nstylesheet: compass/css3/_opacity.scss\nmeta_description: Specify the opacity for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides cross-browser CSS opacity. See CSS3 spec: transparency." }, { "path": "compass-style.org/content/reference/compass/css3/pie.haml", "content": "--- \ntitle: CSS3 Pie\ncrumb: CSS3 Pie\nframework: compass\nstylesheet: compass/css3/_pie.scss\nmeta_description: Compass integration with the css3pie tool.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n :markdown\n ### Installing\n \n CSS PIE is a javascript library that enhances Internet Explorer\n to render many modern CSS3 capabilities wherever possible. To install:\n \n compass install compass/pie\n \n This will install an example stylesheet and a PIE.htc behavior file\n that must be loaded into your pages for IE. This file must be delivered\n with the following mime-type:\n \n Content-Type: text/x-component\n \n ### Conventions\n \n The example stylesheet will walk you through setting up your project with\n css3pie support.\n\n ### Properties Supported\n \n The following css3 properties are supported:\n \n * border-radius\n * box-shadow\n * border-image\n * background (in the form of -pie-background, use the [background mixin](/reference/compass/css3/images/#mixin-background))\n \n Additionally, PIE supports the following CSS3 features:\n \n * rgba color values\n * linear gradients in backgrounds\n \n [Full Documentation on Supported Properties](http://css3pie.com/documentation/supported-css3-features/)\n\n ### Caveats\n \n 1. PIE only understands shortcut properties, long-hand properties don't\n work because the code, in order to be fast, does not attempt to resolve\n the stylesheet cascade and so it cannot determine which order to apply\n the long-hand properties.\n 2. Each element that has a PIE behavior attached adds about 10ms to\n the page render time. Moderation is recommended.\n 3. PIE generates content that contains the css3 graphical elements. It has to\n insert this content into your page and so it needs a little help from\n you. You have two choices:\n 1. You can make your element `position: relative`.\n 2. You can give your element a z-index. If you do this you\n should also give apply a z-index to an ancestor element that comes before\n or itself has a background.\n The compass mixins below and the example stylesheet will help get you set up.\n \n ### Best Practices\n \n It is suggested that you use Sass's `@extend` directive to mark elements as\n PIE elements. The example stylesheet you get when you install `compass/pie`\n into your project will walk you through the process of setting that up.\n \n ### Notes\n \n * For more information see the [css3pie website](http://css3pie.com/).\n * CSS PIE is written by and copyright to: [Jason Johnston](http://twitter.com/lojjic)\n * Compass is using css3pie version 1.0-beta3. It can be upgraded by downloading\n a new behavior file and replacing the one that comes with compass.\n \n" }, { "path": "compass-style.org/content/reference/compass/css3/regions.haml", "content": "--- \ntitle: Compass CSS Regions\ncrumb: CSS Regions\nframework: compass\nstylesheet: compass/css3/_regions.scss\nmeta_description: Specify CSS Regions for supported browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides two mixins for CSS regions, properties which allow you to flow content into new containers. See the spec draft and Adobe's page on the topic. " }, { "path": "compass-style.org/content/reference/compass/css3/selection.haml", "content": "--- \ntitle: Compass Text Selection\ncrumb: Selection\nframework: compass\nstylesheet: compass/css3/_selection.scss\nmeta_description: Style text selection foreground and background color with CSS using the Compass selection mixin.\nlayout: core\nclassnames:\n - reference\n---\n- render 'reference' do\n %p\n Styles text selection foreground and background color with CSS.\n\n" }, { "path": "compass-style.org/content/reference/compass/css3/shared.haml", "content": "--- \ntitle: Shared CSS3 Utilities\ncrumb: Shared Utilities\nframework: compass\nstylesheet: compass/css3/_shared.scss\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n This module provides support to the other CSS3 modules.\n You may want to use it to provide your own support for other\n CSS3 proposals as they are being worked on and before support\n is added to compass.\n" }, { "path": "compass-style.org/content/reference/compass/css3/text-shadow.haml", "content": "--- \ntitle: Compass Text Shadow\ncrumb: Text Shadow\nframework: compass\nstylesheet: compass/css3/_text-shadow.scss\nmeta_description: Specify the text shadow for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for CSS text shadows. See CSS3 spec: text-shadow.\n" }, { "path": "compass-style.org/content/reference/compass/css3/transform.haml", "content": "--- \ntitle: Compass Transform\ncrumb: Transform\nframework: compass\nstylesheet: compass/css3/_transform.scss\nmeta_description: Specify transformations for many browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides mixins for CSS3 2D and 3D transforms. See\n W3C: CSS 2D transforms\n and See W3C: CSS 3D transforms.\n %p\n Safari is the only browser that currently supports 3D transforms.\n Because of that it can be important to control whether a given 2D transform\n uses the full range of experimental browser prefixes, or only the 3D list.\n To make that easy, all 2D transforms include an browser-targeting toggle ($only3d)\n to switch between the two support lists. The toggle defaults to 'false' (2D),\n and also accepts 'true' (3D). Currently the lists are as follows:\n 2D: Mozilla, Webkit, Opera, Official\n 3D: Webkit, Official **(Only Safari Supports 3D perspective)**\n \n" }, { "path": "compass-style.org/content/reference/compass/css3/transition.haml", "content": "--- \ntitle: Compass Transition\ncrumb: Transition\nframework: compass\nstylesheet: compass/css3/_transition.scss\nmeta_description: Specify a style transition for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides a mixin for CSS3 transitions. See CSS3 Spec: transitions.\n" }, { "path": "compass-style.org/content/reference/compass/css3/user_interface.haml", "content": "--- \ntitle: Compass User Interface\ncrumb: User Interface\nframework: compass\nstylesheet: compass/css3/_user-interface.scss\nmeta_description: Declare an element inline block for all browsers.\nlayout: core\nclassnames:\n - reference\n - core\n - css3\n---\n- render 'reference' do\n %p\n Provides mixins for the CSS3 User Interface module.\n" }, { "path": "compass-style.org/content/reference/compass/css3.haml", "content": "--- \ntitle: Compass CSS3\ncrumb: CSS3\nframework: compass\nstylesheet: compass/_css3.scss\nsidebar: true\nlayout: core\nclassnames:\n - reference\n - core\n - css3\nmeta_description: Provides cross browser CSS3 mixins that take advantage of available pre-spec vendor prefixes. \nlayout: core\n---\n- render 'reference' do\n %p\n The CSS3 module provides cross-browser mixins for CSS properties\n introduced in CSS3, for example\n border-radius\n and text-shadow.\n %p\n What rendering engines you support for the experimental css properties is governed by\n the configurable variables defined in the browser\n support module." }, { "path": "compass-style.org/content/reference/compass/helpers/color-stops.haml", "content": "--- \ntitle: Compass Color Stops Helper\ncrumb: Color Stops\nframework: compass\nmeta_description: Helper function for color-stops.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"color-stops\"\n---\n%h1 Compass Color Stops Helper\n\n#color-stops.helper\n %h3\n %a(href=\"#color-stops\")\n color-stops([$color-stop]*)\n .details\n %p\n The color-stops helper provides a way to pass an arbitrary number of\n colors stops to the gradient mixins.\n %p\n Any number of comma-delimited color stops can be passed, each color stop\n should take the form of a color followed by an optional stopping point (separated by a space).\n Where stop values are not provided they will be inferred by assuming an equal distribution\n of colors between any specified locations.\n %dl\n %dg.head\n %dt Example Call\n %dd Means\n %dg#ex1\n %dt\n color-stops(#FFF,#F00,#00C)\n %dd\n \\#FFF 0%, #F00 50%, #00C 100%\n %dg#ex2\n %dt\n color-stops(#FFF, #F00 25%, #0C0, #00C)\n %dd\n \\#FFF 0%, #F00 25%, #0C0 62.5%, #00C 100%\n %dg#ex3\n %dt\n color-stops(#FFF, #F00 5px, #0C0, #00C 25px)\n %dd\n \\#FFF 0px, #F00 5px, #0C0 15px, #00C 25px\n .examples\n %h4 Examples\n %ul\n %li\n %a(href=\"/examples/compass/css3/gradient/\") Example of Gradients\n\n" }, { "path": "compass-style.org/content/reference/compass/helpers/colors.haml", "content": "--- \ntitle: Compass Color Helpers\ncrumb: Colors\nframework: compass\nmeta_description: Helper function for colors.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"adjust-lightness\"\n - \"adjust-saturation\"\n - \"scale-lightness\"\n - \"scale-saturation\"\n - \"shade\"\n - \"tint\"\n---\n%h1 Compass Color Helpers\n%p\n These color functions are useful for creating generic libraries that have to accept a\n range of inputs. For more color functions see\n the sass reference\n documentation\n\n#adjust-lightness.helper\n %h3\n %a(href=\"#adjust-lightness\")\n adjust-lightness($color, $amount)\n .details\n %p\n Adds $amount to $color's lightness value. $amount\n can be negative.\n\n#adjust-saturation.helper\n %h3\n %a(href=\"#adjust-saturation\")\n adjust-saturation($color, $amount)\n .details\n %p\n Adds $amount to $color's saturation value. $amount\n can be negative.\n\n#scale-lightness.helper\n %h3\n %a(href=\"#scale-lightness\")\n scale-lightness($color, $amount)\n .details\n %p\n Scales $color's lightness value by $amount.\n $amount can be negative.\n\n#scale-saturation.helper\n %h3\n %a(href=\"#scale-saturation\")\n scale-saturation($color, $amount)\n .details\n %p\n Scales $color's saturation value by $amount.\n $amount can be negative.\n\n#shade.helper\n %h3\n %a(href=\"#shade\")\n shade($color, $percentage)\n .details\n %p\n Darkens the $color by mixing it with black as specified by $percentage.\n\n#tint.helper\n %h3\n %a(href=\"#tint\")\n tint($color, $percentage)\n .details\n %p\n Lightens the $color by mixing it with white as specified by $percentage.\n" }, { "path": "compass-style.org/content/reference/compass/helpers/constants.haml", "content": "--- \ntitle: Compass Constant Helpers\ncrumb: Constants\nframework: compass\nmeta_description: Helper functions for working with constants.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"opposite-position\"\n---\n%h1 Compass Constant Helpers\n\n:markdown\n These helpers manipulate CSS Constants.\n\n#opposite-position.helper\n %h3\n %a(href=\"#opposite-position\")\n opposite-position($position)\n .details\n :markdown\n Returns the opposition position for the position given. Examples:\n \n Input Output\n ------------------------------- ------------\n opposite-position(left) => right\n opposite-position(top) => bottom\n opposite-position(center) => center\n opposite-position(top left) => bottom right\n opposite-position(center right) => center left\n" }, { "path": "compass-style.org/content/reference/compass/helpers/cross-browser.haml", "content": "--- \ntitle: Compass Cross Browser Helpers\ncrumb: Cross Browser\nframework: compass\nmeta_description: Helper functions for working with vendor prefixed functions.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"prefixed\"\n - \"prefix\"\n - \"-webkit\"\n - \"-moz\"\n - \"-o\"\n - \"-ms\"\n - \"-svg\"\n - \"-pie\"\n - \"-css2\"\n---\n%h1 Compass Cross Browser Helpers\n\n:markdown\n These helpers are used by compass to create mixins that can insulate\n the user from cross browser syntax and vendor prefix complexities.\n \n If you need to support a new experimental (prefixed) function in your\n project using these helpers, you can add support for it adding the following\n to your compass configuration file:\n \n Compass::BrowserSupport.add_support(\"function-name\", \"webkit\", \"moz\")\n\n For an example of how to use these functions see the\n [compass images module](https://github.com/chriseppstein/compass/blob/master/frameworks/compass/stylesheets/compass/css3/_images.scss).\n\n#prefixed.helper\n %h3\n %a(href=\"#prefixed\")\n prefixed($prefix, $arg, ...)\n .details\n %p\n Returns true if any of the arguments require the given prefix.\n\n#prefix.helper\n %h3\n %a(href=\"#prefix\")\n prefix($prefix, $arg, ...)\n .details\n %p\n Transforms the argument(s) into a representation for the rendering engine\n indicated by $prefix. Usually this means just adding a prefix,\n but in some cases, this may result in entirely different representations for\n the given rendering engine (E.g. linear-gradient).\n %p\n Values that do not have a specific representation are passed through without\n being transformed.\n\n#-webkit.helper\n %h3\n %a(href=\"#-webkit\")\n \\-webkit($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-webkit, $arg, ...).\n#-moz.helper\n %h3\n %a(href=\"#-moz\")\n \\-moz($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-moz, $arg, ...).\n#-o.helper\n %h3\n %a(href=\"#-o\")\n \\-o($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-o, $arg, ...).\n#-ms.helper\n %h3\n %a(href=\"#-ms\")\n \\-ms($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-ms, $arg, ...).\n#-svg.helper\n %h3\n %a(href=\"#-svg\")\n \\-svg($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-svg, $arg, ...).\n Instead of adding a prefix, it returns a representation of the\n arguments using SVG to render them where it can.\n#-pie.helper\n %h3\n %a(href=\"#-pie\")\n \\-pie($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-pie, $arg, ...).\n It it used to get CSS3 PIE\n support where necessary.\n#-css2.helper\n %h3\n %a(href=\"#-css2\")\n \\-css2($arg, ...)\n .details\n %p\n This is a shortcut for calling prefix(-css2, $arg, ...).\n It is a kind of hack to sanitize the output of experimental code\n into a form that can be parsed by a css2.1 compliant parser.\n Usually this results in causing some functions to be omitted.\n#css2-fallback.helper\n %h3\n %a(href=\"#css2-fallback\")\n css2-fallback($value, $css2-value)\n .details\n %p\n This function returns a value that is normally $value,\n but is $css2-value when passed through the -css2()\n helper function. Many of the compass css3 mixins will create a css2 fallback\n value if the arguments have a css2 representation (gradients have a null css2\n representation).\n" }, { "path": "compass-style.org/content/reference/compass/helpers/display.haml", "content": "--- \ntitle: Compass Display Helpers\ncrumb: Display Helpers\nframework: compass\nmeta_description: Helper functions for working with the display property.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"elements-of-type\"\n---\n%h1 Compass Display Helpers\n\n%p Helper functions for working with the display property.\n\n#elements-of-type.helper\n %h3\n %a(href=\"#elements-of-type\") elements-of-type($display)\n .details\n %p\n The following display values exist and will return\n the elements listed below the display value.\n %dl\n %dg.head\n %dt Display Value\n %dd Elements Returned\n - display_map = Compass::Core::SassExtensions::Functions::Display::DEFAULT_DISPLAY\n - display_map.keys.each do |key|\n %dg\n %dt= key\n %dd= display_map[key].sort.join(\", \")\n .examples\n %h4 Examples\n %ul\n %li\n %a(href=\"/examples/compass/helpers/elements-of-type/\") Example of elements-of-type\n\n" }, { "path": "compass-style.org/content/reference/compass/helpers/env.haml", "content": "--- \ntitle: Compass Environment Helpers\ncrumb: Environment Helpers\nframework: compass\nmeta_description: Helper functions for inspecting the environment of the current compilation.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"compass-env\"\n - \"current-time\"\n - \"current-date\"\n - \"current-source-file\"\n - \"current-output-file\"\n\n---\n%h1 Compass Environment Helpers\n\n%p Helper functions for inspecting the environmental details of the current compilation\n\n#compass-env.helper\n %h3\n %a(href=\"#compass-env\") compass-env()\n .details\n %p\n Returns the compass environment for the current compile. (`development` or `production`)\n\n#current-time.helper\n %h3\n %a(href=\"#current-time\") current-time([$format])\n .details\n :markdown\n Returns the current time when the file is compiled. With no arguments, the time will be\n returned in the format of `08:37:48-06:00`. However, if a `$format` string is provided,\n the time will be printed according to that format. Valid formats are any valid format string\n to [Ruby's strftime function](http://www.ruby-doc.org/core-2.0/Time.html#method-i-strftime).\n\n#current-date.helper\n %h3\n %a(href=\"#current-date\") current-date([$format])\n .details\n :markdown\n Returns the current date when the file is compiled. With no arguments, the date will be\n returned in the format of `2013-05-13`. However, if a `$format` string is provided,\n the date will be printed according to that format. Valid formats are any valid format string\n to Ruby's strftime function.\n\n#current-source-file.helper\n %h3\n %a(href=\"#current-source-file\") current-source-file([$absolute])\n .details\n :markdown\n Returns the file name of the Sass file that initiated the compilation.\n If the `$absolute` parameter is set to true, the full path of the stylesheet\n will be returned, otherwise it will be relative to the project's Sass directory.\n When the `$absolute` parameter is omitted, it defaults to false.\n\n#current-output-file.helper\n %h3\n %a(href=\"#current-output-file\") current-output-file([$absolute])\n .details\n :markdown\n Returns the file name of the CSS file that is being generated.\n If the `$absolute` parameter is set to true, the full path of the stylesheet\n will be returned, otherwise it will be relative to the project's CSS\n stylesheets directory. When the `$absolute` parameter is omitted, it\n defaults to false.\n" }, { "path": "compass-style.org/content/reference/compass/helpers/font-files.haml", "content": "---\ntitle: Compass Font Files Helper\ncrumb: Font Files\nframework: compass\nmeta_description: Helper function for listing fonts.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"font-files\"\n---\n%h1 Compass Font Files Helper\n\n#font-files.helper\n %h3\n %a(href=\"#font-files\")\n font-files([$font]*)\n .details\n %p\n The font-files function takes a list of arguments containing the path to each font files relative to your project's font directory.\n %p\n This helper is used with the font-face mixin\n and is what makes it possible to pass any number of font files.\n %p\n W3C Reference\n .examples\n %h4 Examples\n %ul\n %li\n %a(href=\"/examples/compass/css3/font-face/\") Font-face Example\n\n\n" }, { "path": "compass-style.org/content/reference/compass/helpers/image-dimensions.haml", "content": "--- \ntitle: Compass Image Dimension Helpers\ncrumb: Image Dimensions\nframework: compass\nmeta_description: Helper functions for working with image dimensions.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"image-width\"\n - \"image-height\"\n---\n%h1 Compass Image Dimension Helpers\n\n#image-width.helper\n %h3\n %a(href=\"#image-width\")\n image-width($image)\n .details\n %p\n Returns the width of the image found at the path supplied by $image\n relative to your project's images directory.\n\n#image-height.helper\n %h3\n %a(href=\"#image-height\")\n image-height($image)\n .details\n %p\n Returns the height of the image found at the path supplied by $image\n relative to your project's images directory." }, { "path": "compass-style.org/content/reference/compass/helpers/inline-data.haml", "content": "--- \ntitle: Compass Inline Data Helpers\ncrumb: Inline Data\nframework: compass\nmeta_description: Helper functions for embedding inline data.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"inline-image\"\n - \"inline-font-files\"\n---\n%h1 Compass Inline Data Helpers\n\n#inline-image.helper\n %h3\n %a(href=\"#inline-image\")\n inline-image($image, $mime-type)\n .details\n %p\n Embeds the contents of an image directly inside your stylesheet,\n eliminating the need for another HTTP request. For small images,\n this can be a performance benefit at the cost of a larger\n generated CSS file.\n %p\n Like the image-url() helper, the path\n specified should be relative to your project's images directory.\n\n#inline-font-files.helper\n %h3\n %a(href=\"#inline-font-files\")\n inline-font-files([$font, $format]*)\n .details\n %p\n Like the font-files() helper, but the font\n file is embedded within the generated CSS file." }, { "path": "compass-style.org/content/reference/compass/helpers/math.haml", "content": "--- \ntitle: Compass Math Helpers\ncrumb: Math\nframework: compass\nmeta_description: Helper math functions.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"pi\"\n - \"sin\"\n - \"cos\"\n - \"tan\"\n - \"asin\"\n - \"acos\"\n - \"atan\"\n - \"e\"\n - \"logarithm\"\n - \"sqrt\"\n - \"pow\"\n---\n%h1 Compass Math Helpers\n\n:markdown\n Sass math functions are sufficient for most cases, but in those moments of extreme geekiness these additional functions can really come in handy.\n\n\n#pi.helper\n %h3\n %a(href=\"#pi\")\n pi()\n .details\n %p\n Returns the value of π.\n\n#sin.helper\n %h3\n %a(href=\"#sin\")\n sin($number)\n .details\n %p\n Returns the sine of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#cos.helper\n %h3\n %a(href=\"#cos\")\n cos($number)\n .details\n %p\n Returns the cosine of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#tan.helper\n %h3\n %a(href=\"#tan\")\n tan($number)\n .details\n %p\n Returns the tangent of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#asin.helper\n %h3\n %a(href=\"#asin\")\n asin($number)\n .details\n %p\n Returns the arcsine of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#acos.helper\n %h3\n %a(href=\"#acos\")\n acos($number)\n .details\n %p\n Returns the arccosine of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#atan.helper\n %h3\n %a(href=\"#atan\")\n atan($number)\n .details\n %p\n Returns the arctangent of a number. If the number is unitless or has a unit of deg\n then it will return a unitless result. Unless the number has a unit of deg it\n will be evaluated as radians. Degrees will first be converted to radians.\n If the number is any other unit, the units will be passed thru to the result,\n and the number will be treated as radians.\n\n#e.helper\n %h3\n %a(href=\"#e\")\n e()\n .details\n %p\n Returns the value of e.\n\n#logarithm.helper\n %h3\n %a(href=\"#logarithm\")\n logarithm($number, $base)\n .details\n %p\n Calculates the logarithm of a number to a base. Base defaults to e.\n\n#sqrt.helper\n %h3\n %a(href=\"#sqrt\")\n sqrt($number)\n .details\n %p\n Calculates the square root of a number.\n\n#pow.helper\n %h3\n %a(href=\"#pow\")\n pow($number, $exponent)\n .details\n %p\n Calculates the value of a number raised to the power of an exponent.\n" }, { "path": "compass-style.org/content/reference/compass/helpers/selectors.haml", "content": "--- \ntitle: Compass Selector Helpers\ncrumb: Selectors\nframework: compass\nmeta_description: Helper functions for working with selectors.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"nest\"\n - \"append-selector\"\n - \"enumerate\"\n - \"headings\"\n - \"headers\"\n---\n%h1 Compass Selector Helpers\n\n#nest.helper\n %h3\n %a(href=\"#nest\")\n nest($selector1, $selector2, ...)\n .details\n %p\n Nest selectors as if they had been nested within a sass file.\n Each selector passed in can be a comma-delimited list of selectors\n and they will be permuted as they would be in a sass file.\n The generated selectors can be further nested within the sass file\n itself.\n %p\n This function can accept any number of selector arguments.\n %dl\n %dg\n %dt nest(\".foo\", \".bar\", \".baz\")\n %dd .foo .bar .baz\n %dg\n %dt nest(\".foo, .bar\", \".baz\")\n %dd .foo .baz, .bar .baz\n %dg\n %dt nest(\".foo, .bar\", \"a, span\")\n %dd .foo a, .foo span, .bar a, .bar span\n\n#append-selector.helper\n %h3\n %a(href=\"#append-selector\")\n append-selector($selector, $to-append)\n .details\n %p\n This helper function appends any selector with some string. No space or punctuation is\n added when appending. The selector can be a comma-delimited list of selectors.\n %dl\n %dg\n %dt append-selector(\".foo\", \".bar\")\n %dd .foo.bar\n %dg\n %dt append-selector(\"p, div, span\", \".bar\")\n %dd p.bar, div.bar, span.bar\n\n#enumerate.helper\n %h3\n %a(href=\"#enumerate\")\n enumerate($prefix, $from, $through, $separator)\n .details\n %p\n Enumerate the given $prefix from $from through $through.\n %p Note: Using the @extend directive is usually preferred to this helper, which was created before @extend existed.\n .examples\n %h4 Examples\n %ul\n %li\n %a(href=\"/examples/compass/helpers/enumerate/\") Example of enumerate\n %li\n %a(href=\"/examples/compass/helpers/using-extend-in-place-of-enumerate/\") Example of using @extend in place of enumerate\n\n%a(name=\"headers\")\n#headings.helper\n %h3\n %a(href=\"#append-selector\")\n headings($from, $to)\n .details\n %p\n This helper function emits headings. It's best to just see it in action:\n %p\n Note: This function is aliased to headers(), both can be used interchangeably.\n %dl\n %dg\n %dt headings()\n %dd h1, h2, h3, h4, h5, h6\n %dg\n %dt headings(all)\n %dd h1, h2, h3, h4, h5, h6\n %dg\n %dt headings(2)\n %dd h1, h2\n %dg\n %dt headings(2,5)\n %dd h2, h3, h4, h5\n " }, { "path": "compass-style.org/content/reference/compass/helpers/sprites.haml", "content": "--- \ntitle: CSS Sprite Helpers for Compass\ncrumb: Sprites\nframework: compass\nmeta_description: Helper functions for working with CSS Sprite images.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"sprite-map\"\n - \"sprite\"\n - \"sprite-map-name\"\n - \"sprite-file\"\n - \"sprite-url\"\n - \"sprite-position\"\n - \"sprite-height\"\n - \"sprite-width\"\n - \"sprite-path\"\n - \"sprite-names\"\n---\n%h1 CSS Sprite Helpers for Compass\n\n:markdown\n These helpers make it easier to build and to work with css sprites.\n \n While it is allowed to use these directly, to do so is considered \"advanced usage\".\n It is recommended that you instead use the css sprite mixins that are designed to work\n with these functions.\n \n See the [Spriting Tutorial](/help/tutorials/spriting/) for more information.\n\n#sprite-map.helper\n %h3\n %a(href=\"#sprite-map\")\n sprite-map($glob, ...)\n .details\n :markdown\n Generates a css sprite map from the files matching the glob pattern. Uses the\n keyword-style arguments passed in to control the placement.\n \n Only PNG files can be made into css sprites at this time.\n \n The `$glob` should be glob pattern relative to the images directory that specifies\n what files will be in the css sprite. For example:\n \n $icons: sprite-map(\"icons/*.png\");\n background: $icons;\n \n This will generate a css sprite map and return a reference to it. It's important to\n capture this to a variable, because you will need to use it later when creating\n css sprites. In the above example you might end up with a new file named\n `images/sprites/icons-a2ef041.png` and your css stylesheet will have:\n \n background: url('/images/sprites/icons-a2ef041.png?1234678') no-repeat;\n \n The exact image name is not something you should depend on as it may change based on the\n arguments you pass in. Instead, you can use the `sprite-url()` function to create a\n reference to the css sprite map without generating the image again. Alternatively, simply\n using the sprite map variable in an property will have the same effect as calling\n `sprite-url()`.\n \n For each sprite in the css sprite map you can control the position, spacing, and whether or\n not it repeats. You do this by passing arguments to this function that tell each sprite\n how to behave. For instance if there is a icons/new.png then you can control it like so:\n \n $icon-sprite: sprite-map(\"icons/*.png\",\n $new-position: 100%, $new-spacing: 15px, $new-repeat: no-repeat);\n \n If you don't specify these options they will default to `0%` for `position`,\n `0px` for spacing, and `no-repeat` for `repeat`.\n \n Default values for all sprites can be specified by passing values for `$position`,\n `$spacing`, and `$repeat`.\n\n#sprite.helper\n %h3\n %a(href=\"#sprite\")\n sprite($map, $sprite, $offset-x, $offset-y, $use-percentages)\n .details\n :markdown\n Returns the image and background position for use in a single shorthand property:\n \n $icons: sprite-map(\"icons/*.png\"); // contains icons/new.png among others.\n background: sprite($icons, new) no-repeat;\n \n Becomes:\n \n background: url('/images/icons.png?12345678') 0 -24px no-repeat;\n\n Passing `true` for `$use-percentages` results in the background position\n being expressed in percentages instead of pixels. Example:\n \n background: url('/images/icons.png?12345678') 0 25% no-repeat;\n\n#sprite-width.helper\n %h3\n %a(href=\"#sprite-width\")\n sprite-width($map)\n .details\n :markdown\n Returns the width of the generated sprite\n\n#sprite-height.helper\n %h3\n %a(href=\"#sprite-height\")\n sprite-height($map)\n .details\n :markdown\n Returns the height of the generated sprite\n\n#sprite-path.helper\n %h3(href=\"#sprite-path\")\n sprite-path($map)\n .details\n :markdown\n Returns the filesystem path of the generated sprite\n\n#sprite-names.helper\n %h3(href=\"#sprite-names\")\n sprite-names($map)\n .details\n :markdown\n Returns a list of all sprite names within the supplied map\n\n#sprite-map-name.helper\n %h3\n %a(href=\"#sprite-map-name\")\n sprite-map-name($map)\n .details\n :markdown\n Returns the name of a css sprite map\n The name is derived from the folder than contains the css sprites.\n\n#sprite-file.helper\n %h3\n %a(href=\"#sprite-file\")\n sprite-file($map, $sprite)\n .details\n :markdown\n Returns the path to the original file\n used when construction the sprite. This is suitable for passing to the\n `image-width` and `image-height` helpers.\n\n#sprite-url.helper\n %h3\n %a(href=\"#sprite-url\")\n sprite-url($map)\n .details\n :markdown\n Returns a url to the sprite image.\n\n#sprite-position.helper\n %h3\n %a(href=\"#sprite-position\")\n sprite-position($map, $sprite, $offset-x, $offset-y, $use-percentages)\n .details\n :markdown\n Returns the position for the original image in the sprite.\n This is suitable for use as a value to background-position:\n \n $icons: sprite-map(\"icons/*.png\");\n background-position: sprite-position($icons, new);\n \n Might generate something like:\n \n background-position: 0 -34px;\n \n You can adjust the background relative to this position by passing values for\n `$offset-x` and `$offset-y`:\n \n $icons: sprite-map(\"icons/*.png\");\n background-position: sprite-position($icons, new, 3px, -2px);\n \n Would change the above output to:\n \n background-position: 3px -36px;\n\n Passing `true` for the `$use-percentages` argument will return the\n sprite position in percentages instead of pixels. This is useful if you\n need to be able to scale the sprite up and down. Following the example\n above, this:\n\n background-position: sprite-position($icons, new, 0, 0, true);\n\n Would result in something like:\n\n background-position: 0 25%;\n" }, { "path": "compass-style.org/content/reference/compass/helpers/urls.haml", "content": "--- \ntitle: Compass URL Helpers\ncrumb: URLs\nframework: compass\nmeta_description: Helper functions for working with URLs.\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\ndocumented_functions:\n - \"stylesheet-url\"\n - \"font-url\"\n - \"image-url\"\n - \"generated-image-url\"\n---\n%h1 Compass URL Helpers\n\n:markdown\n These url helpers isolate your stylesheets from environmental differences.\n They allow you to write the same stylesheets and use them locally without\n a web server, and then change them to be using asset hosts in production.\n \n They might also insulate you against some code reorganization changes.\n\n#stylesheet-url.helper\n %h3\n %a(href=\"#stylesheet-url\")\n stylesheet-url($path, $only-path)\n .details\n %p\n Generates a path to an asset found relative to the project's css directory.\n %br\n Passing a true value as the second argument will cause pronly the path to be returned\n instead of a url() function\n\n#font-url.helper\n %h3\n %a(href=\"#font-url\")\n font-url($path, $only-path, $cache-buster)\n .details\n %p\n Generates a path to an asset found relative to the project's font directory.\n %br\n Passing a true value as the second argument will cause only the path to be returned\n instead of a url() function\n %p\n The third argument is used to control the cache buster on a per-use basis.\n When set to false no cache buster will be used. When a string, that\n value will be used as the cache buster.\n\n#image-url.helper\n %h3\n %a(href=\"#image-url\")\n image-url($path, $only-path, $cache-buster)\n .details\n %p\n Generates a path to an asset found relative to the project's images directory.\n %p\n Passing a true value as the second argument will cause only the path to be returned\n instead of a url() function\n %p\n The third argument is used to control the cache buster on a per-use basis.\n When set to false no cache buster will be used. When a string, that\n value will be used as the cache buster.\n\n#generated-image-url.helper\n %h3\n %a(href=\"#generated-image-url\")\n generated-image-url($path, $cache-buster: false)\n .details\n %p\n Generates a path to an image generated during compilation using the\n generated_image related configuration properties.\n %p\n Most users will never call this helper directly, it is primarily provided\n for use by plugins that need to generate paths to images they create. E.g.\n The sprite-url() helper calls this helper.\n %p\n The second argument is used to control the cache buster on a per-use basis.\n Defaults to false, meaning that no cache buster will be used.\n When a string, that value will be used as the cache buster, when true\n Compass will generate a cache-buster based on the image's modification time.\n\n" }, { "path": "compass-style.org/content/reference/compass/helpers.haml", "content": "--- \ntitle: Compass Helpers\ncrumb: Helpers\nframework: compass\nsidebar: true\nlayout: core\nclassnames:\n - reference\n - core\n - helpers\nmeta_description: Provides cross browser CSS3 mixins that take advantage of available pre-spec vendor prefixes. \nlayout: core\n---\n%h1 Compass Helper Functions\n\n:markdown\n The compass helpers are functions that augment the [functions provided\n by Sass](http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html).\n \n All Helpers:\n \n * [adjust-lightness()](/reference/compass/helpers/colors/#adjust-lightness)\n * [adjust-saturation()](/reference/compass/helpers/colors/#adjust-saturation)\n * [append-selector()](/reference/compass/helpers/selectors/#append-selector)\n * [color-stops()](/reference/compass/helpers/color-stops/)\n * [cos()](/reference/compass/helpers/math/#cos)\n * [compass-env()](/reference/compass/helpers/env/#compass-env)\n * [css2-fallback()](/reference/compass/helpers/cross-browser/#css2-fallback)\n * [current-date()](/reference/compass/helpers/env/#current-date)\n * [current-source-file()](/reference/compass/helpers/env/#current-source-file)\n * [current-time()](/reference/compass/helpers/env/#current-time)\n * [current-output-file()](/reference/compass/helpers/env/#current-output-file)\n * [e()](/reference/compass/helpers/math/#e)\n * [elements-of-type()](/reference/compass/helpers/display/)\n * [enumerate()](/reference/compass/helpers/selectors/#enumerate)\n * [font-files()](/reference/compass/helpers/font-files/)\n * [font-url()](/reference/compass/helpers/urls/#stylesheet-url)\n * [headings()](/reference/compass/helpers/selectors/#headings)\n * [image-width()](/reference/compass/helpers/image-dimensions/#image-width)\n * [image-height()](/reference/compass/helpers/image-dimensions/#image-height)\n * [image-url()](/reference/compass/helpers/urls/#image-url)\n * [inline-font-files()](/reference/compass/helpers/inline-data/#inline-font-files)\n * [inline-image()](/reference/compass/helpers/inline-data/#inline-image)\n * [logarithm()](/reference/compass/helpers/math/#logarithm)\n * [nest()](/reference/compass/helpers/selectors/#nest)\n * [pow()](/reference/compass/helpers/math/#pow)\n * [prefix()](/reference/compass/helpers/cross-browser/#prefix)\n * [prefixed()](/reference/compass/helpers/cross-browser/#prefixed)\n * [pi()](/reference/compass/helpers/math/#pi)\n * [sin()](/reference/compass/helpers/math/#sin)\n * [sqrt()](/reference/compass/helpers/math/#sqrt)\n * [stylesheet-url()](/reference/compass/helpers/urls/#stylesheet-url)\n * [scale-lightness()](/reference/compass/helpers/colors/#scale-lightness)\n * [shade()](/reference/compass/helpers/colors/#shade)\n * [tan()](/reference/compass/helpers/math/#tan)\n * [tint()](/reference/compass/helpers/colors/#tint)\n * [-css2()](/reference/compass/helpers/cross-browser/#-css2)\n * [-moz()](/reference/compass/helpers/cross-browser/#-moz)\n * [-ms()](/reference/compass/helpers/cross-browser/#-ms)\n * [-o()](/reference/compass/helpers/cross-browser/#-o)\n * [-pie()](/reference/compass/helpers/cross-browser/#-pie)\n * [-svg()](/reference/compass/helpers/cross-browser/#-svg)\n * [-webkit()](/reference/compass/helpers/cross-browser/#-webkit)\n\n\n-\n\n" }, { "path": "compass-style.org/content/reference/compass/layout/grid_background.haml", "content": "---\ntitle: Compass Grid Backgrounds\ncrumb: Grid Background\nframework: compass\nstylesheet: compass/layout/_grid-background.scss\nlayout: core\nclassnames:\n - reference\n - core\n - layout\n---\n- render 'reference' do\n %p\n The grid-background mixins allow you to generate fixed, fluid and elastic\n grid-images on-the-fly using css3 gradients. These can be used for testing\n both horizontal and vertical grids.\n" }, { "path": "compass-style.org/content/reference/compass/layout/sticky_footer.haml", "content": "--- \ntitle: Compass Sticky Footer\ncrumb: Sticky Footer\nframework: compass\nstylesheet: compass/layout/_sticky-footer.scss\nlayout: core\nclassnames:\n - reference\n - core\n - layout\n---\n- render 'reference' do\n :markdown\n This module provides tools needed to lay out your footer such\n that it sticks to the bottom of the page.\n\n Mix in to the top level of your stylesheet, so the footer stays\n at the bottom of the screen. This mixin relies on the following\n HTML structure, and a fixed-height `#footer` element:\n\n \n
\n
\n
\n
\n Footer content goes here.\n
\n \n\n If you use the default selectors, this mixin is simple to use.\n Just mix it into the top level of your stylesheet:\n \n @include sticky-footer(54px)\n\n You can also define the selectors yourself:\n\n @include sticky-footer(54px, \"#my-root\", \"#my-root-footer\", \"#my-footer\")" }, { "path": "compass-style.org/content/reference/compass/layout/stretching.haml", "content": "--- \ntitle: Compass Stretching\ncrumb: Stretching\nframework: compass\nstylesheet: compass/layout/_stretching.scss\nlayout: core\nclassnames:\n - reference\n - core\n - layout\n---\n- render 'reference' do\n %p\n The stretch mixins allow you to style absolutely positioned elements\n such that they will stretch to fill their positioning parent.\n" }, { "path": "compass-style.org/content/reference/compass/layout.haml", "content": "---\ntitle: Compass Layout\ncrumb: Layout\nframework: compass\nsidebar: true\nstylesheet: compass/_layout.scss\nmeta_description: Page layout module.\nlayout: core\nclassnames:\n - reference\n - core\n - layout\n---\n- render 'reference' do\n %p\n This module provides tools to help you with page layout.\n" }, { "path": "compass-style.org/content/reference/compass/reset/utilities.haml", "content": "--- \ntitle: Compass Reset Utilities\ncrumb: Reset Utilities\nframework: compass\nstylesheet: compass/reset/_utilities.scss\nlayout: core\nmeta_description: Mixins for resetting elements.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n These utilities are used to reset your document. The easiest way to use them\n is to simply `@import \"compass/reset\"` which will import this module and apply\n the appropriate mixins for you.\n" }, { "path": "compass-style.org/content/reference/compass/reset-legacy/utilities-legacy.haml", "content": "--- \ntitle: Compass Reset Utilities (legacy)\ncrumb: Reset Utilities (legacy)\nframework: compass\nstylesheet: compass/reset/_utilities-legacy.scss\nlayout: core\ndeprecated: true\nmeta_description: Mixins for resetting elements.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p.warning\n This import is deprecated. Please import\n reset utilities instead.\n\n :markdown\n These utilities are used to reset your document. The easiest way to use them\n is to simply `@import \"compass/reset\"` which will import this module and apply\n the appropriate mixins for you.\n" }, { "path": "compass-style.org/content/reference/compass/reset-legacy.haml", "content": "--- \ntitle: Compass Reset (legacy)\ncrumb: Reset (legacy)\nframework: compass\nstylesheet: compass/_reset-legacy.scss\nlayout: core\nsidebar: true\ndeprecated: true\nclassnames:\n - reference\n - core\n - reset\nmeta_description: Adds a CSS Reset into your stylesheet.\n---\n- render 'reference' do\n %p.warning\n This import is deprecated. Please import\n reset instead.\n \n :markdown\n This module applies the [global reset](/reference/compass/reset/utilities-legacy/#mixin-global-reset)\n to your stylesheet by simply importing it.\n \n **Note:** This module will place styles into your stylesheet by importing it. This\n is not the standard behavior of a compass module but it optimizes the common use case.\n If you want to control the reset, please use the mixins defined in the [reset\n utilities module](/reference/compass/reset/utilities-legacy/)\n" }, { "path": "compass-style.org/content/reference/compass/reset.haml", "content": "--- \ntitle: Compass Reset\ncrumb: Reset\nframework: compass\nstylesheet: compass/_reset.scss\nlayout: core\nsidebar: true\nclassnames:\n - reference\n - core\n - reset\nmeta_description: Adds a CSS Reset into your stylesheet.\n---\n- render 'reference' do\n :markdown\n This module applies the [global reset](/reference/compass/reset/utilities/#mixin-global-reset)\n to your stylesheet by simply importing it.\n \n **Note:** This module will place styles into your stylesheet by importing it. This\n is not the standard behavior of a compass module but it optimizes the common use case.\n If you want to control the reset, please use the mixins defined in the [reset\n utilities module](/reference/compass/reset/utilities/) \n" }, { "path": "compass-style.org/content/reference/compass/support.haml", "content": "--- \ntitle: Compass Cross-Browser Support Configuration\ncrumb: Browser Support\nframework: compass\nstylesheet: compass/_support.scss\nclassnames:\n - reference\n - core\n - support\nmeta_description: Provides configuration options for the Compass Browser Support Matrix.\nlayout: core\n---\n- render 'reference' do\n %p\n You can configure the compass default browser support matrix by\n setting these variables as needed.\n" }, { "path": "compass-style.org/content/reference/compass/typography/links/hover_link.haml", "content": "--- \ntitle: Compass Hover Link\ncrumb: Hover Link\nframework: compass\nstylesheet: compass/typography/links/_hover-link.scss\nlayout: core\nmeta_description: Underline a link when you hover over it.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/typography/links/link_colors.haml", "content": "--- \ntitle: Compass Link Colors\ncrumb: Link Colors\nframework: compass\nstylesheet: compass/typography/links/_link-colors.scss\nlayout: core\nmeta_description: Easy assignment of colors to link states.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/typography/links/unstyled_link.haml", "content": "--- \ntitle: Compass Unstyled Link\ncrumb: Unstyled Link\nframework: compass\nstylesheet: compass/typography/links/_unstyled-link.scss\nlayout: core\nmeta_description: Make a link appear like regular text.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n %p\n Makes a link appear like regular text. Not supported by IE 6 or 7.\n" }, { "path": "compass-style.org/content/reference/compass/typography/links.haml", "content": "--- \ntitle: Compass Links\ncrumb: Links\nframework: compass\nstylesheet: compass/typography/_links.scss\nsidebar: true\nlayout: core\nmeta_description: Tools for styling anchor links.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n %p\n Tools for styling anchor links.\n" }, { "path": "compass-style.org/content/reference/compass/typography/lists/bullets.haml", "content": "--- \ntitle: Compass Bullets\ncrumb: Bullets\nframework: compass\nstylesheet: compass/typography/lists/_bullets.scss\nlayout: core\nmeta_description: Mixins for managing list bullets.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/typography/lists/horizontal_list.haml", "content": "--- \ntitle: Compass Horizontal List\ncrumb: Horizontal List\nframework: compass\nstylesheet: compass/typography/lists/_horizontal-list.scss\nlayout: core\nmeta_description: Float a list so it appears horizontally.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n :markdown\n Easy mode using simple descendant li selectors:\n \n ul.nav\n +horizontal-list\n \n Advanced mode:\n If you need to target the list items using a different selector then use\n +horizontal-list-container on your ul/ol and +horizontal-list-item on your li.\n This may help when working on layouts involving nested lists. For example:\n \n ul.nav\n +horizontal-list-container\n > li\n +horizontal-list-item\n" }, { "path": "compass-style.org/content/reference/compass/typography/lists/inline-block-list.haml", "content": "--- \ntitle: Compass Inline-Block List\ncrumb: Inline-Block List\nframework: compass\nstylesheet: compass/typography/lists/_inline-block-list.scss\nlayout: core\nmeta_description: set list-elements to inline-block so they appear horizontally while retaining their structure.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n :markdown\n Easy mode using simple descendant li selectors:\n \n ul.nav\n +inline-block-list\n \n Advanced mode:\n If you need to target the list items using a different selector then use\n +inline-block-list-container on your ul/ol and +inline-block-list-item on\n your li. This may help when working on layouts involving nested lists. For \n example:\n \n ul.nav\n +inline-block-list-container\n > li\n +inline-block-list-item\n" }, { "path": "compass-style.org/content/reference/compass/typography/lists/inline_list.haml", "content": "--- \ntitle: Compass Inline List\ncrumb: Inline List\nframework: compass\nstylesheet: compass/typography/lists/_inline-list.scss\nlayout: core\nmeta_description: Style a list as inline text.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/typography/lists.haml", "content": "--- \ntitle: Compass Lists\ncrumb: Lists\nframework: compass\nstylesheet: compass/typography/_lists.scss\nsidebar: true\nlayout: core\nmeta_description: Tools for styling lists.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/typography/text/ellipsis.haml", "content": "--- \ntitle: Truncating Text with Ellipses\ncrumb: Ellipsis\nframework: compass\nstylesheet: compass/typography/text/_ellipsis.scss\nlayout: core\nmeta_description: Text truncation with ellipsis.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n :markdown\n There is an XML file that must be installed into your stylesheet\n directory in order for this utility to work correctly. To install it:\n \n compass install compass/ellipsis\n" }, { "path": "compass-style.org/content/reference/compass/typography/text/force-wrap.haml", "content": "--- \ntitle: Wrapping Long Text and URLs\ncrumb: Force Wrap\nframework: compass\nstylesheet: compass/typography/text/_force-wrap.scss\nlayout: core\nmeta_description: Wrap URLs and long lines of text.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n %p\n This mixin will wrap URLs and long lines of text to prevent text from breaking layouts.\n" }, { "path": "compass-style.org/content/reference/compass/typography/text/nowrap.haml", "content": "--- \ntitle: Compass No Wrap\ncrumb: No Wrap\nframework: compass\nstylesheet: compass/typography/text/_nowrap.scss\nlayout: core\nmeta_description: Remembering whether or not there's a hyphen in white-space is too hard.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n %p\n Remembering whether or not there's a hyphen in white-space is too hard.\n" }, { "path": "compass-style.org/content/reference/compass/typography/text/replacement.haml", "content": "--- \ntitle: Compass Text Replacement\ncrumb: Text Replacement\nframework: compass\nstylesheet: compass/typography/text/_replacement.scss\nlayout: core\nmeta_description: Replace text with images.\nclassnames:\n - reference\n - core\n - typography\n---\n= render 'reference'" }, { "path": "compass-style.org/content/reference/compass/typography/text.haml", "content": "--- \ntitle: Compass Text\ncrumb: Text\nframework: compass\nstylesheet: compass/typography/_text.scss\nlayout: core\nsidebar: true\nmeta_description: Style helpers for your text.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n %p\n Utilities for managing text.\n" }, { "path": "compass-style.org/content/reference/compass/typography/vertical_rhythm.haml", "content": "--- \ntitle: Vertical Rhythm\ncrumb: Vertical Rhythm\nframework: compass\nstylesheet: compass/typography/_vertical_rhythm.scss\nlayout: core\nmeta_description: Create and maintain a vertical rhythm for your type.\nclassnames:\n - reference\n - core\n - typography\n---\n- render 'reference' do\n :markdown\n Create a vertical rhythm for your site by setting the `$base-font-size` and \n `$base-line-height` variables and then including the `establish-baseline` \n mixin at the root of your document.\n \n Manage the vertical rhythm using the other vertical-rhythm mixins to adjust\n font and line-height values, extra vertical whitespace, borders, etc.\n" }, { "path": "compass-style.org/content/reference/compass/typography.haml", "content": "--- \ntitle: Compass Typography\ncrumb: Typography\nframework: compass\nsidebar: true\nstylesheet: compass/_typography.scss\nclassnames:\n - reference\n - core\n - typography\nmeta_description: Provides basic mixins for common typography patterns.\nlayout: core\nnav_stylesheet: compass/_typography.scss\n---\n- render 'reference' do\n %p\n The Compass Typography module provides some basic mixins\n for common text styling patterns.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/color/brightness.haml", "content": "--- \ntitle: Compass Color Brightness\ncrumb: Color Brightness\nframework: compass\nstylesheet: compass/utilities/color/_brightness.scss\nlayout: core\nmeta_description: Compute the brightness of a color.\nclassnames:\n - reference\n - core\n - utilities\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/utilities/color/contrast.haml", "content": "--- \ntitle: Compass Color Contrast\ncrumb: Color Contrast\nframework: compass\nstylesheet: compass/utilities/color/_contrast.scss\nlayout: core\nmeta_description: Contrast foreground with background colors.\nclassnames:\n - reference\n - core\n - utilities\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/utilities/color.haml", "content": "--- \ntitle: Compass Color\ncrumb: Color\nframework: compass\nstylesheet: compass/utilities/_color.scss\nlayout: core\nsidebar: true\nmeta_description: Utilities for working with colors.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n Utilities for working with colors.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/clearfix.haml", "content": "--- \ntitle: Compass Clearfix\ncrumb: Clearfix\nframework: compass\nstylesheet: compass/utilities/general/_clearfix.scss\nlayout: core\nmeta_description: Mixins for clearfixing.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n A clearfix will extend the bottom of the element to enclose any\n floated elements it contains.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/float.haml", "content": "--- \ntitle: Compass Float\ncrumb: Float\nframework: compass\nstylesheet: compass/utilities/general/_float.scss\nlayout: core\nmeta_description: Mixins for cross-browser floats.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n This module provides mixins that help you work around the\n [double-margin bug in IE5/6][dmb].\n [dmb]: http://www.positioniseverything.net/explorer/doubled-margin.html\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/hacks.haml", "content": "--- \ntitle: Compass Hacks\ncrumb: Hacks\nframework: compass\nstylesheet: compass/utilities/general/_hacks.scss\nlayout: core\nmeta_description: Mixins for hacking specific browsers.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n A collection of mixins for hacking specific browsers.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/min.haml", "content": "--- \ntitle: Minimum Dimensions\ncrumb: Minimums\nframework: compass\nstylesheet: compass/utilities/general/_min.scss\nlayout: core\nmeta_description: Mixins for cross-browser min-height and min-width.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n Cross browser implementation of min-height and min-width.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/reset.haml", "content": "--- \ntitle: Compass Reset\ncrumb: Reset\nframework: compass\nstylesheet: compass/utilities/general/_reset.scss\nlayout: core\nmeta_description: Mixins for resetting elements (old import).\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n This is a legacy wrapper for the reset/utilities module.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general/tag_cloud.haml", "content": "--- \ntitle: Compass Tag Cloud\ncrumb: Tag Cloud\nframework: compass\nstylesheet: compass/utilities/general/_tag-cloud.scss\nlayout: core\nmeta_description: Mixin for styling tag clouds.\nclassnames:\n - reference\n - core\n - utilities\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/utilities/general.haml", "content": "--- \ntitle: Compass General Utilities\ncrumb: General\nframework: compass\nstylesheet: compass/utilities/_general.scss\nsidebar: true\nlayout: core\nmeta_description: Generally useful utilities that don't fit elsewhere.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n Generally useful utilities.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/print.haml", "content": "--- \ntitle: Compass Print\ncrumb: Print\nframework: compass\nstylesheet: compass/utilities/_print.scss\nlayout: core\nmeta_description: Control what elements gets printed.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n Control what gets printed. Apply the `no-print` (or `noprint`) class to any\n elements that should be hidden when printing. Apply the `print-only` class\n to those elements which should only appear in your printed pages.\n \n The tricky part about `print-only` is getting the display right when you turn\n an element back on in the case where both styles are applied. This mixin\n uses the `elements-of-type` function to make sure that elements have the correct\n display value according to the element type.\n\n" }, { "path": "compass-style.org/content/reference/compass/utilities/sprites/base.haml", "content": "--- \ntitle: Compass Sprite Base\ncrumb: Sprite Base\nframework: compass\nstylesheet: compass/utilities/sprites/_base.scss\nlayout: core\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n These mixins are useful for working with sprites. This file is imported by\n magic sprite imports.\n \n See the [Spriting Tutorial](/help/tutorials/spriting/) for more information.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/sprites/sprite_img.haml", "content": "--- \ntitle: Compass Sprite Image\ncrumb: Sprite Image\nframework: compass\nstylesheet: compass/utilities/sprites/_sprite-img.scss\nlayout: core\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n **Example 1** Simple mixins:\n \n a.twitter\n +sprite-img(\"icons-32.png\", 1)\n a.facebook\n +sprite-img(\"icons-32.png\", 2)\n \n **Example 2** Sharing a common base:\n \n a\n +sprite-background(\"icons-32.png\")\n &.twitter\n +sprite-column(1)\n &.facebook\n +sprite-row(2)\n " }, { "path": "compass-style.org/content/reference/compass/utilities/sprites.haml", "content": "--- \ntitle: Compass Sprites\ncrumb: Sprites\nframework: compass\nstylesheet: compass/utilities/_sprites.scss\nsidebar: true\nlayout: core\nmeta_description: Sprite mixins.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %h3 Additional Resources\n %ul\n %li\n %a(href=\"/help/tutorials/spriting/\") Spriting Tutorial\n %li\n %a(href=\"/reference/compass/helpers/sprites/\") Sprite Helpers\n %li\n %a(href=\"/reference/compass/utilities/sprites/base/\") Base Stylesheet\n " }, { "path": "compass-style.org/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml", "content": "--- \ntitle: Compass Table Striping\ncrumb: Table Striping\nframework: compass\nstylesheet: compass/utilities/tables/_alternating-rows-and-columns.scss\nlayout: core\nmeta_description: Add striping to a table.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n :markdown\n Add striping to a table in both directions based on a few colors.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/tables/borders.haml", "content": "--- \ntitle: Compass Table Borders\ncrumb: Table Borders\nframework: compass\nstylesheet: compass/utilities/tables/_borders.scss\nlayout: core\nmeta_description: Add borders to a table.\nclassnames:\n - reference\n - core\n - utilities\n---\n= render 'reference'\n" }, { "path": "compass-style.org/content/reference/compass/utilities/tables/scaffolding.haml", "content": "--- \ntitle: Compass Table Scaffolding\ncrumb: Table Scaffolding\nframework: compass\nstylesheet: compass/utilities/tables/_scaffolding.scss\nlayout: core\nmeta_description: Basic styling of tables to get you started.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n Basic styling of tables to get you started.\n" }, { "path": "compass-style.org/content/reference/compass/utilities/tables.haml", "content": "--- \ntitle: Compass Tables\ncrumb: Tables\nframework: compass\nstylesheet: compass/utilities/_tables.scss\nlayout: core\nsidebar: true\nmeta_description: Style helpers for your tables.\nclassnames:\n - reference\n - core\n - utilities\n---\n- render 'reference' do\n %p\n Style helpers for your tables.\n" }, { "path": "compass-style.org/content/reference/compass/utilities.haml", "content": "--- \ntitle: Compass Utilities\ncrumb: Utilities\nframework: compass\nsidebar: true\nstylesheet: compass/_utilities.scss\nclassnames:\n - reference\n - core\n - utilities\nmeta_description: Provides basic mixins for common styling patterns.\nlayout: core\nnav_stylesheet: compass/_utilities.scss\n---\n- render 'reference' do\n %p\n The Compass Utilities module provides some basic mixins\n for common styling patterns.\n" }, { "path": "compass-style.org/content/reference/compass.haml", "content": "---\ntitle: Compass Core Framework\ncrumb: Compass Core\nframework: compass\nstylesheet: _compass.scss\nclassnames:\n - reference\n - core\nmeta_description: The Compass Core Framework.\nlayout: core\n---\n- render 'reference' do\n %p\n The compass core framework is a design-agnostic framework that\n provides common code that would otherwise be duplicated across\n other frameworks and extensions.\n\n %h2 Alphabetical index of all:\n %ul#indexes\n %li\n %a(href=\"/index/variables/\") Variables\n %li\n %a(href=\"/index/mixins/\") Mixins\n %li\n %a(href=\"/index/functions/\") Functions\n\n %h2 Importing\n\n%h2 Non Imported Modules\n%em You can import these yourself if you want to use them.\n%ol\n %li= render \"partials/reference/import\", :import => \"compass/_layout.scss\"\n %li= render \"partials/reference/import\", :import => \"compass/_reset.scss\"\n\n" }, { "path": "compass-style.org/content/reference.haml", "content": "---\ntitle: Compass Documentation\nredirect: /reference/compass/\n---" }, { "path": "compass-style.org/content/screencast.haml", "content": "---\ntitle: Compass Documentation\ncrumb: Docs\nbody_id: home\n---\n%h1 Screencast Tutorial\n\n%p\n This screencast will walk you through getting set up,\n learning Sass, and then how to use Compass to style a webpage.\n\n\n\n" }, { "path": "compass-style.org/content/search-data.js.erb", "content": "function unique(arrayName)\n {\n var newArray = new Array();\n label: for (var i = 0; i < arrayName.length; i++)\n {\n for (var j = 0; j < newArray.length; j++)\n {\n if (newArray[j] == arrayName[i])\n continue label;\n }\n newArray[newArray.length] = arrayName[i];\n }\n return newArray;\n}\nfunction search(query, callback) {\n var terms = $.trim(query).replace(/[\\W\\s_]+/m,' ').toLowerCase().split(/\\s+/);\n var matching_ids = null;\n for (var i = 0; i < terms.length; i++) {\n var term = terms[i];\n var exactmatch = index.terms[term] || [];\n var approxmatch = index.approximate[term] || [];\n var ids = unique(exactmatch.concat(approxmatch));\n if (matching_ids) {\n matching_ids = $.grep(matching_ids, function(id) {\n return ids.indexOf(id) != -1;\n });\n } else {\n matching_ids = ids;\n }\n }\n callback($.map(matching_ids, function(id){ return index.items[id]; }))\n}\n\nvar index = <%= search_index.to_json %>;\n" }, { "path": "compass-style.org/content/search.haml", "content": "---\ntitle: Search | Compass Documentation\ncrumb: Search\nbody_id: search\n---\n- content_for(:javascripts) do\n %script(type=\"text/javascript\" src=\"/javascripts/search-data.js\")\n %script(type=\"text/javascript\" src=\"/javascripts/jquery.url.packed.js\")\n :javascript\n $(function(){\n if ($.url.param(\"q\")) {\n var query = $.url.param(\"q\").replace(\"+\",\" \");\n $('input#q').attr('value', query);\n search(query, displayResults);\n }\n $('input#q').keyup(function(){\n search(this.value, displayResults);\n });\n })\n function displayResults(items) {\n if (items.length > 0) {\n var html = \"\"\n for (var i = 0; i < items.length; i++) {\n html += '
  • '+items[i].title+'
    • ';\n }\n $('ol#results').html(html)\n } else {\n $('ol#results').html(\"
  • Nothing found.
    • \");\n }\n }\n%input#q{:type => \"text\", :placeholder=>\"Search\"}\n\n%h2 Index of all:\n%ul#indexes\n %li\n %a(href=\"/index/variables/\") Variables\n %li\n %a(href=\"/index/mixins/\") Mixins\n %li\n %a(href=\"/index/functions/\") Functions\n\n%h2 Results\n%ol#results\n %li.none Please enter a search term." }, { "path": "compass-style.org/content/sitemap.xml", "content": "<%= xml_sitemap %>\n" }, { "path": "compass-style.org/content/stylesheets/core/_base-classes.sass", "content": "$default-rounded-corner: 4\n\n.group\n +pie-clearfix\n\n.truncate\n +ellipsis\n\n.border-box\n +box-sizing(border-box)\n\n.round-corners-4\n +border-radius(4px)\n\n.round-corners-em\n +border-radius(1em)\n \n=round-corners($num: $default-rounded-corner)\n @extend .round-corners-#{$num}\n\n=round-top-corners($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-bottom-right-corner\n @extend .clear-bottom-left-corner\n=round-bottom-corners($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n @extend .clear-top-left-corner\n=round-left-corners($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n @extend .clear-bottom-right-corner\n=round-right-corners($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-left-corner\n @extend .clear-bottom-left-corner\n\n=round-top-left-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n @extend .clear-bottom-right-corner\n @extend .clear-bottom-left-corner\n=round-top-right-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-left-corner\n @extend .clear-bottom-right-corner\n @extend .clear-bottom-left-corner\n=round-bottom-left-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n @extend .clear-bottom-right-corner\n @extend .clear-top-left-corner\n=round-bottom-right-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n @extend .clear-top-left-corner\n @extend .clear-bottom-left-corner\n\n=square-top-left-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-left-corner\n=square-top-right-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-top-right-corner\n=square-bottom-left-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-bottom-left-corner\n=square-bottom-right-corner($num: $default-rounded-corner)\n +round-corners($num)\n @extend .clear-bottom-right-corner" }, { "path": "compass-style.org/content/stylesheets/core/_clearing-classes.sass", "content": ".clear-top-left-corner\n +border-top-left-radius(0)\n.clear-top-right-corner\n +border-top-right-radius(0)\n.clear-bottom-left-corner\n +border-bottom-left-radius(0)\n.clear-bottom-right-corner\n +border-bottom-right-radius(0)\n\n.hide\n display: none\n.clear-box-shadow\n +box-shadow(none)\n.clear-border-radius\n @extend .clear-rounded-corners\n.clear-rounded-corners\n +border-radius(0)\n" }, { "path": "compass-style.org/content/stylesheets/core/_extensions.scss", "content": "@mixin reset($reset-type: false){\n @if($reset-type){\n @if($reset-type == global){\n @include global-reset;\n }\n @if($reset-type == html5){\n @include reset-html5;\n }\n }\n}\n" }, { "path": "compass-style.org/content/stylesheets/core/_media-block.scss", "content": ".context {\n @include clearfix;\n}\n\n.media {\n @extend .context;\n .m {\n float: left;\n &.rt {\n float: right;\n }\n }\n .bd {\n @extend .context;\n }\n}\n\n" }, { "path": "compass-style.org/content/stylesheets/home.scss", "content": "@import \"compass\";\n@import \"core/extensions\";\n@include reset(global);\n@include reset(html5);\n@import \"core/base-classes\";\n@import \"core/media-block\";\n\n@import \"partials/theme\";\n@import \"partials/layout\";\n@import \"partials/nav\";\n@import \"partials/typography\";\n@import \"partials/main\";\n@import \"partials/code\";\n@import \"partials/home\";\n@import \"partials/ads\";\n\nhtml.dark { @include dark-theme; }\nhtml.light { @include light-theme; }\n\n@import \"core/clearing-classes\";\n" }, { "path": "compass-style.org/content/stylesheets/ie.scss", "content": "ul#featured_sites li {\n margin-left: 4px;\n margin-top: 4px;\n &:hover{ padding: 6px;\n img { width: 240px; }}}" }, { "path": "compass-style.org/content/stylesheets/partials/_ads.scss", "content": ".advertisement {\n padding: 8px 5px !important;\n text-align: center;\n line-height: 1.1em !important;\n @include opacity(0);\n @include transition(opacity 1s ease-in 1.5s);\n &.visible {\n @include opacity(1);\n }\n a:not(.pagerankspam) {\n display: block;\n color: white;\n @extend .heading-font;\n text-decoration: none;\n &:hover {\n @include text-shadow(0 0 2px #aaa);\n }\n }\n .pagerankspam { font-size: 9px; }\n .dark & {\n @extend .code-block-dark;\n img:hover { @include single-box-shadow($color: white); }\n }\n .light & {\n @extend .code-block-light;\n a:not(.pagerankspam) { color: #222}\n img:hover { @include single-box-shadow($color: #222); }\n }\n #home & {\n float: right;\n width: 380px;\n margin-top: 11px;\n .fusionimg {\n margin: 6px 8px;\n float: left;\n }\n .fusiontext {\n padding-top: 6px;\n }\n }\n}\n\n" }, { "path": "compass-style.org/content/stylesheets/partials/_blog.scss", "content": "body#blog-archive {\n .timestamp {\n margin-right: 1em;\n font-size: 12px;\n }\n}" }, { "path": "compass-style.org/content/stylesheets/partials/_code.scss", "content": "@import \"compass/layout/stretching\";\n//html.sass .mixin-source .scss, html.scss .mixin-source .sass { @extend .hide;}\n.mixin-source, .example-source, .function-source, .selector-source {\n position: relative; @extend .fixed-font;\n .syntaxhighlighter, pre {\n &.scss, &.sass, &.css, &.haml, &.html { display: none; } } }\n\nhtml.sass { .mixin-source, .example-source, .function-source, .selector-source { .syntaxhighlighter.sass { display: block; } } }\nhtml.scss { .mixin-source, .example-source, .function-source, .selector-source { .syntaxhighlighter.scss { display: block; } } }\nhtml.css .example-source .syntaxhighlighter.css { display: block; }\nhtml.html .example-source .syntaxhighlighter.html { display: block; }\nhtml.haml .example-source .syntaxhighlighter.haml { display: block; }\n\n\n\n.mixin-source, .function-source, .selector-source { display: none; }\n\nhtml.light .syntaxhighlighter, html.dark .syntaxhighlighter {\n margin: 0 0 2px;\n code { padding: 0; }\n //font-size: 1.1em;\n text-shadow: none;\n .code-block { background: none; @extend .clear-box-shadow; }\n table td.gutter { .line { &:first-child { padding-top: 10px !important; } &:last-child { padding-bottom: 10px !important; } } }\n .toolbar { display: none; }\n //a.help { font-size: 1.5em; @extend .pictos; color: #aaa; position: relative; right: 6px; top: 2px; }\n }\n\na[rel=\"github-source\"] {\n position: relative;\n float: right;\n top: 1.1em;\n}\n\npre {\n margin: 1.5em 0;\n overflow: auto;\n .code-block:first-child { padding: .6em; display: block; }\n .code-block:first-child { width: 100%; @include box-sizing(border-box); overflow: auto; }\n}\n\n.code-block { @extend .round-corners-4; @extend .fixed-font;\n display: inline-block;\n font-size: .95em;\n padding: 0 .4em;\n line-height: 1.5em;\n}\n\n.source-documentation {\n @extend .round-corners-4;\n padding: 10px 15px;\n @include round-bottom-corners\n}\n\nh3 { @include round-corners;\n padding: 10px 15px;\n margin: 20px 0 20px;\n font-weight: bold;\n position: relative;\n a { text-decoration: none;}\n code, .arg { font-weight: normal; }\n}\nh3.mixin, h3.function, h3.selector { @include round-top-corners; margin-bottom: 2px;}\n.arg {\n display: inline-block;\n padding: 0 2px;\n &[data-default-value] {\n font-style: italic;\n &:before { content: \"[\" ; }\n &:after { content: \"]\" ; }}\n}\n\na[rel=\"view source\"]{ float: right; padding: 9px 15px; margin-top: 20px; position: relative; z-index: 2; font-size: .8em; @include hover-link;}\nh2 + a[rel=\"view source\"]{ margin-top: 6px;}\n\n.syntaxhighlighter {\n a, div, code, table, table td, table tr, table tbody, table thead, table caption, textarea {\n background: none; border: 0; bottom: auto; float: none; height: auto; left: auto; line-height: 1.2em !important;\n padding: 0; margin: 0; outline: 0;\n overflow: visible; position: static; right: auto;\n text-align: left; top: auto; vertical-align: baseline;\n width: auto;\n font: { weight: normal; style: normal;\n size: 1em;\n }\n min: { height: inherit; }\n }\n}\n\n.syntaxhighlighter { width: 100%; margin: 1em 0 1em 0; position: relative; overflow: auto; font-size: 1em;\n\n // set up bold and italic\n .bold { font-weight: bold; }\n .italic { font-style: italic; }\n .line { white-space: pre; }\n\n // main table and columns\n table { width: 100%;\n td.code { width: 100%;\n .line { padding: 0 .6em; } }\n td.gutter .line { text-align: right; padding: 0 0.8em 0 1em; } } // middle spacing between line numbers and lines\n\n // Styles for the toolbar\n .toolbar { position: absolute; right: 1px; top: 1px; width: 11px; height: 11px; font-size: 10px; z-index: 10;\n span.title { display: inline; }\n a { display: block; text-align: center; text-decoration: none; padding-top: 1px; } }\n .container { position: relative; }\n textarea { @include stretch(0, .65em, 0, .65em); @extend .fixed-font; font-size: .95em; line-height: 1.3em !important;}\n}\n.syntaxhighlighter, pre .code-block:first-child, pre {\n &::-webkit-scrollbar { height: 12px; }\n &::-webkit-scrollbar-button { &:start:decrement, &:end:increment { display: block; width: 0; height: 0; } }\n &::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 5px; -webkit-background-clip: padding-box; }\n}\n" }, { "path": "compass-style.org/content/stylesheets/partials/_example.scss", "content": "html.light #demo, html.dark #demo {\n color: #333;\n}\n\n#demo {\n @include round-corners;\n @extend .group;\n background: #fff;\n margin-bottom: 1.2em;\n padding: 40px;\n code {\n @include box-shadow(rgba(#000, .3) 0 1px 3px, rgba(#000, .15) 0 1px 0 0 inset);\n background: #fff;\n color: inherit;\n }\n}\n\n#how {\n section { width: 49%; float: left; }\n section + section { float: right; }\n\n .example-source { clear: both; }\n}\n\n#reference {\n float: right;\n margin-top: 1em;\n}\n\n" }, { "path": "compass-style.org/content/stylesheets/partials/_home.scss", "content": "body#home {\n width: 810px;\n #page { padding-top: 31px;}\n h1#logo {\n $logo: 'compass-logo.png';\n background: image-url($logo) no-repeat;\n text-indent: -9999px;\n overflow: hidden;\n width: image-width($logo);\n height: image-height($logo)/2;\n padding: 0;\n margin: 0 auto 18px;\n }\n #{headings()}{ @extend .heading-font; }\n h2 {\n text-align: center;\n font-size: 30px;\n padding-bottom: 15px;\n margin-bottom: 30px;\n line-height: 1.1em;\n }\n h3 {\n text-align: center;\n font-size: 25px;\n margin-top: 32px;\n }\n h4 { font-size: 1.5em; }\n .overview {\n @extend .group;\n .compass { width: 330px; float: left;\n h4:before { content: \"k\"; } }\n .sass { width: 350px; float: right; \n h4:before { content: \"2\"; } }\n .info-box {\n padding: 20px;\n h4 {\n padding-bottom: 12px;\n margin-bottom: 12px;\n padding-left: 40px;\n text-indent: -18px;\n line-height: 1.333em;\n &:before {\n @extend .pictos;\n color: #fb292d;\n display: inline-block;\n font-size: 1.2em;\n padding-right: .3em;\n }\n }\n }\n ol { padding-left: 18px; text-indent: -18px; list-style: inside decimal; margin-bottom: 0; }\n p { margin-bottom: 0; }\n ol, p { line-height: 1.8em; font-size: .95em;}\n }\n}\nul#featured_sites {\n @extend .group;\n overflow: visible;\n margin-top: 30px;\n list-style: none;\n padding: 0px;\n li {\n float: left;\n text-shadow: none;\n overflow: visible;\n position: relative;\n &:nth-child(3n+2){ margin: 0 7px; }\n &:nth-child(1n+4){ margin-top: 7px; }\n &:nth-child(3n+4){ clear: left; }\n padding: 6px;\n a { text-decoration: none; }\n img { float: left; width: 240px; }\n span { display: none;}\n &:hover { z-index: 100;\n padding: 3px 2px;\n img { width: 248px; }\n span { display: block; position: absolute; text-shadow: none;}\n }\n .url {\n bottom: 2px; left: 2px; right: 2px; background: #000; background: rgba(#000, .8); z-index: 102; padding: 2.2em 10px 6px;\n font-size: .8em; border-top: 1px solid rgba(#fff, .2); }\n .title { bottom: 1.7em; left: 0; z-index: 103; text-decoration: none; padding: 0 11px; color: #fff; }\n }\n}\nsection.book, section.gui {\n width: 48%;\n float: left;\n @extend .group;\n h3 { margin-bottom: 1em; height: 2em; text-align: left; }\n}\nsection.book {\n margin-right: 2%;\n img { float: left; margin-right: 1em; margin-bottom: 1em; }\n}\nsection.gui {\n text-align: center;\n .note {\n font-size: smaller;\n }\n}\n\nhtml.light body#home { h1#logo { background-position: bottom;} }\n" }, { "path": "compass-style.org/content/stylesheets/partials/_install.scss", "content": "body#install {\n #steps, p.madlib, p.note, h4 { margin-top: 1em; }\n p.note { font-size: smaller; font-style: italic; }\n p.warning { color: #c00; }\n .customization { display: none; }\n .customizable .customization { display: inline; }\n blockquote { border-left: 2px solid #ccc;\n text-indent: 0; padding-left: 0.5em; }\n .customization input { width: 8em; }\n}" }, { "path": "compass-style.org/content/stylesheets/partials/_layout.scss", "content": "$min-width: 700px;\n$side-nav-width: 160px;\n$main-min-width: $min-width - $side-nav-width;\n\nbody {\n max-width: 1500px;\n min-width: $min-width;\n margin: 0 auto;\n @extend .sans-font;\n line-height: 1.45em;\n}\n\n#wrap { @extend .group; padding: 0 20px 20px; }\n#page { @extend .group; padding-bottom: 30px; }\nfooter { @extend .group; clear: both; padding-top: 20px;}\nheader { padding: 22px 0 0; position: relative; }\n#page aside + article { margin-left: $side-nav-width + 22px; padding-left: 23px; }\naside { float: left; width: $side-nav-width; position: relative; z-index: 2;}\n\nbody#home #page article { padding-left: 0;}\nbody.site, body#changelog, body.default { max-width: 1024px; }\n" }, { "path": "compass-style.org/content/stylesheets/partials/_main.scss", "content": "body.get-involved h1 + p { font-size: 1.2em; line-height: 1.45em; }\n\n#page {\n position: relative;\n padding-top: 40px;\n & > article { padding-top: 10px; font-size: 15px;\n img { max-width: 100%; } } }\n\n#theme_pref {\n a { display: block; font-size: 18px; width: .9em; position: relative; text-decoration: none; @extend .pictos; } }\n\n#docs_panel {\n position: absolute; top: 0; right: 0;\n width: 100%;\n & > div { float: right; margin-left: 10px; @include round-bottom-corners; border: 1px solid; border-top: 0;}\n a { text-decoration: none; }\n #theme_pref { padding: 3px 12px 6px; a { position: relative; top: 2px;} }\n #version { font-size: .75em; padding: 4px 0 5px; background: none; border: none; position: absolute; left: 0; a { @include hover-link; } }\n\n}\n\n#syntax_pref, .syntax_pref { padding: 4px 8px 5px; a { font-size: .9em; padding: 0px 6px 1px; display: inline-block; line-height: 1.45em;} }\n\n.syntax_pref {\n float: left; @include round-top-corners; border: 1px solid; border-bottom: 0;\n a { text-decoration: none; }\n}\n\nfooter {\n .links { float: left; font-size: .9em;\n img { vertical-align: middle; padding-right: 5px; position: relative; top: -2px;}\n span { position: relative; top: -1px; }\n ul { @include horizontal-list(15px); overflow: visible;\n li { padding-top: 3px; }\n li:last-child {border: 0; @include box-shadow(none); } } }\n}\n#page article h2 {\n margin-top: 1.5em;\n}\nh2 a.help {\n text-indent: -9999px;\n display: inline-block;\n position: relative;\n text-decoration: none;\n @include opacity(.3);\n &:hover { @include opacity(.7); }\n &:before {\n @extend .pictos;\n content: \"?\";\n text-indent: 0;\n position: absolute;\n top: 2px;\n left: 0;\n font-size: .85em;\n }\n}\nhr {\n height: 0px;\n border: 0;\n border-bottom-width: 4px;\n margin: 3em 0;\n background: transparent;\n}\n" }, { "path": "compass-style.org/content/stylesheets/partials/_nav.scss", "content": ".triangle-marker {\n border-color: transparent transparent;\n content: \"\\00a0\";\n height: 0; width: 0;\n position: absolute;\n border-style: solid; }\n\nnav a { @include hover-link; }\nnav .selected a:hover { text-decoration: none;}\n\nheader { @extend .group;\n font-size: 1.3em; @extend .heading-font; border-width: 4px;}\n#main-nav {\n display: inline-block;\n padding-bottom: 10px;\n ul {\n @include horizontal-list(10px);\n line-height: 2em; }}\n\n#sub-nav {\n @extend .group;\n padding: 8px 0; }\n\n#docs-nav, #module-nav {\n display: inline-block;\n float: left;\n a {\n padding: 2px 10px;\n display: inline-block; }}\n\n#docs-nav { padding-right: 30px;\n & + #module-nav {\n padding-left: 20px;\n }}\n\n#module-nav {\n display: inline-block;\n ul { @include horizontal-list(false); }}\n\nbody.getting-started #module-nav li.getting-started,\nbody.tutorial #module-nav li.tutorials,\nbody.support #module-nav li.support,\n#module-nav li.selected {\n position: relative;\n a {\n text-decoration: none;\n }\n a:before{ @extend .triangle-marker;\n border-width: 0 8px 8px;\n z-index: 2;\n bottom: -9px;\n left: 50%;\n margin-left: -8px;\n border-bottom-color: #121212;\n }\n &:before { @extend .triangle-marker;\n border-bottom-color: #414141;\n border-width: 0 6px 6px;\n z-index: 3;\n bottom: -9px;\n left: 50%;\n margin-left: -6px;\n }\n &:after { @extend .triangle-marker;\n border-bottom-color: #343434;\n border-width: 0 5px 5px;\n z-index: 3;\n bottom: -10px;\n left: 50%;\n margin-left: -5px;\n }\n}\n\n#search-docs {\n width: 170px;\n float: right;\n position: relative;\n top: .3em;\n //position: absolute; top: 29px; right: 0;\n &:before {\n content: \"s\";\n display: block;\n @extend .pictos;\n position: absolute;\n left: 6px;\n top: 4px;\n font-size: .8em;\n z-index: 20;\n @include opacity(.8)\n }\n input { @extend .sans-font; @include round-corners;\n @include box-sizing(border-box);\n width: 170px; border: 0; margin: 0; padding: 5px 8px 5px 26px;\n font-size: .8em;\n float: right;\n position: relative; } }\n" }, { "path": "compass-style.org/content/stylesheets/partials/_sidebar.scss", "content": "aside {\n padding-top: 15px;\n text-align: right;\n padding-right: 22px;\n h2, h3 {\n text-align: left;\n font-size: 1.3em;\n line-height: 1.45em;\n padding-bottom: .2em;\n margin-bottom: .4em;\n @extend .clear-border-radius;\n }\n h3 {\n padding: 0 0 .5em; line-height: 1.1em;\n }\n a {\n font-size: .85em;\n }\n ul ul a {\n &.selected, &.selected:hover {\n font-weight: bold;\n text-decoration: underline;\n }\n }\n .deprecated {\n text-decoration: line-through;\n }\n .beta span:after {\n content: \" (\\3B2)\";\n }\n}\n" }, { "path": "compass-style.org/content/stylesheets/partials/_theme.scss", "content": "@mixin site-theme($theme, $page-bg, $text, $strong-text, $heading, $link, $code, $search, $nav-link, $main-nav, $main-nav-selected, $option-panel-border, $option-panel-bg){\n background: $page-bg;\n body { background: $page-bg; color: $text;\n a { color: $link; } }\n\n #page { @extend .horizontal-rule-#{$theme}; }\n header { @extend .horizontal-rule-#{$theme}; border-width: 4px; }\n\n nav a { color: $nav-link; }\n #main-nav a { color: $main-nav;}\n\n body#home #main-nav a[rel=home],\n body#help #main-nav a[rel=help],\n body.tutorial #main-nav a[rel=tutorial],\n body.reference #main-nav a[rel=documentation],\n body#changelog #main-nav a[rel=documentation],\n body.demo #main-nav a[rel=documentation],\n body#get-involved #main-nav a[rel=get-involved]{ color: $main-nav-selected; }\n\n #search-docs input {\n @extend .inset-panel-#{$theme}; color: $search;\n &::-webkit-input-placeholder { color: $search; } }\n #{headings()}{ color: $heading;\n strong { color: $main-nav-selected; }\n em { color: $code; } }\n\n #page > article h2 { @extend .horizontal-rule-top-#{$theme}; }\n hr { @extend .horizontal-rule-#{$theme};\n border-bottom-width: 8px}\n body#home h2 { @extend .horizontal-rule-#{$theme}; }\n\n #page aside + article { @extend .vertical-rule-left-#{$theme}; }\n\n aside {\n h2 a { color: $strong-text; }\n h2, h3 { @extend .horizontal-rule-#{$theme}; }\n }\n\n footer .links li { @extend .vertical-rule-#{$theme}; }\n code { @extend .code-block-#{$theme}; color: $code; }\n\n #theme_pref { @extend .theme-switch-#{$theme}; }\n #docs_panel div, .syntax_pref { background: $option-panel-bg; border-color: $option-panel-border; }\n\n body#home .overview .info-box { @extend .inset-panel-#{$theme};\n h4 { @extend .horizontal-rule-#{$theme}; } }\n #featured_sites li { @extend .inset-panel-#{$theme}; }\n \n body.tutorial #page article img {\n @extend .image-border-#{$theme};\n }\n\n}\n@mixin docs-theme($theme, $heading, $code, $nav-link, $docs-nav-selected, $module-nav-selected){\n\n #page > article {\n h1 { @extend .horizontal-rule-#{$theme}; }\n h2 { @extend .horizontal-rule-top-#{$theme}; }\n h3 { @extend .heading-panel-#{$theme}; }\n h1 + h2, hr + h2 {\n @extend .clear-box-shadow; border-top: 0;\n margin-top: 0;}\n }\n\n #sub-nav { @extend .horizontal-rule-#{$theme}; }\n #docs-nav { @extend .vertical-rule-#{$theme}; }\n body.core a[rel=core], body.blueprint a[rel=blueprint]{ @extend .inset-panel-#{$theme}; color: $docs-nav-selected; @extend .round-corners-4;}\n #main-nav a[rel=home] { @include replace-text-with-dimensions(\"compass-logo-small-#{$theme}.png\"); display: inline-block; float: left; }\n\n #module-nav {\n ul { overflow: visible; }}\n body.getting-started #module-nav li.getting-started,\n body.tutorial #module-nav li.tutorials,\n body.support #module-nav li.support,\n #module-nav li.selected { @extend .selected-marker-#{$theme};\n a { color: $module-nav-selected; } }\n\n a[rel=sass], a[rel=scss], a[rel=css], a[rel=html], a[rel=haml] { @extend .syntax-switch-#{$theme}; }\n &.sass a[rel=sass], &.scss a[rel=scss], &.css a[rel=css], &.html a[rel=html], &.haml a[rel=haml] { color: $heading; color: rgba($heading, .7); @extend .round-corners-em; @extend .inset-panel-#{$theme}; }\n\n #version { color: rgba($heading, .3); a { color: rgba($nav-link, .7); } }\n .mixin-source, .example-source, .function-source, .selector-source { @extend .mixin-panel-#{$theme};\n .container textarea { color: $code; }\n }\n h2 a.help { color: $heading;}\n\n .source-documentation { @extend .doc-panel-#{$theme}; }\n\n #demo { @extend .demo-#{$theme}; }\n\n .arg { color: $code; }\n .arg[data-default-value] { color: rgba($code, .7); }\n a[rel=\"view source\"]{ color: rgba($heading, .5); &:hover{ color: rgba($heading, .8);} }\n\n}\n\n// Dark theme\n.inset-panel-dark {\n @include box-shadow(rgba(#fff, .1) 0 1px 0, rgba(#000, .8) 0 1px 7px 0px inset);\n background: darken(#2f2f2f, 6); background-color: rgba(#000, .3); }\n\n.horizontal-rule-dark {\n @include box-shadow(rgba(#fff, .07) 0 1px 0);\n border-bottom: 1px solid #121212; }\n\n.horizontal-rule-top-dark {\n @include box-shadow(rgba(#fff, .07) 0 1px 0 inset);\n border-top: 1px solid #121212; }\n\n.vertical-rule-dark {\n @include box-shadow(rgba(#fff, .07) 1px 0 0);\n border-right: 1px solid #121212; }\n\n.vertical-rule-left-dark {\n @include box-shadow(rgba(#fff, .07) 1px 0 0 inset);\n border-left: 1px solid #121212; }\n\n.code-block-dark { @extend .code-block; @extend .inset-panel-dark; }\n\n.demo-dark {\n @include box-shadow(rgba(#000, .5) 0 2px 10px inset, rgba(#fff, .3) 0 1px 2px 0px, rgba(#000, .8) 0 0 0 1px inset); }\n\n.heading-panel-dark {\n background: darken(#2f2f2f, 6);\n background: rgba(#000, .2);\n @include box-shadow(rgba(#000, .2) 0 0 0 1px inset);\n a:hover { color: #fff;\n .arg { color: rgba(#fff, .6);}\n }\n}\n.doc-panel-dark {\n background: darken(#2f2f2f, 4);\n background: rgba(#000, .1);\n @include box-shadow(rgba(#000, .2) 0 0 0 1px inset);\n}\n\n.syntax-switch-dark {\n color: #000; text-shadow: rgba(#fff, .08) 0 1px 0;\n &:hover { color: #fff; text-shadow: #000 0 1px 0; } }\n\n.theme-switch-dark {\n cursor: pointer;\n a { color: #000; color: rgba(#000, .8); text-shadow: rgba(#fff, .08) 0 1px 0; }\n &:hover a { color: #eee; text-shadow: #000 0 1px 0; } }\n\n.selected-marker-dark {\n a:before{ border-bottom-color: #121212; }\n &:before { border-bottom-color: #414141; }\n &:after { border-bottom-color: #323232; }\n}\n.mixin-panel-dark {\n @extend .inset-panel-dark;\n td.gutter { background: rgba(#fff, .05); .line { border-right: 2px solid rgba(#fff, .15); color: rgba(#fff, .5); }}\n .container textarea { background: darken(#2f2f2f, 6); }\n}\n\n.image-border-dark {\n border:2px solid #BFBFBF;\n @extend .round-corners-4;\n}\n\n@mixin dark-theme($docs: false) {\n $page-bg: #2f2f2f;\n\n $text: #c6c6c6;\n $heading: white;\n $strong-text: #dbdbdb;\n\n $search: #6e6e6e;\n\n $code: #dadbb1;\n $nav-link: #bfbfbf;\n $link: saturate(lighten(#85AFC9, 4), 19);\n\n $main-nav: white;\n $main-nav-selected: #fb292d;\n $docs-nav-selected: $strong-text;\n $module-nav-selected: $link;\n\n $option-panel-border: rgba(#000, .5);\n $option-panel-bg: rgba(#fff, .06);\n\n @include site-theme(dark, $page-bg, $text, $strong-text, $heading, $link, $code, $search, $nav-link, $main-nav, $main-nav-selected, $option-panel-border, $option-panel-bg);\n\n @if($docs){\n @include docs-theme(dark, $heading, $code, $nav-link, $docs-nav-selected, $module-nav-selected);\n .syntaxhighlighter, pre, pre .code-block:first-child {\n &::-webkit-scrollbar-track-piece { -webkit-box-shadow: rgba(#000, .5) 0 0 3px 1px inset; background: rgba(#000, .2); }\n }\n .syntaxhighlighter, pre, pre .code-block:first-child {\n &::-webkit-scrollbar-thumb:horizontal { background: -webkit(linear-gradient(rgba(#fff, .3), rgba(#fff, 0))) #000; -webkit-box-shadow: rgba(black, 0.8) 0px 0 0 1px inset; }\n }\n }\n}\n\n// Light Theme\n.inset-panel-light {\n @include box-shadow(rgba(#fff, 1) 0 1px 0, rgba(#000, .5) 0 1px 3px 0px inset);\n text-shadow: 0 1px 1px #fff;\n background: darken(#fff, .04); background-color: rgba(#000, .04); }\n\n.horizontal-rule-light {\n @include box-shadow(#fff 0 1px 0);\n border-bottom: 1px solid #bbb; }\n\n.horizontal-rule-top-light {\n @include box-shadow(#fff 0 1px 0 inset);\n border-top: 1px solid #bbb; }\n\n.vertical-rule-light {\n @include single-box-shadow(1px, 0, 0, $color: rgba(#fff, 1));\n border-right: 1px solid #bbb; }\n\n.vertical-rule-left-light {\n @include single-box-shadow(1px, 0, 0, $color: rgba(#fff, 1), $inset: inset);\n border-left: 1px solid #bbb; }\n\n.code-block-light { @extend .code-block; @extend .inset-panel-light; background: rgba(#fff, .5); }\n\n.demo-light { @include box-shadow(rgba(#000, .3) 0 2px 10px inset, #fff 0 1px 2px 0px, rgba(#000, .05) 0 0 0 1px inset); }\n\n.syntax-switch-light {\n color: rgba(#000, .3); text-shadow: rgba(#fff, .08) 0 1px 0;\n &:hover { color: #000; text-shadow: #fff 0 1px 0; }}\n\n.theme-switch-light {\n cursor: pointer;\n a {color: rgba(#000, .2); text-shadow: rgba(#fff, 1) 0 1px 0;}\n &:hover a { color: #000; } }\n\n.heading-panel-light {\n background: rgba(#fff, .5);\n @include box-shadow(rgba(#000, .13) 0 0 0 1px inset);\n a:hover { color: #000;\n .arg { color: rgba(#000, .6); } }\n}\n\n.selected-marker-light {\n a:before{ border-bottom-color: #bbbbbb; }\n &:before { border-bottom-color: #fff; }\n &:after { border-bottom-color: #e5e5e5; }\n}\n\n.doc-panel-light {\n background: rgba(#000, .03);\n text-shadow: rgba(#fff, .9) 0 1px 1px;\n @include box-shadow(rgba(#000, .15) 0 0 0 1px inset);\n}\n\n.mixin-panel-light, .function-panel-light, .selector-panel-light {\n @extend .inset-panel-light;\n background: rgba(#fff, .8);\n td.gutter { background: rgba(#000, .08); .line { border-right: 2px solid rgba(#000, .2); color: rgba(#000, .4); } }\n .container textarea { background: darken(#fff, .04); }\n}\n\n.image-border-light {\n border:2px solid #444444;\n @extend .round-corners-4;\n}\n\n@mixin light-theme($docs: false) {\n $page-bg: #ececec; // image-url('bg-light.jpg');\n\n $text: #111;\n $heading: #222;\n $strong-text: #000;\n\n $search: #666;\n\n $link: #307eb6;\n $nav-link: #444;\n $code: #222;\n\n $main-nav: #000;\n $main-nav-selected: darken(#fb292d, 15);\n $docs-nav-selected: $strong-text;\n $module-nav-selected: $link;\n\n $option-panel-border: rgba(#000, .2);\n $option-panel-bg: #fff;\n\n @include site-theme(light, $page-bg, $text, $strong-text, $heading, $link, $code, $search, $nav-link, $main-nav, $main-nav-selected, $option-panel-border, $option-panel-bg);\n\n @if($docs){\n @include docs-theme(light, $heading, $code, $nav-link, $docs-nav-selected, $module-nav-selected);\n .syntaxhighlighter::-webkit-scrollbar-track-piece { -webkit-box-shadow: rgba(#000, .3) 0 0 3px 1px inset; background: rgba(#ddd, .8); }\n .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal { background: -webkit(linear-gradient(rgba(#000, 0) 40%, rgba(#000, .2))) #fff; -webkit-box-shadow: rgba(black, 0.2) 0px 0 0 1px inset; }\n }\n}\n" }, { "path": "compass-style.org/content/stylesheets/partials/_typography.scss", "content": "@font-face {\n font-family: \"pictos-web\";\n src: url('/otherfonts/pictos-web.eot');\n src: local(\"?\"), url('/otherfonts/pictos-web.woff') format('woff'), url('/otherfonts/pictos-web.ttf') format('truetype'), url('/otherfonts/pictos-web.svg#webfontIyfZbseF') format('svg');}\n\n@include font-face(\"museosans-web\", font-files(\"museosans-web.woff\", woff, \"museosans-web.ttf\", truetype, \"museosans-web.svg#webfontJHBEijmD\", svg), 'museosans-web.eot');\n\n\n.sans-font { font-family: 'Lucida Grande', Arial, sans-serif; }\n.heading-font { font-family: 'Museo Sans', \"museosans-web\", 'serif'; }\n.pictos { font-family: pictos, pictos-web; font-weight: normal; font-style: normal;}\n.fixed-font { font-family: menlo, monaco, \"andale mono\", \"courier new\", fixed;}\n\n#page {\n line-height: 1.45em;\n ol { list-style: outside decimal; padding-left: 2.5em; }\n ol ol { list-style: outside lower-alpha; padding-left: 2.5em; }\n ul, ol, dl { margin-bottom: 1.5em;}\n p { margin-bottom: 1.2em;}\n #{headings(1,2)}{ @extend .heading-font; line-height: 1.2em; }\n h1 { font-size: 35px; margin-bottom: 15px; padding-bottom: 6px; }\n h2 { font-size: 26px; margin: 1em 0 15px; padding-bottom: 6px; }\n h3 { font-size: 18px; }\n h4 { font-size: 18px; margin: .4em 0; }\n ul { list-style: inside disc; }\n dt { font-weight: bold; }\n}\n#page aside {\n ul { list-style: none; margin-bottom: 1em;}\n h2 { line-height: 1.3em; margin-top: 0; padding-top: 3px;}\n}\nem { font-style: italic; }\nstrong { font-weight: bold; }\n\n#page > article {\n ul ul { padding-left: 1em; }\n position: relative;\n h2 { font-size: 26px; margin: .5em 0 .6em;\n padding: 1em 0 6px;}\n hr + h2 { padding-top: 0; }\n hr + h3, h4, h5 { margin-top: 0; }\n}\n\ndl.table dt, dl.table dd { display: inline-block; }\ndg { display: block; margin-bottom: 1.5em; }\n\n.warning { color: #c00; }" }, { "path": "compass-style.org/content/stylesheets/screen.scss", "content": "@import \"compass\";\n@import \"compass/layout\";\n@import \"core/extensions\";\n\n@include global-reset;\n@include reset-html5;\n\n@import \"core/base-classes\";\n@import \"core/media-block\";\n\n@import \"partials/theme\";\n@import \"partials/layout\";\n@import \"partials/typography\";\n\n@import \"partials/nav\";\n@import \"partials/sidebar\";\n@import \"partials/ads\";\n@import \"partials/main\";\n@import \"partials/code\";\n@import \"partials/example\";\n@import \"partials/install\";\n@import \"partials/blog\";\n\n@import \"syntax/syntax-theme\";\n\n@import \"core/clearing-classes\";\n\n\nhtml.dark { @include dark-theme(true); }\nhtml.light { @include light-theme(true); }\n\nfooter {\n margin: 0 auto;\n width: 640px;\n}\n\nblockquote {\n @extend code;\n}\n\n#page h3 {\n padding-left: 0;\n}\n" }, { "path": "compass-style.org/content/stylesheets/syntax/_shCore.scss", "content": "@mixin round_corners_custom($top, $right, $bottom, $left) {\n\t-moz-border-radius: $top $right $bottom $left !important;\n\t-webkit-border-radius: $top $right $bottom $left !important;\n}\n\n@mixin round_corners($radius) {\n\t@include round_corners_custom($radius, $radius, $radius, $radius);\n}\n\n.syntaxhighlighter {\n\ta,\n\tdiv,\n\tcode,\n\ttable,\n\ttable td,\n\ttable tr,\n\ttable tbody,\n\ttable thead,\n\ttable caption,\n\ttextarea {\n\t\t@include round_corners(0);\n\t\t\n\t\tbackground: none !important;\n\t\tborder: 0 !important;\n\t\tbottom: auto !important;\n\t\tfloat: none !important;\n\t\theight: auto !important;\n\t\tleft: auto !important;\n\t\tline-height: 1.1em !important;\n\t\tmargin: 0 !important;\n\t\toutline: 0 !important;\n\t\toverflow: visible !important;\n\t\tpadding: 0 !important;\n\t\tposition: static !important;\n\t\tright: auto !important;\n\t\ttext-align: left !important;\n\t\ttop: auto !important;\n\t\tvertical-align: baseline !important;\n\t\twidth: auto !important;\n\t\tbox-sizing: content-box !important;\n\t\tfont: {\n\t\t\tfamily: \"Consolas\", \"Bitstream Vera Sans Mono\", \"Courier New\", Courier, monospace !important;\n\t\t\tweight: normal !important;\n\t\t\tstyle: normal !important;\n\t\t\tsize: 1em !important;\n\t\t}\n\t\tmin: {\n\t\t\t// For IE8, FF & WebKit\n\t\t\theight: inherit !important;\n\t\t\t// For IE7\n\t\t\theight: auto !important;\n\t\t}\n\t}\n}\n\n.syntaxhighlighter {\n\twidth: 100% !important;\n\tmargin: 1em 0 1em 0 !important;\n\t\n\tposition: relative !important;\n\toverflow: auto !important;\n\tfont-size: 1em !important;\n\t\n\t&.source { overflow: hidden !important; }\n\t\n\t// set up bold and italic\n\t.bold { font-weight: bold !important; }\n\t.italic { font-style: italic !important; }\n\t\n\t.line { white-space: pre !important; }\n\t\n\t// main table and columns\n\ttable {\n\t\twidth: 100% !important;\n\t\tcaption {\n\t\t\ttext-align: left !important;\n\t\t\tpadding: .5em 0 0.5em 1em !important;\n\t\t}\n\t\t\n\t\ttd.code {\n\t\t\twidth: 100% !important;\n\t\t\t\n\t\t\t.container {\n\t\t\t\tposition: relative !important;\n\t\t\t\t\n\t\t\t\ttextarea {\n\t\t\t\t\tbox-sizing: border-box !important;\n\t\t\t\t\tposition: absolute !important;\n\t\t\t\t\tleft: 0 !important;\n\t\t\t\t\ttop: 0 !important;\n\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\theight: 100% !important;\n\t\t\t\t\tborder: none !important;\n\t\t\t\t\tbackground: white !important;\n\t\t\t\t\tpadding-left: 1em !important;\n\t\t\t\t\toverflow: hidden !important;\n\t\t\t\t\twhite-space: pre !important;\n\t\t\t\t} \n\t\t\t} \n\t\t}\n\t\t\n\t\t// middle spacing between line numbers and lines\n\t\ttd.gutter .line {\n\t\t\ttext-align: right !important;\n\t\t\tpadding: 0 0.5em 0 1em !important; \n\t\t}\n\t\t\n\t\ttd.code .line {\n\t\t\tpadding: 0 1em !important;\n\t\t}\n\t}\n\t\n\t&.nogutter {\n\t\ttd.code {\n\t\t\t.container textarea, .line { padding-left: 0em !important; }\n\t\t}\n\t}\n\t\n\t&.show { display: block !important; }\n\t\n\t// Adjust some properties when collapsed\n\t&.collapsed {\n\t\ttable { display: none !important; }\n\t\t\n\t\t.toolbar {\n\t\t\tpadding: 0.1em 0.8em 0em 0.8em !important;\n\t\t\tfont-size: 1em !important;\n\t\t\tposition: static !important;\n\t\t\twidth: auto !important;\n\t\t\theight: auto !important;\n\t\t\t\n\t\t\tspan {\n\t\t\t\tdisplay: inline !important;\n\t\t\t\tmargin-right: 1em !important;\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\tpadding: 0 !important;\n\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t&.expandSource { display: inline !important; } \n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Styles for the toolbar\n\t.toolbar {\n\t\tposition: absolute !important;\n\t\tright: 1px !important;\n\t\ttop: 1px !important;\n\t\twidth: 11px !important;\n\t\theight: 11px !important;\n\t\tfont-size: 10px !important;\n\t\tz-index: 10 !important;\n\t\t\n\t\tspan.title { display: inline !important; }\n\t\t\n\t\ta {\n\t\t\tdisplay: block !important;\n\t\t\ttext-align: center !important;\n\t\t\ttext-decoration: none !important;\n\t\t\tpadding-top: 1px !important;\n\t\t\t\n\t\t\t&.expandSource { display: none !important; }\n\t\t}\n\t}\n\t\n\t&.ie {\n\t\tfont-size: .9em !important;\n\t\tpadding: 1px 0 1px 0 !important;\n\t\t\n\t\t.toolbar {\n\t\t\tline-height: 8px !important;\n\t\t\ta {\n\t\t\t\tpadding-top: 0px !important;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Print view.\n\t// Colors are based on the default theme without background.\n\t&.printing {\n\t\t.line.alt1 .content,\n\t\t.line.alt2 .content,\n\t\t.line.highlighted .number,\n\t\t.line.highlighted.alt1 .content,\n\t\t.line.highlighted.alt2 .content { background: none !important; }\n\t\t\n\t\t// Gutter line numbers\n\t\t.line {\n\t\t\t.number { color: #bbbbbb !important; }\n\t\t\t// Add border to the lines\n\t\t\t.content { color: black !important; }\n\t\t}\n\t\t\n\t\t// Toolbar when visible\n\t\t.toolbar { display: none !important; }\n\t\ta { text-decoration: none !important; }\n\t\t.plain, .plain a { color: black !important; }\n\t\t.comments, .comments a { color: #008200 !important; }\n\t\t.string, .string a { color: blue !important; }\n\t\t.keyword {\n\t\t\tcolor: #006699 !important;\n\t\t\tfont-weight: bold !important; \n\t\t}\n\t\t.preprocessor { color: gray !important; }\n\t\t.variable { color: #aa7700 !important; }\n\t\t.value { color: #009900 !important; }\n\t\t.functions { color: #ff1493 !important; }\n\t\t.constants { color: #0066cc !important; }\n\t\t.script { font-weight: bold !important; }\n\t\t.color1, .color1 a { color: gray !important; }\n\t\t.color2, .color2 a { color: #ff1493 !important; }\n\t\t.color3, .color3 a { color: red !important; }\n\t\t.break, .break a { color: black !important; }\n\t}\n}" }, { "path": "compass-style.org/content/stylesheets/syntax/_shThemeRDark.scss", "content": "\n// Dark Theme\n\n$background: none;\n\n$line_highlighted_background:\t#323E41;\n$line_highlighted_number:\t\t#b9bdb6;\n\n$gutter_text:\t\t\t\t\t#afafaf;\n$gutter_border_color:\t\t\trgba(#fff, .15);\n\n$toolbar_collapsed_a:\t\t\t#5ba1cf;\n$toolbar_collapsed_a_hover:\t\t#5ce638;\n$toolbar_collapsed_background:\t#000;\n\n$toolbar_a:\t\t\t\t\t\t#fff;\n$toolbar_a_hover:\t\t\t\t#e0e8ff;\n\n$code_plain:\t\t\t\t\t#dadbb1;\n$code_comments:\t\t\t\t\t#878a85;\n$code_string:\t\t\t\t\t#64b041;\n$code_keyword:\t\t\t\t\t#6cc7eb;\n$code_preprocessor:\t\t\t\t#cd5c57;\n$code_variable:\t\t\t\t\t$code_keyword;\n$code_value:\t\t\t\t\t#ffa0a0;\n$code_functions:\t\t\t\t#3d95e6;\n$code_constants:\t\t\t\t#e0e8ff;\n$code_script:\t\t\t\t\t$code_keyword;\n$code_script_background:\t\tnone;\n$code_color1:\t\t\t\t\t#b0b76b;\n$code_color2:\t\t\t\t\t#98f77a;\n$code_color3:\t\t\t\t\t#ffaa3e;\n$code_color4:\t\t\t\t\t$code_plain;\n\n//@import \"theme_template.scss\";\n\n// Interface elements.\nhtml.dark .syntaxhighlighter {\n\t// Actual syntax highlighter colors.\n\t.plain, .plain a { color: $code_plain; }\n\t.comments, .comments a { color: $code_comments; }\n\t.string, .string a { color: $code_string; }\n\t.keyword { color: $code_keyword; }\n\t.preprocessor { color: $code_preprocessor; }\n\t.variable { color: $code_variable; }\n\t.value { color: $code_value; }\n\t.functions { color: $code_functions; }\n\t.constants { color: $code_constants; }\n\t.script {\n\t\tfont-weight: bold;\n\t\tcolor: $code_script;\n\t\tbackground-color: $code_script_background;\n\t}\n\t.color1, .color1 a { color: $code_color1; }\n\t.color2, .color2 a { color: $code_color2; }\n\t.color3, .color3 a { color: $code_color3; }\n\t.color4, .color4 a { color: $code_color4; }\n}\n\n// Light Theme\n\n$background: none;\n\n$line_highlighted_background:\t#c3defe;\n$line_highlighted_number:\t\t#fff;\n\n$gutter_text:\t\t\t\t\t#787878;\n$gutter_border_color:\t\t\t#d4d0c8;\n\n$toolbar_collapsed_a:\t\t\t#3f5fbf;\n$toolbar_collapsed_a_hover:\t\t#aa7700;\n$toolbar_collapsed_background:\t#fff;\n\n$toolbar_a:\t\t\t\t\t\t#a0a0a0;\n$toolbar_a_hover:\t\t\t\tred;\n\n$code_plain:\t\t\t\t\tblack;\n$code_comments:\t\t\t\t\t#3f5fbf;\n$code_string:\t\t\t\t\t#4fa33f;\n$code_keyword:\t\t\t\t\t#7f0055;\n$code_preprocessor:\t\t\t\t#006699;\n$code_variable:\t\t\t\t\t#aa7700;\n$code_value:\t\t\t\t\t#4fa33f;\n$code_functions:\t\t\t\t#b553ba;\n$code_constants:\t\t\t\t#0066cc;\n$code_color1:\t\t\t\t\tgray;\n$code_color2:\t\t\t\t\t#ca6436;\n$code_color3:\t\t\t\t\tred;\n$code_color4:\t\t\t\t\t$code_plain;\n\n// Interface elements.\nhtml.light .syntaxhighlighter {\n\t// Actual syntax highlighter colors.\n\t.plain, .plain a { color: $code_plain; }\n\t.comments, .comments a { color: $code_comments; }\n\t.string, .string a { color: $code_string; }\n\t.keyword { color: $code_keyword; }\n\t.preprocessor { color: $code_preprocessor; }\n\t.variable { color: $code_variable; }\n\t.value { color: $code_value; }\n\t.functions { color: $code_functions; }\n\t.constants { color: $code_constants; }\n\t.script {\n\t\tfont-weight: bold;\n\t\tcolor: $code_script;\n\t\tbackground-color: $code_script_background;\n\t}\n\t.color1, .color1 a { color: $code_color1; }\n\t.color2, .color2 a { color: $code_color2; }\n\t.color3, .color3 a { color: $code_color3; }\n\t.color4, .color4 a { color: $code_color4; }\n}\n\n" }, { "path": "compass-style.org/content/stylesheets/syntax/_syntax-theme.scss", "content": "// Default Syntax Highlighter theme.\n//@import \"shCore.scss\";\n\n@import \"shThemeRDark.scss\";\n\n/*.syntaxhighlighter {\n\t.keyword { font-weight: bold !important; }\n}*/\n" }, { "path": "compass-style.org/content/stylesheets/syntax/_theme_template.scss", "content": "$background:\t\t\t\t\twhite !default;\n\n$line_alt1_background:\t\t\t$background !default;\n$line_alt2_background:\t\t\t$background !default;\n\n$line_highlighted_background:\t#e0e0e0 !default;\n$line_highlighted_number:\t\tblack !default;\n\n$gutter_text:\t\t\t\t\t#afafaf !default;\n$gutter_border_color:\t\t\t#6ce26c !default;\n$gutter_border:\t\t\t\t\t3px solid $gutter_border_color !default;\n\n$toolbar_collapsed_a:\t\t\t#00f !default;\n$toolbar_collapsed_a_hover:\t\t#f00 !default;\n$toolbar_collapsed_background:\t#fff !default;\n$toolbar_collapsed_border:\t\t1px solid $gutter_border_color !default;\n\n$toolbar_a:\t\t\t\t\t\t#fff !default;\n$toolbar_a_hover:\t\t\t\t#000 !default;\n$toolbar_background:\t\t\t$gutter_border_color !default;\n$toolbar_border:\t\t\t\tnone !default;\n\n$code_plain:\t\t\t\t\tblack !default;\n$code_comments:\t\t\t\t\t#008200 !default;\n$code_string:\t\t\t\t\tblue !default;\n$code_keyword:\t\t\t\t\t#006699 !default;\n$code_preprocessor:\t\t\t\tgray !default;\n$code_variable:\t\t\t\t\t#aa7700 !default;\n$code_value:\t\t\t\t\t#009900 !default;\n$code_functions:\t\t\t\t#ff1493 !default;\n$code_constants:\t\t\t\t#0066cc !default;\n$code_script:\t\t\t\t\t$code_keyword !default;\n$code_script_background:\t\tnone !default;\n$code_color1:\t\t\t\t\tgray !default;\n$code_color2:\t\t\t\t\t#ff1493 !default;\n$code_color3:\t\t\t\t\tred !default;\n\n$caption_color:\t\t\t\t\t$code_plain !default;\n\n// Interface elements.\n.syntaxhighlighter {\n\tbackground-color: $background !important;\n\n\t// Highlighed line number\n\t.line {\n\t\t&.alt1 { background-color: $line_alt1_background !important; }\n\t\t&.alt2 { background-color: $line_alt2_background !important; }\n\n\t\t// Highlighed line\n\t\t&.highlighted {\n\t\t\t&.alt1, &.alt2 { background-color: $line_highlighted_background !important; }\n\t\t\t&.number { color: $line_highlighted_number !important; }\n\t\t}\n\t}\n\n\ttable {\n\t\tcaption {\n\t\t\tcolor: $caption_color !important;\n\t\t}\n\t}\n\n\t// Add border to the lines\n\t.gutter {\n\t\tcolor: $gutter_text !important;\n\t\t.line {\n\t\t\tborder-right: $gutter_border !important;\n\n\t\t\t&.highlighted {\n\t\t\t\tbackground-color: $gutter_border_color !important;\n\t\t\t\tcolor: $background !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.printing .line .content { border: none !important; }\n\n\t&.collapsed {\n\t\toverflow: visible !important;\n\n\t\t.toolbar {\n\t\t\tcolor: $toolbar_collapsed_a !important;\n\t\t\tbackground: $toolbar_collapsed_background !important;\n\t\t\tborder: $toolbar_collapsed_border !important;\n\n\t\t\ta {\n\t\t\t\tcolor: $toolbar_collapsed_a !important;\n\t\t\t\t&:hover { color: $toolbar_collapsed_a_hover !important; }\n\t\t\t}\n\t\t}\n\t}\n\n\t.toolbar {\n\t\tcolor: $toolbar_a !important;\n\t\tbackground: $toolbar_background !important;\n\t\tborder: $toolbar_border !important;\n\t\ta {\n\t\t\tcolor: $toolbar_a !important;\n\t\t\t&:hover { color: $toolbar_a_hover !important; }\n\t\t}\n\t}\n\n\t// Actual syntax highlighter colors.\n\t.plain, .plain a { color: $code_plain !important; }\n\t.comments, .comments a { color: $code_comments !important; }\n\t.string, .string a { color: $code_string !important; }\n\t.keyword { color: $code_keyword !important; }\n\t.preprocessor { color: $code_preprocessor !important; }\n\t.variable { color: $code_variable !important; }\n\t.value { color: $code_value !important; }\n\t.functions { color: $code_functions !important; }\n\t.constants { color: $code_constants !important; }\n\t.script {\n\t\tfont-weight: bold !important;\n\t\tcolor: $code_script !important;\n\t\tbackground-color: $code_script_background !important;\n\t}\n\t.color1, .color1 a { color: $code_color1 !important; }\n\t.color2, .color2 a { color: $code_color2 !important; }\n\t.color3, .color3 a { color: $code_color3 !important; }\n}\n" }, { "path": "compass-style.org/layouts/article.haml", "content": "- render 'basic' do\n #wrap\n = render \"partials/main-navigation\"\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n -#syntax_pref\n %a{:href => \"#\", :rel => \"scss\" } scss\n %a{:href => \"#\", :rel => \"sass\" } sass\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n %article= yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = content_for(@item, :javascripts)\n = render \"partials/analytics\"\n \n\n" }, { "path": "compass-style.org/layouts/basic.haml", "content": "!!!5\n- # This template is just the stuff until the body tag.\n%html.no-js{:dir => \"ltr\", :lang => \"en\"}\n %head\n %meta{:charset => \"utf-8\"}/\n %meta{:content => \"chrome=1\", \"http-equiv\" => \"X-UA-Compatible\"}\n %meta(name=\"viewport\" content=\"width=780\")\n - if ENV[\"BETA\"]\n %meta(name=\"robots\" content=\"noindex\")\n %link(rel=\"shortcut icon\" type=\"image/png\" href=\"/images/compass_icon.png\")\n %link{:href=>\"/blog/atom.xml\", :rel=>\"alternate\", :title=>\"Compass Blog\", :type=>\"application/atom+xml\"}\n %title\n #{@item[:title]} | Compass Documentation\n %link{:charset => \"utf-8\", :href => \"/stylesheets/screen.css\", :rel => \"stylesheet\", :type => \"text/css\"}\n = render \"partials/js-core\"\n = render \"partials/js-highlighter\"\n /[if lte IE 8]\n %link{:charset => \"utf-8\", :href => \"/stylesheets/ie.css\", :rel => \"stylesheet\", :type => \"text/css\"}\n - if content_for(@item, :additional_css)\n %style(type=\"text/css\")= content_for(@item, :additional_css)\n %body{body_attributes(@item)}= yield\n" }, { "path": "compass-style.org/layouts/blog.haml", "content": "- render \"basic\" do\n #wrap\n = render \"partials/main-navigation\"\n #sub-nav\n - p = previous_post\n - n = next_post\n - if p || n\n %nav#docs-nav{:role => \"navigation\"}\n - if p\n %a{:href => p.rep_named(:default).path, :title => p[:title]} « Previous Post\n - if n\n %a{:href => n.rep_named(:default).path, :title => n[:title]} Next Post »\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n = yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = content_for(@item, :javascripts)\n = render \"partials/analytics\"\n" }, { "path": "compass-style.org/layouts/core.haml", "content": "- render 'main' do\n - content_for :module_nav do\n %ul= item_tree(reference_item(:stylesheet => \"compass.scss\"), :depth => 1, :omit_self => true, :headings => false)\n %aside(role=\"sidebar\")= render 'partials/sidebar', :default_stylesheet => \"_compass.scss\", :omit_self => false, :heading_level => 2, :heading_depth => 1\n %article= yield" }, { "path": "compass-style.org/layouts/default.haml", "content": "!!!5\n%html.no-js{:dir => \"ltr\", :lang => \"en\"}\n %head\n %meta{:charset => \"utf-8\"}/\n %meta{:content => \"chrome=1\", \"http-equiv\" => \"X-UA-Compatible\"}\n %meta(name=\"viewport\" content=\"width=780\")\n - if ENV[\"BETA\"]\n %meta(name=\"robots\" content=\"noindex\")\n %link(rel=\"shortcut icon\" type=\"image/png\" href=\"/images/compass_icon.png\")\n %title\n #{@item[:title]} | Compass Documentation\n %link{:charset => \"utf-8\", :href => \"/stylesheets/screen.css\", :rel => \"stylesheet\", :type => \"text/css\"}\n = render \"partials/js-core\"\n %body.default{body_attributes(@item)}\n #wrap\n = render \"partials/main-navigation\"\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n %article= yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = render \"partials/analytics\"\n\n" }, { "path": "compass-style.org/layouts/documentation.haml", "content": "- render 'site' do\n %aside(role=\"sidebar\")\n %nav#local-nav\n %ul= item_tree(documentation_item(:root), :depth => 2, :omit_self => false, :heading_level => 2)\n %article= yield\n" }, { "path": "compass-style.org/layouts/example.haml", "content": "- render 'basic' do\n - content_for(:additional_css) do\n = example_css\n #wrap\n = render \"partials/main-navigation\"\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n -#syntax_pref\n %a{:href => \"#\", :rel => \"scss\" } scss\n %a{:href => \"#\", :rel => \"sass\" } sass\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n %article= yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = content_for(@item, :javascripts)\n = render \"partials/analytics\"\n \n" }, { "path": "compass-style.org/layouts/homepage.haml", "content": "!!!5\n%html.no-js{:dir => \"ltr\", :lang => \"en\"}\n %head\n %meta{:charset => \"utf-8\"}/\n %meta{:content => \"chrome=1\", \"http-equiv\" => \"X-UA-Compatible\"}\n %meta(name=\"viewport\" content=\"width=810\")\n - if ENV[\"BETA\"]\n %meta(name=\"robots\" content=\"noindex\")\n %link(rel=\"shortcut icon\" type=\"image/png\" href=\"/images/compass_icon.png\")\n %title\n #{@item[:title]} | Compass Documentation\n %link{:charset => \"utf-8\", :href => \"/stylesheets/home.css?v=1\", :rel => \"stylesheet\", :type => \"text/css\"}\n = render \"partials/js-core\"\n /[if lte IE 8]\n %link{:charset => \"utf-8\", :href => \"/stylesheets/ie.css\", :rel => \"stylesheet\", :type => \"text/css\"}\n - if content_for(@item, :additional_css)\n %style(type=\"text/css\")= content_for(@item, :additional_css)\n %body{body_attributes(@item)}\n #wrap\n = render \"partials/main-navigation\"\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n = yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = render \"partials/analytics\"\n" }, { "path": "compass-style.org/layouts/main.haml", "content": "- render \"basic\" do\n #wrap\n = render \"partials/main-navigation\"\n #sub-nav\n - if content_for(@item, :module_nav)\n %nav#module-nav= content_for(@item, :module_nav)\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n #syntax_pref\n %a{:href => \"#\", :rel => \"scss\" } scss\n %a{:href => \"#\", :rel => \"sass\" } sass\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n = yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = content_for(@item, :javascripts)\n = render \"partials/analytics\"\n \n" }, { "path": "compass-style.org/layouts/partials/ad.haml", "content": ".advertisement\n \n #fusion_ad\n %a.pagerankspam(href=\"http://fusionads.net\") Powered by Fusion\n" }, { "path": "compass-style.org/layouts/partials/analytics.haml", "content": ":plain\n \n \n \n" }, { "path": "compass-style.org/layouts/partials/breadcrumbs.haml", "content": "- if breadcrumbs_trail.size > 1\n %ol#breadcrumbs\n - breadcrumbs_trail.each_with_index do |bc, index|\n - next unless bc\n - klass = \"first\" if index == 0\n - klass = \"last\" if index == breadcrumbs_trail.size - 1\n %li{:class => klass}= link_to_unless_current((bc[:crumb] || bc[:title]), bc.reps.find { |r| r.name == :default })\n " }, { "path": "compass-style.org/layouts/partials/example.haml", "content": "- if @item[:stylesheet] && (reference = reference_item(:stylesheet => @item[:stylesheet]))\n #reference= link_to \"Reference Documentation\", reference\n\n%h1 Demo: #{@item[:title]}\n#demo= example_html\n\n= yield if block_given?\n\n#how\n %section#markup\n .syntax_pref\n %a{:href => \"#\", :rel => \"html\" } html\n %a{:href => \"#\", :rel => \"haml\" } haml\n .example-source\n %pre.source-code.html= h(example_html)\n %pre.source-code.haml= h(example_haml)\n %section#styles\n .syntax_pref\n %a{:href => \"#\", :rel => \"scss\" } scss\n %a{:href => \"#\", :rel => \"sass\" } sass\n %a{:href => \"#\", :rel => \"css\" } css\n .example-source\n %pre.source-code.scss= h(example_scss)\n %pre.source-code.sass= h(example_sass)\n %pre.source-code.css= h(example_css)\n" }, { "path": "compass-style.org/layouts/partials/footer.haml", "content": ".links\n %ul\n %li.media\n \"Creative\n .bd Christopher M.
    Eppstein\n %li\n Compass is Charityware -\n
    \n Help the UMDF:\n %a(href=\"http://umdf.org/compass\") Donate Now!\n %li\n %strong Problem with this page?\n
    \n Please file a bug.\n\n:javascript\n $(function() {\n var href = $(\"#doc-issue\").attr(\"href\");\n var body_contents = \"On Page: \";\n body_contents += document.location.toString();\n body_contents += \"\\n\\nI was looking for:\\n
    \\n\\nBut instead I found:\\n\\n\"\n href = href + \"&body=\" + encodeURIComponent(body_contents);\n $(\"#doc-issue\").attr(\"href\", href)\n });\n\n- if content_for(@item, :footer)\n %hr\n = content_for(@item, :footer)\n" }, { "path": "compass-style.org/layouts/partials/js-core.haml", "content": "%script(src=\"/javascripts/modernizr-1.6.min.js\" type=\"text/javascript\")\n%script(src=\"/javascripts/jquery-1.3.2.min.js\" type=\"text/javascript\")\n%script(src=\"/javascripts/jquery.cookie.js\" type=\"text/javascript\")\n%script(src=\"/javascripts/placeholder.js\" type=\"text/javascript\" deferred)\n%script(src=\"/javascripts/site.js\" type=\"text/javascript\")\n%script(src=\"/javascripts/fixups.js\" type=\"text/javascript\" deferred)\n" }, { "path": "compass-style.org/layouts/partials/js-highlighter.haml", "content": "%script(src=\"/javascripts/shCore.js\" type=\"text/javascript\" deferred)\n%script(src=\"/javascripts/shBrushSass.js\" type=\"text/javascript\" deferred)\n%script(src=\"/javascripts/shBrushCss.js\" type=\"text/javascript\" deferred)\n%script(src=\"/javascripts/shBrushXml.js\" type=\"text/javascript\" deferred)\n%script(src=\"/javascripts/shBrushPlain.js\" type=\"text/javascript\" deferred)\n" }, { "path": "compass-style.org/layouts/partials/main-navigation.haml", "content": "%header#banner{:role => \"banner\"}\n %form#search-docs{:action => \"/search/\", :method => \"GET\"}\n %input#search{:name => \"q\", :type => \"text\", :value => \"\", :placeholder => \"Search the docs\"}\n\n %nav#main-nav{:role => \"navigation\"}\n %ul\n %li\n %a{:href => \"/install/\", :rel=> \"install\"} Install\n %li\n %a{:href => \"/help/\", :rel=> \"help\"} Help & Documentation\n %li\n %a{:href => \"/reference/compass/\", :rel => \"documentation\"} Code Reference\n %li\n %a{:href => \"/blog/\", :rel=> \"blog\"} Blog\n %li\n %a{:href => \"/get-involved/\", :rel=> \"get-involved\"} Contribute\n" }, { "path": "compass-style.org/layouts/partials/reference/const_table.haml", "content": "- constants.each do |constant_def|\n - const_id = constant_def.name.gsub(/_/,'-')\n %h3.constant{:id=>\"const-#{const_id}\"}\n %a.permalink{:href => \"#const-#{const_id}\"}= \"$\"+constant_def.name\n %code= constant_def.expr.to_sass(:format => :html)\n - if constant_def.comment && constant_def.comment.strip.size > 0\n %p= format_doc constant_def.comment\n" }, { "path": "compass-style.org/layouts/partials/reference/constants.haml", "content": "- if (constant_defs = constants(@item)).any?\n - variables = constant_defs.select{|d| d.guarded }\n - constants = constant_defs.reject{|d| d.guarded }\n - if variables.any?\n %h2\n Configurable Variables\n %a(href=\"/help/tutorials/configurable-variables/\" class=\"help\") help\n = render \"partials/reference/const_table\", :constants => variables\n\n - if constants.any?\n %h2 Constants\n = render \"partials/reference/const_table\", :constants => constants" }, { "path": "compass-style.org/layouts/partials/reference/examples.haml", "content": "- if (examples = examples(@item)).any?\n %h2 Examples\n %dl.examples\n - examples.each do |example|\n %dt= link_to example.item[:title], example\n - if example.item[:description]\n %dd= example.item[:description]\n" }, { "path": "compass-style.org/layouts/partials/reference/functions.haml", "content": "- if (functions = functions(@item)).any?\n %h2 Functions\n\n - functions.each do |function|\n %a{:href=>\"#function-#{function.name}-source\", :rel => \"view source\"} view source\n %h3.function{:id=>\"function-#{function.name}\"}\n %a.permalink{:href => \"#function-#{function.name}\"}= function.sass_signature(:html)\n .function-source{:id=>\"function-#{function.name}-source\"}\n %pre.source-code.sass= function.to_sass\n %pre.source-code.scss= function.to_scss\n\n .source-documentation\n = format_doc(function.comment)\n - if (examples = examples(@item, function)).any?\n %dl.examples\n - examples.each do |example|\n %dt= link_to example.item[:title], example\n - if example.item[:description]\n %dd= example.item[:description]\n" }, { "path": "compass-style.org/layouts/partials/reference/import-few.haml", "content": "- if path = reference_path(:stylesheet => import)\n - imported_item = reference_item(:stylesheet => import)\n #{imported_item[:crumb] || imported_item[:title]}#{\",\" unless @last}\n\n" }, { "path": "compass-style.org/layouts/partials/reference/import.haml", "content": "- if path = reference_path(:stylesheet => import)\n - imported_item = reference_item(:stylesheet => import)\n %a{:href => path, :title => \"@import #{import}\"}= imported_item[:crumb] || imported_item[:title]\n - if imported_item[:meta_description]\n – #{imported_item[:meta_description]}\n- else\n = import\n" }, { "path": "compass-style.org/layouts/partials/reference/imports.haml", "content": "- if (imported_libs = imports(@item)).any?\n - if imported_libs.size == 1000\n %p\n Automatically imports:\n - imported_libs.each do |import|\n = render \"partials/reference/import-few\", :import => import, :last => import == imported_libs.last\n - else\n %h2 Imports\n %ol\n - imported_libs.each do |import|\n %li= render \"partials/reference/import\", :import => import\n\n" }, { "path": "compass-style.org/layouts/partials/reference/mixins.haml", "content": "- if (mixin_defs = mixins(@item)).any?\n %h2 Mixins\n\n - mixin_defs.each do |mixin|\n %a{:href=>\"#mixin-#{mixin.name}-source\", :rel => \"view source\"} view source\n %h3.mixin{:id=>\"mixin-#{mixin.name}\"}\n %a.permalink{:href => \"#mixin-#{mixin.name}\"}= mixin.sass_signature(:none, :html)\n .mixin-source{:id=>\"mixin-#{mixin.name}-source\"}\n %pre.source-code.sass= mixin.to_sass\n %pre.source-code.scss= mixin.to_scss\n\n .source-documentation\n = format_doc(mixin.comment)\n - if (examples = examples(@item, mixin)).any?\n %dl.examples\n - examples.each do |example|\n %dt= link_to example.item[:title], example\n - if example.item[:description]\n %dd= example.item[:description]\n" }, { "path": "compass-style.org/layouts/partials/reference/selectors.haml", "content": "- if (sels = selectors(@item)).any?\n %h2 Selectors\n\n - sels.each do |selector|\n %a{:href=>\"#selector-#{selector.identifier}-source\", :rel => \"view source\"} view source\n %h3.selector{:id=>\"selector-#{selector.identifier}\"}\n %a.permalink{:href => \"#selector-#{selector.identifier}\"}= selector.name\n .selector-source{:id=>\"selector-#{selector.identifier}-source\"}\n %pre.source-code.sass= selector.to_sass\n %pre.source-code.scss= selector.to_scss\n\n .source-documentation\n = format_doc(selector.comment)\n" }, { "path": "compass-style.org/layouts/partials/sidebar/container.haml", "content": "%ul= @contents" }, { "path": "compass-style.org/layouts/partials/sidebar/heading.haml", "content": "%li{:class => (\"selected\" if @selected)}\n - haml_tag(@heading) do\n %a{:href => default_path(@current_item), :class => (\"selected\" if @selected)}= @crumb\n" }, { "path": "compass-style.org/layouts/partials/sidebar/item.haml", "content": "- classes = [(\"selected\" if @selected), (\"deprecated\" if @current_item[:deprecated]), (\"beta\" if @current_item[:beta])].compact.join(\" \")\n%li{:class => classes}\n %a{:href => default_path(@current_item), :class => classes}\n %span= @crumb\n" }, { "path": "compass-style.org/layouts/partials/sidebar.haml", "content": "%nav#local-nav\n - sidebar_item = reference_item(:stylesheet => @item[:nav_stylesheet]) if @item[:nav_stylesheet]\n - sidebar_item ||= sidebar_item(@item)\n - sidebar_item ||= reference_item(:stylesheet => @default_stylesheet)\n %ul= item_tree(sidebar_item, :depth => 1, :omit_self => get_var(:omit_self){true}, :heading_level => get_var(:heading_level){1}, :heading_depth => get_var(:heading_depth){10})\n\n\n= render 'partials/ad'\n" }, { "path": "compass-style.org/layouts/post.haml", "content": "- render \"blog\" do\n %h1= @item[:title]\n - author = author(@item[:author])\n %h2\n By\n - if author[\"byline_link\"]\n %a{:href=>author[\"byline_link\"]}= author[\"fullname\"]\n - else\n = author[\"fullname\"]\n = yield\n" }, { "path": "compass-style.org/layouts/redirect.haml", "content": "!!!5\n- # This template redirects.\n%html{:dir => \"ltr\", :lang => \"en\"}\n %head\n %meta{:\"http-equiv\" => \"refresh\", :content => \"0;#{@item[:redirect]}\"}/" }, { "path": "compass-style.org/layouts/reference.haml", "content": "- gh_url = \"http://github.com/chriseppstein/compass/blob/stable/frameworks/\"\n- gh_url << \"#{item[:framework]}/stylesheets/#{item[:stylesheet]}\"\n%a{:href => gh_url, :rel=>\"github-source\", :title=>\"view source for this module on github\"} Source on Github\n\n%h1= item[:title]\n\n- if item[:beta]\n %p.beta\n This module is fairly new and is currently in BETA (β).\n\n= yield if block_given?\n\n%p\n This file can be imported using:\n %code @import \"#{departialize(item[:stylesheet][0..-6])}\"\n\n= render \"partials/reference/examples\"\n\n= render \"partials/reference/imports\"\n\n= render \"partials/reference/constants\"\n\n= render \"partials/reference/functions\"\n\n= render \"partials/reference/mixins\"\n\n= render \"partials/reference/selectors\"\n" }, { "path": "compass-style.org/layouts/simple_core.haml", "content": "- render 'main' do\n - content_for :module_nav do\n %ul= item_tree(reference_item(:stylesheet => \"compass.scss\"), :depth => 1, :omit_self => true, :headings => false)\n %aside(role=\"sidebar\")\n %nav#local-nav\n = item_tree(reference_item(:stylesheet => (@item[:nav_stylesheet] || @default_stylesheet)), :depth => 2, :omit_self => get_var(:omit_self){false}, :heading_level => get_var(:heading_level){1})\n %article= yield" }, { "path": "compass-style.org/layouts/site.haml", "content": "!!!5\n%html.no-js{:dir => \"ltr\", :lang => \"en\"}\n %head\n %meta{:charset => \"utf-8\"}/\n %meta{:content => \"chrome=1\", \"http-equiv\" => \"X-UA-Compatible\"}\n %meta(name=\"viewport\" content=\"width=780\")\n - if ENV[\"BETA\"]\n %meta(name=\"robots\" content=\"noindex\")\n %link(rel=\"shortcut icon\" type=\"image/png\" href=\"/images/compass_icon.png\")\n %title\n #{@item[:title]} | Compass Documentation\n %link{:charset => \"utf-8\", :href => \"/stylesheets/screen.css\", :rel => \"stylesheet\", :type => \"text/css\"}\n = render \"partials/js-core\"\n %body.site{body_attributes(@item)}\n #wrap\n = render \"partials/main-navigation\"\n #sub-nav\n %nav#module-nav\n %ul\n %li.getting-started\n %a{:href => \"/help/\", :rel => \"getting started\"} Getting Started\n %li.tutorials\n %a{:href => \"/help/tutorials/\", :rel => \"getting started\"} Tutorials\n %li.examples\n %a{:href => \"/examples/\", :rel => \"code examples\"} Examples\n %li.documentation\n %a{:href => \"/help/documentation/\"} Documentation\n %li.support\n %a{:href => \"http://groups.google.com/group/compass-users\", :rel => \"support\"} Support\n %li\n %a{:href => \"http://github.com/chriseppstein/compass/issues\", :rel => \"bugs\"} Bugs\n #page\n #docs_panel\n #theme_pref\n %a{:href => \"#\", :rel => \"theme\", :title => \"switch theme\" } Q\n #version\n Version:\n %a.number(href=\"/CHANGELOG/\")= compass_version\n = yield\n %footer(role=\"contentinfo\")= render \"partials/footer\"\n = render \"partials/analytics\"\n" }, { "path": "compass-style.org/layouts/tutorial.haml", "content": "- render 'site' do\n %aside(role=\"sidebar\")\n %nav#local-nav\n %ul= item_tree(tutorial_item(:root), :depth => 2, :omit_self => false, :heading_level => 2)\n %article= yield\n" }, { "path": "compass-style.org/lib/blog.rb", "content": "POST_NAME = %r{^/posts/(\\d{4})-(\\d{2})-(\\d{2})-(.*)/$}\nrequire 'time'\nrequire 'yaml'\n\ndef blog_posts_in_order\n @blog_posts_in_order ||= @items.select {|i| i.identifier =~ %r{/posts} }.sort_by {|i| i.identifier }\nend\n\ndef previous_post(item = @item)\n current_index = blog_posts_in_order.index(item)\n if current_index && current_index > 0\n blog_posts_in_order[current_index - 1]\n end\nend\n\ndef next_post(item = @item)\n current_index = blog_posts_in_order.index(item)\n if current_index && current_index < blog_posts_in_order.size - 1\n blog_posts_in_order[current_index + 1]\n end\nend\n\ndef blog_date(item = @item)\n if item.identifier =~ POST_NAME\n Time.new($1.to_i, $2.to_i, $3.to_i)\n end\nend\n\ndef authors\n @site.cached(\"authors\") do\n YAML.load_file(\"#{File.dirname(__FILE__)}/../authors.yml\")\n end\nend\n\ndef author(author_id)\n authors[author_id]\nend\n" }, { "path": "compass-style.org/lib/data_sources/asset_data_source.rb", "content": "module Nanoc3::DataSources\n\n # https://github.com/cboone/nanoc-static-data-source\n # original author appears to be Denis Defreyne\n\n class AssetDataSource < Nanoc3::DataSource\n identifier :filesystem_assets\n\n def items\n # Get prefix\n prefix = config[:prefix] || 'assets'\n\n # Get all files under prefix dir\n filenames = Dir[prefix + '/**/*'].select { |f| File.file?(f) }\n\n # Convert filenames to items\n filenames.map do |filename|\n attributes = {\n :extension => File.extname(filename)[1..-1],\n :filename => filename,\n }\n identifier = filename[(prefix.length+1)..-1] + '/'\n\n mtime = File.mtime(filename)\n checksum = checksum_for(filename)\n\n Nanoc3::Item.new(\n filename,\n attributes,\n identifier,\n :binary => true, :mtime => mtime, :checksum => checksum\n )\n end\n end\n\n private\n\n # Returns a checksum of the given filenames\n # TODO un-duplicate this somewhere\n def checksum_for(*filenames)\n filenames.flatten.map do |filename|\n digest = Digest::SHA1.new\n File.open(filename, 'r') do |io|\n until io.eof\n data = io.readpartial(2**10)\n digest.update(data)\n end\n end\n digest.hexdigest\n end.join('-')\n end\n end\n\nend\n" }, { "path": "compass-style.org/lib/data_sources/better_combined_datasource.rb", "content": "# This is basically the default filesystem_combined datasource\n# But items without a metadata header don't get an error.\nclass BetterFilesystemCombined < Nanoc3::DataSources::FilesystemCombined\n identifier :better_combined\n\n def parse_file(filename, kind)\n contents = File.read(filename)\n if contents =~ /^(-{5}|-{3})/\n # Split file\n pieces = contents.split(/^(-{5}|-{3})/).compact\n if pieces.size < 4\n raise RuntimeError.new(\n \"The file '#{filename}' does not seem to be a nanoc #{kind}\"\n )\n end\n\n # Parse\n meta = YAML.load(pieces[2]) || {}\n content = pieces[4..-1].join.strip\n\n [ meta, content ]\n else\n [{}, contents]\n end\n end\n\nend\n " }, { "path": "compass-style.org/lib/data_sources/core_extensions.rb", "content": "class Object\n def try(method, *args, &block)\n send(method, *args, &block)\n end\nend\n\nclass NilClass\n def try(*args)\n nil\n end\nend\n" }, { "path": "compass-style.org/lib/data_sources/nanoc_monkey_patches.rb", "content": "class Nanoc3::Site\n def cached(key)\n if cached_stuff.has_key?(key)\n cached_stuff[key]\n else\n cached_stuff[key]= yield\n end\n end\n def cached_stuff\n @cached_stuff ||= {}\n end\nend\n" }, { "path": "compass-style.org/lib/data_sources/syntax_highter.rb", "content": "require 'nokogiri'\nrequire 'coderay'\nclass SyntaxHighlighterFilter < Nanoc3::Filter\n identifier :highlight\n\n def highlight(code, type)\n hl_map = Hash.new(:coderay)\n hl_map[:sass] = :pygmentize\n send(hl_map[type], code, type)\n end\n\n def pygmentize(code, type)\n # -O linenos=table\n IO.popen(\"pygmentize -l #{type} -f html -O encoding=utf-8\", \"r+\") do |io|\n io.write(code)\n io.close_write\n return io.read\n end\n end\n\n def coderay(code, type)\n # :line_numbers => :table,\n type = :css if type == :scss\n CodeRay.scan(code, type).div(:css => :class)\n end\n\n def run(content, params={})\n doc = Nokogiri::HTML.fragment(content)\n [:css, :sass, :scss, :html, :haml].each do |format|\n doc.css(\"pre.source-code.#{format}, code.#{format}\").each do |el|\n el.set_attribute(\"class\", \"brush: #{format} \"+el.attribute(\"class\").value)\n end\n end\n doc.to_s\n end\n\nend\n" }, { "path": "compass-style.org/lib/default.rb", "content": "# All files in the 'lib' directory will be loaded\n# before nanoc starts compiling.\nrequire 'erb'\nrequire 'active_support/inflector'\ninclude Nanoc3::Helpers::LinkTo\ninclude Nanoc3::Helpers::Capturing\ninclude Nanoc3::Helpers::Rendering\ninclude Nanoc3::Helpers::Breadcrumbs\ninclude Nanoc3::Helpers::XMLSitemap\n\ndef body_class(item)\n classes = [\"\"]\n classes += item[:classnames] || []\n classes << \"demo\" if item.identifier =~ /^\\/examples/\n classes.join(\" \")\nend\n\ndef body_id(item)\n if item[:body_id]\n item[:body_id]\n elsif id = item.identifier.chop[1..-1]\n id.gsub(/\\/|_/, \"-\")\n end\nend\n\ndef body_attributes(item)\n {\n :id => body_id(item),\n :class => body_class(item)\n }\nend\n\nmodule Enumerable\n def sorted_and_grouped_by_name\n sort_by{|i| yield(i)}.group_by{|i| yield(i).sub(/^[^\\w]/,\"\")[0..0].upcase}\n end\nend\n\nclass Recycler\n attr_accessor :values\n attr_accessor :index\n def initialize *values\n self.values = values\n self.index = 0\n end\n def next\n values[index]\n ensure\n self.index += 1\n self.index = 0 if self.index >= self.values.size\n end\n def reset!\n self.index = 0\n end\nend\n\ndef cycle(*args)\n yield Recycler.new *args\nend\n\ndef default_path(item)\n item.reps.find{|r| r.name == :default}.path\nend\n\ndef find(identifier)\n @items.find{|i| i.identifier == identifier}\nend\n\ndef get_var(instance_var)\n instance_variable_defined?(\"@#{instance_var}\") ? instance_variable_get(\"@#{instance_var}\") : yield\nend\n\ndef sidebar_item(item)\n if item.nil?\n nil\n elsif item[:sidebar]\n item\n else\n sidebar_item(item.parent)\n end\nend\n\ndef sidebar_stylesheet(item)\n i = sidebar_item(item)\n i[:stylesheet] if i\nend\n \n\ndef item_tree(item, options = {})\n crumb = item[:crumb] || item[:title]\n options[:heading_level] ||= 1 if options.fetch(:headings, true)\n child_html = \"\"\n if options.fetch(:depth,1) > 0\n child_opts = options.dup\n child_opts[:depth] -= 1 if child_opts.has_key?(:depth)\n child_opts[:heading_depth] -= 1 if child_opts.has_key?(:heading_depth)\n child_opts[:heading_level] += 1 if child_opts[:heading_level]\n child_opts.delete(:omit_self)\n item.children.sort_by{|c| c[:crumb] || c[:title]}.each do |child|\n next if child[:navigable] == false\n child_html << item_tree(child, child_opts)\n end\n else\n options.delete(:heading_level)\n end\n child_html = render(\"partials/sidebar/container\", :contents => child_html) unless child_html.size == 0\n css_class = nil\n contents = unless options[:omit_self]\n item_opts = {\n :current_item => item,\n :selected => !!@item.identifier[item.identifier],\n :crumb => item[:crumb] || item[:title]\n }\n if options[:heading_level] && (options.fetch(:heading_depth, 1) > 0)\n render(\"partials/sidebar/heading\",\n item_opts.merge(:heading => \"h#{options[:heading_level]}\")\n )\n else\n render(\"partials/sidebar/item\", item_opts)\n end\n end\n %Q{#{contents}#{child_html}}\nend\n\ndef tutorial_item(path)\n path = \"\" if path == :root\n @items.detect do |i|\n i.identifier == \"/help/tutorials/#{path}\"\n end\nend\n\ndef documentation_item(path)\n path = \"\" if path == :root\n @items.detect do |i|\n i.identifier == \"/help/documentation/#{path}\"\n end\nend\n\n\ndef compass_version\n v = Compass.version\n \"#{v[:major]}.#{v[:minor]}#{\".\"+v[:state] if v[:state]}.#{v[:build] || v[:patch]}\"\nend\n\ndef long_compass_version\n require 'compass/commands'\n Compass::Commands::PrintVersion.long_output_string\nend\n\n\ndef sprite_tutorial_links(index=false)\n string = <<-ERB\n<% unless index %>\n * [Sprite Tutorial Index](/help/tutorials/spriting/)\n<% end %>\n<% Dir[\"./content/help/tutorials/spriting/**/*.markdown\"].sort.each do |file| %>\n * [<%= File.basename(file, '.markdown').gsub('-', ' ').titleize %>](/help/tutorials/spriting/<%= File.basename(file, '.markdown') %>)\n<% end %>\n ERB\n ::ERB.new(string).result(binding)\nend\n" }, { "path": "compass-style.org/lib/examples.rb", "content": "def example_haml\n markup_item = @item.children.detect{|child| child.identifier =~ /markup/}\n markup_item.reps.find { |r| r.name == :default }.content_at_snapshot(:raw)\nend\n\ndef example_html\n Haml::Engine.new(example_haml).render\nend\n\ndef example_scss\n markup_item = @item.children.detect{|child| child.identifier =~ /stylesheet/}\n markup_item.reps.find { |r| r.name == :default }.content_at_snapshot(:raw)\nend\n\ndef example_sass\n Sass::Engine.new(example_scss, {:syntax => :scss}).to_tree.to_sass\nend\n\ndef example_css\n Sass::Engine.new(example_sass, Compass.sass_engine_options.merge(:line_comments => false)).render\nend" }, { "path": "compass-style.org/lib/search.rb", "content": "require 'json'\n\nSTOP_WORDS = %w{\n a about above across after afterwards again against all almost\n alone along already also although always am among amongst amoungst\n amount an and another any anyhow anyone anything anyway anywhere\n are around as at back be became because become becomes becoming\n been before beforehand behind being below beside besides between\n beyond bill both bottom but by call can cannot cant co computer con\n could couldnt cry de describe detail do done down due during each\n eg eight either eleven else elsewhere empty enough etc even ever\n every everyone everything everywhere except few fifteen fify fill\n find fire first five for former formerly forty found four from\n front full further get give go had has hasnt have he hence her here\n hereafter hereby herein hereupon hers herself him himself his how\n however hundred i ie if in inc indeed interest into is it its\n itself keep last latter latterly least less ltd made many may me\n meanwhile might mill mine more moreover most mostly move much must\n my myself name namely neither never nevertheless next nine no\n nobody none noone nor not nothing now nowhere of off often on once\n one only onto or other others otherwise our ours ourselves out over\n own part per perhaps please put rather re same see seem seemed\n seeming seems serious several she should show side since sincere\n six sixty so some somehow someone something sometime sometimes\n somewhere still such system take ten than that the their them\n themselves then thence there thereafter thereby therefore therein\n thereupon these they thick thin third this those though three\n through throughout thru thus to together too top toward towards\n twelve twenty two un under until up upon us very via was we well\n were what whatever when whence whenever where whereafter whereas\n whereby wherein whereupon wherever whether which while whither who\n whoever whole whom whose why will with within without would yet you\n your yours yourself yourselves\n} unless defined?(STOP_WORDS)\n\ndef search_terms_for(item)\n if item.identifier =~ /^\\/(reference|tutorials)/\n content = item.rep_named(:default).compiled_content\n doc = Nokogiri::HTML(content)\n full_text = doc.css(\"p, h1, h2, h3, h4, h5, h6\").map{|el| el.inner_text}.join(\" \")\n \"#{item[:title]} #{item[:meta_description]} #{full_text}\".gsub(/[\\W\\s_]+/m,' ').downcase.split(/\\s+/).uniq - STOP_WORDS\n else\n []\n end\nend\n\ndef search_index\n id = 0;\n idx = {\n \"approximate\" => {},\n \"terms\" => {},\n \"items\" => {}\n }\n @items.each do |item|\n search_terms_for(item).each do |term|\n idx[\"terms\"][term] ||= []\n idx[\"terms\"][term] << id\n (0...term.length).each do |c|\n subterm = term[0...c]\n # puts \"Indexing: #{subterm}\"\n idx[\"approximate\"][subterm] ||= []\n unless idx[\"approximate\"][subterm].include?(id)\n idx[\"approximate\"][subterm] << id\n end\n end\n # puts \"Indexed: #{term}\"\n end\n idx[\"items\"][id] = {\n \"url\" => \"#{item.identifier}\",\n \"title\" => item[:title],\n \"crumb\" => item[:crumb]\n }\n id += 1\n end\n idx\nend\n" }, { "path": "compass-style.org/lib/stylesheets/sass_extensions.rb", "content": "require 'sass'\nmodule Sass\n module Tree\n class RuleNode\n attr_accessor :comment unless method_defined? :comment\n def identifier\n @identifier ||= begin\n id = name.gsub(/[^a-zA-Z]+/,\"-\").downcase\n id = id[1..-1] if id[0..0] == \"-\"\n id = id[0..-2] if id[-1..-1] == \"-\"\n id\n end\n end\n def name\n @name ||= rule.map{|part| Sass::Script::Node === part ? \"\\#{#{part.to_sass}}\" : part}.join('')\n end\n end\n class VariableNode < Node\n attr_accessor :name unless method_defined? :name\n attr_accessor :expr unless method_defined? :expr\n attr_accessor :guarded unless method_defined? :guarded\n attr_accessor :comment unless method_defined? :comment\n end\n class DebugNode < Node\n def to_sass\n \"\"\n end\n end\n class MixinNode < Node\n attr_accessor :name unless method_defined? :name\n attr_accessor :args unless method_defined? :args\n end\n class VariableNode < Node\n attr_accessor :comment unless method_defined? :comment\n end\n module HasSignature\n def sass_signature(format = :text)\n \"#{name}#{arglist_to_sass(format)}\"\n end\n\n private\n def arglist_to_sass(format = :text)\n if args && args.any?\n \"(#{args.map{|a| arg_to_sass(a, format)}.join(\", \")})\"\n else\n \"\"\n end\n end\n def arg_to_sass(arg, format = :text)\n name, default_value = arg\n sass_str = \"\"\n if format == :html\n ddv = %Q{ data-default-value=\"#{h(default_value.to_sass)}\"} if default_value\n sass_str = %Q{#{name.to_sass}}\n else\n sass_str = \"#{name.to_sass}\"\n if default_value\n sass_str << \" = \"\n sass_str << default_value.to_sass\n end\n end\n sass_str\n end\n end\n class MixinDefNode < Node\n attr_accessor :name unless method_defined? :name\n attr_accessor :args unless method_defined? :args\n attr_accessor :comment unless method_defined? :comment\n unless included_modules.include?(HasSignature)\n include HasSignature\n alias sass_signature_without_prefix sass_signature\n def sass_signature(mode = :definition, format = :text)\n prefix = case mode\n when :definition\n \"=\"\n when :include\n \"+\"\n end\n \"#{prefix}#{sass_signature_without_prefix(format)}\"\n end\n end\n end\n class FunctionNode < Node\n attr_accessor :name unless method_defined? :name\n attr_accessor :args unless method_defined? :args\n attr_accessor :comment unless method_defined? :comment\n include HasSignature unless included_modules.include?(HasSignature)\n end\n class ImportNode < RootNode\n attr_accessor :imported_filename unless method_defined? :imported_filename\n end\n class CommentNode < Node\n unless defined?(PRE_COMMENT)\n PRE_COMMENT = %r{(^ */*\\**(\\s*\\|)?( |$))}\n end\n unless defined?(POST_COMMENT)\n POST_COMMENT = %r{ *\\*/$}\n end\n def self.clean(docstring)\n docstring.gsub(/@doc off(.*?)@doc on/m, '')\n end\n def docstring\n v = value\n v = v.join(\"\\n\") if v.respond_to?(:join)\n v.gsub(PRE_COMMENT, '').gsub(POST_COMMENT, '')\n end\n def doc\n if value == \"@doc off\"\n false\n elsif value == \"@doc on\"\n true\n end\n end\n end\n end\n module Script\n class Color < Literal\n def to_sass(options = {})\n if options[:format] == :html\n %Q{#{to_s}}\n else\n to_s\n end\n end\n end\n end\nend\n" }, { "path": "compass-style.org/lib/stylesheets.rb", "content": "require 'rdiscount'\n\ndef stylesheets_dir(framework)\n Compass::Frameworks[framework].stylesheets_directory\nend\n\ndef tree_key(item)\n \"tree/\"+[item[:framework], item[:stylesheet]].join(\"/\")\nend\n\ndef tree(item)\n @site.cached(tree_key(item)) do\n file = File.join(stylesheets_dir(item[:framework]), item[:stylesheet])\n contents = File.read(file)\n syntax = item[:stylesheet] =~ /\\.scss$/ ? :scss : :sass\n Sass::Engine.new(contents, :syntax => syntax).send :to_tree\n end\nend\n\ndef imports(item)\n sass_tree = tree(item)\n imports = []\n sass_tree.children.each do |child|\n if child.is_a?(Sass::Tree::ImportNode)\n imports << child.imported_filename\n end\n end\n imports.sort\nend\n\ndef reference_item(options)\n stylesheet = options[:stylesheet]\n path = stylesheet_path(stylesheet)\n if path\n @site.cached(\"reference/item/#{path}\") do\n @items.detect do |i|\n if i.identifier =~ /^\\/reference/ && i[:stylesheet]\n i[:stylesheet] == path\n end\n end\n end\n end\nend\n\ndef departialize(path)\n path.gsub(%r{(\\b|/)_}){|m| m.size > 1 ? \"/\" : \"\"}\nend\n\ndef reference_path(options)\n if item = reference_item(options)\n rep = item.reps.find { |r| r.name == :default }\n rep.path\n end\nend\n\ndef import_paths\n paths = []\n if @item[:stylesheet]\n paths << [File.join(Compass::Frameworks[@item[:framework]].stylesheets_directory,\n File.dirname(@item[:stylesheet])),\n @item[:stylesheet][\"/\"] ? File.dirname(@item[:stylesheet]) : \"\"]\n end\n\n paths += Compass::Frameworks::ALL.inject([]) {|m, f| m << f.stylesheets_directory}.map!{|p|[p, '']}\n paths\nend\n\ndef stylesheet_path(ss)\n possible_names = possible_filenames_for_stylesheet(ss)\n import_paths.each do |import_path|\n possible_names.each do |filename|\n full_path = File.join(import_path.first, filename)\n if File.exist?(full_path)\n return \"#{import_path.last}#{\"/\" if import_path.last && import_path.last.length > 0}#{filename}\"\n end\n end\n end\n nil\nend\n\ndef possible_filenames_for_stylesheet(ss)\n ext = File.extname(ss)\n path = File.dirname(ss)\n path = path == \".\" ? \"\" : \"#{path}/\"\n base = File.basename(ss)[0..-(ext.size+1)]\n extensions = if ext.size > 0\n [ext]\n else\n [\".scss\", \".sass\"]\n end\n basenames = [\"_#{base}\", base]\n filenames = []\n basenames.each do |basename|\n extensions.each do |extension|\n filenames << \"#{path}#{basename}#{extension}\"\n end\n end\n filenames\nend\n\ndef mixins(item)\n sass_tree = tree(item)\n mixins = []\n comment = nil\n sass_tree.children.each do |child|\n if child.is_a?(Sass::Tree::MixinDefNode)\n child.comment = comment && Sass::Tree::CommentNode.clean(comment)\n comment = nil\n mixins << child\n elsif child.is_a?(Sass::Tree::CommentNode)\n comment ||= \"\"\n comment << \"\\n\" unless comment.empty?\n comment << child.docstring\n else\n comment = nil\n end\n end\n mixins.reject{|m| m.comment =~ /@private/}\nend\n\ndef selectors(item)\n sass_tree = tree(item)\n # Visitors::CheckNesting.visit(sass_tree)\n # sass_tree = Visitors::Perform.visit(sass_tree)\n selectors = []\n comment = nil\n sass_tree.children.each do |child|\n case child\n when Sass::Tree::RuleNode\n child.comment = comment && Sass::Tree::CommentNode.clean(comment)\n comment = nil\n selectors << child\n when Sass::Tree::CommentNode\n comment ||= \"\"\n comment << \"\\n\" unless comment.empty?\n comment << child.docstring\n else\n comment = nil\n end\n end\n selectors.reject!{|s| s.comment =~ /@private/}\n # selectors.select!{|s| s.comment.strip.size > 0} # this would cause only documented selectors to be output\n selectors\nend\n\ndef functions(item)\n sass_tree = tree(item)\n functions = []\n comment = nil\n sass_tree.children.each do |child|\n if child.is_a?(Sass::Tree::FunctionNode)\n child.comment = comment && Sass::Tree::CommentNode.clean(comment)\n comment = nil\n functions << child\n elsif child.is_a?(Sass::Tree::CommentNode)\n comment ||= \"\"\n comment << \"\\n\" unless comment.empty?\n comment << child.docstring\n else\n comment = nil\n end\n end\n functions.reject{|m| m.comment =~ /@private/}\nend\n\ndef constants(item)\n sass_tree = tree(item)\n constants = []\n comment = nil\n sass_tree.children.each do |child|\n if child.is_a?(Sass::Tree::VariableNode)\n child.comment = comment && Sass::Tree::CommentNode.clean(comment)\n comment = nil\n child.name.tr!(\"_\",'-')\n constants << child\n elsif child.is_a?(Sass::Tree::CommentNode)\n comment ||= \"\"\n comment << \"\\n\" unless comment.empty?\n comment << child.docstring\n else\n comment = nil\n end\n end\n constants.reject{|c| c.comment =~ /@private/}\nend\n\ndef all_constants\n @items.inject([]) do |variables, item|\n next variables unless item.identifier =~ %r{/reference}\n next variables unless item[:stylesheet]\n variables += constants(item).map{|v| [item, v] }\n end\nend\n\ndef all_mixins\n @items.inject([]) do |all_mixins, item|\n next all_mixins unless item.identifier =~ %r{/reference}\n next all_mixins unless item[:stylesheet]\n all_mixins += mixins(item).map{|m| [item, m] }\n end\nend\n\ndef all_functions\n @items.inject([]) do |all_functions, item|\n next all_functions unless item.identifier =~ %r{/reference}\n next all_functions unless item[:stylesheet]\n all_functions += functions(item).map{|f| [item, f] }\n end\nend\n\n# Sass Only Functions from 3.1.10 (Brainy Betty)\n# Not as elegant, but does the trick.\ndef sass_functions\n [:rgb, :rgba, :hsl, :hsla, :red, :green, :blue, :hue, :saturation, :lightness, :alpha, :opacity, :opacify, :fade_in, :transparentize, :fade_out, :lighten, :darken, :saturate, :desaturate, :adjust_hue, :adjust_color, :scale_color, :change_color, :mix, :grayscale, :complement, :invert, :unquote, :quote, :type_of, :unit, :unitless, :comparable, :percentage, :round, :ceil, :floor, :abs, :length, :nth, :join, :append, :zip, :index, :if]\nend\n\ndef example_items\n @site.cached(\"examples\") do\n @items.select do |i|\n i.identifier =~ /^\\/examples/ && i[:example]\n end\n end\nend\n\ndef item_for_function_name(function_name)\n @items.detect do |item|\n (item.identifier =~ %r{helpers}) && item[:documented_functions] && item[:documented_functions].include?(function_name)\n end\nend\n\ndef examples_for_item(item)\n @site.cached(\"examples/#{item.identifier}\") do\n example_items.select do |i|\n i[:framework] == item[:framework] &&\n i[:stylesheet] == item[:stylesheet]\n end\n end\nend\n\ndef examples(item, mixin = nil)\n examples = examples_for_item(item)\n if mixin\n examples = examples.select {|i| i[:mixin] == mixin.name }\n else\n examples = examples.reject {|i| i[:mixin] }\n end\n examples.map{|i| i.reps.find{|r| r.name == :default}}\nend\n\ndef format_doc(docstring)\n if docstring\n RDiscount.new(docstring).to_html\n end\nend\n\n" }, { "path": "compass-style.org/tasks/generators.thor", "content": "require 'bundler'\nBundler.setup\n\nrequire 'fileutils'\nrequire 'compass'\n\nCOMPASS_DIR = File.expand_path(File.join(File.dirname(__FILE__), \"../..\"))\n\nclass Generate < Thor\n desc \"example path/to/module\", \"Generate a new example.\"\n\n method_option :title, :type => :string, :aliases => \"-t\", :desc => %(Title of the example.)\n method_option :description, :type => :string, :aliases => \"-d\", :desc => %(Description of the example, which is shown below the link.)\n method_option :mixin, :type => :string, :aliases => \"-m\", :desc => %(Name of the specific mixin in the module if the example isn't about the whole module.)\n\n def example(module_path)\n module_path = module_path.dup\n module_path = \"compass/#{module_path.chomp(\"/\")}\"\n\n options = @options.merge(:stylesheet => stylesheet_path(module_path))\n\n title = options[:title] || (options[:mixin] && titleize(options[:mixin])) || titleize(File.basename(module_path))\n\n directory = \"examples/#{module_path}\"\n puts \"Generating /#{directory}/\"\n puts \"DIRECTORY content/#{directory}/\"\n FileUtils.mkdir_p(\"content/#{directory}/\")\n\n file_name = \"content/examples/#{module_path}.haml\"\n puts \" CREATE #{file_name}\"\n open(file_name, \"w\") do |example_file|\n mixin = \"mixin: #{options[:mixin]}\\n\" if options[:mixin]\n example_contents = <<-EXAMPLE\n | ---\n | title: #{title}\n | description: #{options[:description] || \"How to use #{title}\"}\n | framework: compass\n | stylesheet: #{options[:stylesheet]}\n | #{mixin}example: true\n | ---\n | - render \"partials/example\" do\n | %p Lorem ipsum dolor sit amet.\n EXAMPLE\n example_file.puts example_contents.gsub(/^ +\\| /, '')\n end\n\n file_name = \"content/examples/#{module_path}/markup.haml\"\n puts \" CREATE #{file_name}\"\n open(file_name, \"w\") do |example_file|\n example_contents = <<-EXAMPLE\n | .example\n | .title #{title}\n | %p This file gets included into the example.\n | %p And the source is shown to the user as HTML and as Haml.\n EXAMPLE\n example_file.puts example_contents.gsub(/^ +\\| /, '')\n end\n\n file_name = \"content/examples/#{module_path}/stylesheet.scss\"\n puts \" CREATE #{file_name}\"\n open(file_name, \"w\") do |example_file|\n example_contents = <<-EXAMPLE\n | @import \"#{module_path}\";\n | \n | // This file is used to style the example markup.\n | // And the source is shown to the user as SCSS, Sass and as CSS.\n | \n | .example {\n | .title {\n | font-size: 36px;\n | margin-bottom: 30px;\n | color: #333;\n | border: none;\n | }\n | \n | p { color: #666; }\n | }\n EXAMPLE\n example_file.puts example_contents.gsub(/^ +\\| /, '')\n end\n end\n\n desc \"reference path/to/module\", \"Generate a reference page for the given module.\"\n\n method_option :title, :type => :string, :aliases => \"-t\", :desc => %(Title of the reference.)\n\n def reference(module_path)\n module_path = module_path.dup\n module_path = \"compass/#{module_path.chomp(\"/\")}\"\n\n options = @options.merge(:stylesheet => stylesheet_path(module_path))\n\n title = options[:title] || titleize(File.basename(module_path))\n\n directory = \"reference/#{module_path}\"\n puts \"Generating /#{directory}/\"\n puts \"DIRECTORY content/#{directory}/\"\n FileUtils.mkdir_p \"content/#{directory}\"\n\n file_name = \"content/reference/#{module_path}.haml\"\n puts \" CREATE #{file_name}\"\n open(file_name, \"w\") do |reference_file|\n contents = <<-REFERENCE\n | ---\n | title: Compass #{title}\n | crumb: #{title}\n | framework: compass\n | stylesheet: #{options[:stylesheet]}\n | layout: core\n | classnames:\n | - reference\n | - core\n | ---\n | - render \"reference\" do\n | %p Lorem ipsum dolor sit amet.\n REFERENCE\n reference_file.puts contents.gsub(/^ +\\| /, '')\n end\n end\n\n private\n def titleize(string)\n string.split('-').map(&:capitalize).join(' ')\n end\n\n def stylesheet_path(module_path)\n array = module_path.split(\"/\")\n stylesheet_name = array.pop\n prefix = array.join(\"/\")\n\n stylesheet = Dir[\"../frameworks/compass/stylesheets/#{prefix}/_#{stylesheet_name}.{scss,sass}\"].first\n raise \"no stylesheet found for module #{module_path}\" if stylesheet.nil?\n stylesheet = File.expand_path(stylesheet)\n\n \"#{prefix}/#{File.basename(stylesheet)}\"\n end\nend\n" }, { "path": "core/.gitignore", "content": "pkg/\n.bundle/\nGemfile.lock\n" }, { "path": "core/Gemfile", "content": "source 'https://rubygems.org'\n\n# Specify your gem's dependencies in compass-core.gemspec\ngemspec\n\ngem 'pry'\ngem 'diff-lcs', '~> 1.1.2'\ngem 'true', \"~> 0.2.3\"\ngem 'timecop', \"~> 0.5.9.2\"\ngem 'test-unit', '~> 3.0.9'\n" }, { "path": "core/LICENSE.txt", "content": "Copyright (c) 2013 Chris Eppstein\n\nMIT License\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n" }, { "path": "core/README.md", "content": "# Compass Core Library\n\nThis compass core library delivers the necessary stylesheets and sass\nextensions in order to embed compass into any framework including using\ncompass with the Sass compiler.\n\n## Installation\n\n### With the Compass Command line framework\n\n[Install Compass](. This code will be installed automatically for you.\n\n### Vanilla Sass\n\nAdd `-r compass-core` to the Sass command line.\n\n### Ruby Projects\n\nAdd this line to your application's Gemfile:\n\n gem 'compass-core'\n\nAnd then execute:\n\n $ bundle\n\nOr install it yourself as:\n\n $ gem install compass-core\n\n## Usage\n\nTODO: Write usage instructions here\n\n## Contributing\n\n1. Fork it\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n" }, { "path": "core/Rakefile", "content": "sh \"git checkout lib/compass/core/generated_version.rb\"\nrequire 'rake/testtask'\nrequire 'rubygems/package_task'\nrequire 'bundler/setup'\n\nnamespace :test do\n Rake::TestTask.new(:integrations) do |t|\n t.libs << \"test/integrations\"\n t.libs << \"lib\"\n t.test_files = FileList['test/integrations/**/*_test.rb']\n t.verbose = true\n end\n Rake::TestTask.new(:units) do |t|\n t.libs << \"test/units\"\n t.libs << \"lib\"\n t.test_files = FileList['test/units/**/*_test.rb']\n t.verbose = true\n end\nend\n\ndesc \"Download the latest browser stats data.\"\ntask :caniuse do\n require 'uri'\n require 'net/http'\n require 'net/https'\n uri = URI.parse(\"https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json\")\n https = Net::HTTP.new(uri.host,uri.port)\n https.use_ssl = true\n req = Net::HTTP::Get.new(uri.path)\n res = https.request(req)\n filename = File.join(File.dirname(__FILE__), \"data\", \"caniuse.json\")\n open(filename, \"wb\") do |file|\n file.write(res.body)\n end\n puts \"#{filename} (#{res.body.size} bytes)\"\nend\n\n\ndesc \"Run all tests\"\ntask :test => [\"test:integrations\", \"test:units\"]\n\ntask :default => :test\n\nspec = eval(File.read(FileList['compass-core.gemspec'].first), binding, \"compass-core.gemspec\")\nspec.files << \"lib/compass/core/generated_version.rb\"\nspec.files.delete(\"VERSION\")\n\ndef spec.bump!\n segments = version.to_s.split(\".\")\n segments[-1] = segments.last.succ\n self.version = Gem::Version.new(segments.join(\".\"))\nend\n\n# Set SAME_VERSION when moving to a new major version and you want to specify the new version\n# explicitly instead of bumping the current version.\n# E.g. rake build SAME_VERSION=true\nspec.bump! unless ENV[\"SAME_VERSION\"]\n\ndesc \"Run tests and build compass-core-#{spec.version}.gem\"\ntask :build => [:test, :gem]\n\ntask :gem => :release_version\n\ntask \"lib/compass/core/generated_version.rb\" do\n open(\"lib/compass/core/generated_version.rb\", \"w\") do |f|\n f.write(< \"lib/compass/core/generated_version.rb\"\n\ndesc \"Make the prebuilt gem compass-core-#{spec.version}.gem public.\"\ntask :publish => [:record_version, :push_gem, :tag]\n\ndesc \"Build & Publish version #{spec.version}\" \ntask :release => [:build, :publish]\n\nGem::PackageTask.new(spec) do |pkg|\n pkg.need_zip = true\n pkg.need_tar = true\nend\n\ndesc \"Record the new version in version control for posterity\"\ntask :record_version do\n unless ENV[\"SAME_VERSION\"]\n open(FileList[\"VERSION\"].first, \"w\") do |f|\n f.write(spec.version.to_s)\n end\n sh \"git add VERSION\"\n sh \"git checkout lib/compass/core/generated_version.rb\"\n sh %Q{git commit -m \"Bump version to #{spec.version}.\"}\n end\nend\n\ndesc \"Tag the repo as #{spec.version} and push the code and tag.\"\ntask :tag do\n sh \"git tag -a -m 'Core Version #{spec.version}' core-#{spec.version}\"\n sh \"git push --tags origin #{`git rev-parse --abbrev-ref HEAD`}\"\nend\n\ndesc \"Push compass-core-#{spec.version}.gem to the rubygems server\"\ntask :push_gem do\n sh \"gem push pkg/compass-core-#{spec.version}.gem\"\nend\n\n" }, { "path": "core/VERSION", "content": "1.0.2" }, { "path": "core/compass-core.gemspec", "content": "# coding: utf-8\nlib = File.expand_path('lib', File.dirname(__FILE__))\n$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)\nrequire 'compass/core/version'\n\nGem::Specification.new do |spec|\n spec.name = \"compass-core\"\n spec.version = Compass::Core::VERSION\n spec.authors = [\"Chris Eppstein\", \"Scott Davis\", \"Eric M. Suzanne\", \"Brandon Mathis\"]\n spec.email = [\"chris@eppsteins.net\"]\n spec.description = %q{The Compass core stylesheet library and minimum required ruby extensions. This library can be used stand-alone without the compass ruby configuration file or compass command line tools.}\n spec.summary = %q{The Compass core stylesheet library}\n spec.homepage = \"http://compass-style.org/reference/compass/\"\n spec.license = \"MIT\"\n\n spec.files = `git ls-files`.split($/).select {|f| File.exist?(f) && f =~ %r{^(data|lib|stylesheets|templates)/} }\n spec.files += %w(\n VERSION\n LICENSE.txt\n )\n spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }\n spec.require_paths = [\"lib\"]\n\n spec.add_dependency \"sass\", \">= 3.3.0\", \"< 3.5\"\n spec.add_dependency 'multi_json', '~> 1.0'\n spec.add_development_dependency \"bundler\"\n spec.add_development_dependency \"rake\"\nend\n" }, { "path": "core/data/caniuse.json", "content": "{\"eras\":{\"e-32\":\"32 versions back\",\"e-31\":\"31 versions back\",\"e-30\":\"30 versions back\",\"e-29\":\"29 versions back\",\"e-28\":\"28 versions back\",\"e-27\":\"27 versions back\",\"e-26\":\"26 versions back\",\"e-25\":\"25 versions back\",\"e-24\":\"24 versions back\",\"e-23\":\"23 versions back\",\"e-22\":\"22 versions back\",\"e-21\":\"21 versions back\",\"e-20\":\"20 versions back\",\"e-19\":\"19 versions back\",\"e-18\":\"18 versions back\",\"e-17\":\"17 versions back\",\"e-16\":\"16 versions back\",\"e-15\":\"15 versions back\",\"e-14\":\"14 versions back\",\"e-13\":\"13 versions back\",\"e-12\":\"12 versions back\",\"e-11\":\"11 versions back\",\"e-10\":\"10 versions back\",\"e-9\":\"9 versions back\",\"e-8\":\"8 versions back\",\"e-7\":\"7 versions back\",\"e-6\":\"6 versions back\",\"e-5\":\"5 versions back\",\"e-4\":\"4 versions back\",\"e-3\":\"3 versions back\",\"e-2\":\"2 versions back\",\"e-1\":\"Previous version\",\"e0\":\"Current\",\"e1\":\"Near future\",\"e2\":\"Farther future\",\"e3\":\"3 versions ahead\"},\"agents\":{\"ie\":{\"browser\":\"IE\",\"abbr\":\"IE\",\"prefix\":\"ms\",\"type\":\"desktop\",\"usage_global\":{\"5.5\":0.009298,\"6\":0.278852,\"7\":0.135658,\"8\":4.46163,\"9\":2.6001,\"10\":2.63025,\"11\":7.18231},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"5.5\",\"6\",\"7\",\"8\",\"9\",\"10\",\"11\",null,null,null]},\"firefox\":{\"browser\":\"Firefox\",\"abbr\":\"FF\",\"prefix\":\"moz\",\"type\":\"desktop\",\"usage_global\":{\"2\":0.007153,\"3\":0.078683,\"3.5\":0.021459,\"3.6\":0.14306,\"4\":0.035765,\"5\":0.021459,\"6\":0.035765,\"7\":0.021459,\"8\":0.050071,\"9\":0.028612,\"10\":0.064377,\"11\":0.057224,\"12\":0.128754,\"13\":0.050071,\"14\":0.050071,\"15\":0.064377,\"16\":0.100142,\"17\":0.078683,\"18\":0.050071,\"19\":0.057224,\"20\":0.07153,\"21\":0.264661,\"22\":0.092989,\"23\":0.078683,\"24\":0.200284,\"25\":0.092989,\"26\":0.171672,\"27\":0.185978,\"28\":0.307579,\"29\":6.53784,\"30\":4.68521,\"31\":0.193131,\"32\":0.014306,\"33\":0.007153,\"34\":0},\"versions\":[null,\"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\"]},\"chrome\":{\"browser\":\"Chrome\",\"abbr\":\"Chr.\",\"prefix\":\"webkit\",\"type\":\"desktop\",\"usage_global\":{\"4\":0.021459,\"5\":0.014306,\"6\":0.021459,\"7\":0.014306,\"8\":0.014306,\"9\":0.014306,\"10\":0.028612,\"11\":0.114448,\"12\":0.042918,\"13\":0.035765,\"14\":0.028612,\"15\":0.035765,\"16\":0.028612,\"17\":0.021459,\"18\":0.057224,\"19\":0.014306,\"20\":0.028612,\"21\":0.393415,\"22\":0.121601,\"23\":0.050071,\"24\":0.050071,\"25\":0.057224,\"26\":0.221743,\"27\":0.536475,\"28\":0.128754,\"29\":0.300426,\"30\":0.193131,\"31\":0.593699,\"32\":0.472098,\"33\":0.844054,\"34\":1.33761,\"35\":28.3903,\"36\":0.114448,\"37\":0.150213,\"38\":0,\"39\":0},\"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\"]},\"safari\":{\"browser\":\"Safari\",\"abbr\":\"Saf.\",\"prefix\":\"webkit\",\"type\":\"desktop\",\"usage_global\":{\"3.1\":0,\"3.2\":0.008692,\"4\":0.107295,\"5\":0.193131,\"5.1\":0.672382,\"6\":0.329038,\"6.1\":0.57224,\"7\":1.63804,\"8\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"3.1\",\"3.2\",\"4\",\"5\",\"5.1\",\"6\",\"6.1\",\"7\",\"8\",null,null]},\"opera\":{\"browser\":\"Opera\",\"abbr\":\"Op.\",\"prefix\":\"webkit\",\"type\":\"desktop\",\"usage_global\":{\"9.5-9.6\":0.007153,\"10.0-10.1\":0.014306,\"10.5\":0.008392,\"10.6\":0.007296,\"11\":0.014996,\"11.1\":0.008219,\"11.5\":0.007296,\"11.6\":0.014306,\"12\":0.021459,\"12.1\":0.321885,\"15\":0.007153,\"16\":0.007153,\"17\":0.007153,\"18\":0.021459,\"19\":0.014306,\"20\":0.064377,\"21\":0.107295,\"22\":0.364803,\"23\":0.007153,\"24\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"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\",null],\"prefix_exceptions\":{\"9.5-9.6\":\"o\",\"10.0-10.1\":\"o\",\"10.5\":\"o\",\"10.6\":\"o\",\"11\":\"o\",\"11.1\":\"o\",\"11.5\":\"o\",\"11.6\":\"o\",\"12\":\"o\",\"12.1\":\"o\"}},\"ios_saf\":{\"browser\":\"iOS Safari\",\"abbr\":\"iOS\",\"prefix\":\"webkit\",\"type\":\"mobile\",\"usage_global\":{\"3.2\":0,\"4.0-4.1\":0.00666865,\"4.2-4.3\":0.0400119,\"5.0-5.1\":0.186722,\"6.0-6.1\":0.733551,\"7.0-7.1\":5.69503,\"8\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"3.2\",\"4.0-4.1\",\"4.2-4.3\",\"5.0-5.1\",\"6.0-6.1\",\"7.0-7.1\",\"8\",null,null]},\"op_mini\":{\"browser\":\"Opera Mini\",\"abbr\":\"O.Mini\",\"prefix\":\"o\",\"type\":\"mobile\",\"usage_global\":{\"5.0-7.0\":3.19172},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"5.0-7.0\",null,null,null]},\"android\":{\"browser\":\"Android Browser\",\"abbr\":\"And.\",\"prefix\":\"webkit\",\"type\":\"mobile\",\"usage_global\":{\"2.1\":0.0208543,\"2.2\":0.0556116,\"2.3\":1.03577,\"3\":0,\"4\":0.855028,\"4.1\":2.01592,\"4.2-4.3\":2.04373,\"4.4\":0.945397,\"4.4.3\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"2.1\",\"2.2\",\"2.3\",\"3\",\"4\",\"4.1\",\"4.2-4.3\",\"4.4\",\"4.4.3\",null,null]},\"op_mob\":{\"browser\":\"Opera Mobile\",\"abbr\":\"O.Mob\",\"prefix\":\"o\",\"type\":\"mobile\",\"usage_global\":{\"10\":0,\"11.5\":0,\"12\":0.0198698,\"12.1\":0.0596095,\"22\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"10\",null,null,\"11.5\",\"12\",\"12.1\",\"22\",null,null,null],\"prefix_exceptions\":{\"22\":\"webkit\"}},\"bb\":{\"browser\":\"Blackberry Browser\",\"abbr\":\"BB\",\"prefix\":\"webkit\",\"type\":\"mobile\",\"usage_global\":{\"7\":0.110321,\"10\":0},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"7\",\"10\",null,null,null]},\"and_chr\":{\"browser\":\"Chrome for Android\",\"abbr\":\"Chr/And.\",\"prefix\":\"webkit\",\"type\":\"mobile\",\"usage_global\":{\"36\":5.52318},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"36\",null,null,null]},\"and_ff\":{\"browser\":\"Firefox for Android\",\"abbr\":\"FF/And.\",\"prefix\":\"moz\",\"type\":\"mobile\",\"usage_global\":{\"31\":0.119574},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"31\",null,null,null]},\"ie_mob\":{\"browser\":\"IE Mobile\",\"abbr\":\"IE.Mob\",\"prefix\":\"ms\",\"type\":\"mobile\",\"usage_global\":{\"10\":0.408117},\"versions\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,\"10\",null,null,null]}},\"statuses\":{\"rec\":\"Recommendation\",\"pr\":\"Proposed Recommendation\",\"cr\":\"Candidate Recommendation\",\"wd\":\"Working Draft\",\"other\":\"Other\",\"unoff\":\"Unofficial / Note\"},\"cats\":{\"CSS\":[\"CSS\",\"CSS2\",\"CSS3\"],\"HTML5\":[\"Canvas\",\"HTML5\"],\"JS API\":[\"JS API\"],\"Other\":[\"DOM\",\"PNG\",\"Other\"],\"SVG\":[\"SVG\"]},\"updated\":1406691079,\"data\":{\"png-alpha\":{\"title\":\"PNG alpha transparency\",\"description\":\"Semi-transparent areas in PNG files\",\"spec\":\"http://www.w3.org/TR/PNG/\",\"status\":\"rec\",\"links\":[{\"url\":\"http://dillerdesign.com/experiment/DD_belatedPNG/\",\"title\":\"Workaround for IE6\"},{\"url\":\"http://en.wikipedia.org/wiki/Portable_Network_Graphics\",\"title\":\"Wikipedia\"}],\"categories\":[\"PNG\"],\"stats\":{\"ie\":{\"5.5\":\"n\",\"6\":\"p\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\"},\"firefox\":{\"2\":\"y\",\"3\":\"y\",\"3.5\":\"y\",\"3.6\":\"y\",\"4\":\"y\",\"5\":\"y\",\"6\":\"y\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\",\"12\":\"y\",\"13\":\"y\",\"14\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\"},\"chrome\":{\"4\":\"y\",\"5\":\"y\",\"6\":\"y\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\",\"12\":\"y\",\"13\":\"y\",\"14\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\",\"35\":\"y\",\"36\":\"y\",\"37\":\"y\",\"38\":\"y\",\"39\":\"y\"},\"safari\":{\"3.1\":\"y\",\"3.2\":\"y\",\"4\":\"y\",\"5\":\"y\",\"5.1\":\"y\",\"6\":\"y\",\"6.1\":\"y\",\"7\":\"y\",\"8\":\"y\"},\"opera\":{\"9\":\"y\",\"9.5-9.6\":\"y\",\"10.0-10.1\":\"y\",\"10.5\":\"y\",\"10.6\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"11.6\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\"},\"ios_saf\":{\"3.2\":\"y\",\"4.0-4.1\":\"y\",\"4.2-4.3\":\"y\",\"5.0-5.1\":\"y\",\"6.0-6.1\":\"y\",\"7.0-7.1\":\"y\",\"8\":\"y\"},\"op_mini\":{\"5.0-7.0\":\"y\"},\"android\":{\"2.1\":\"y\",\"2.2\":\"y\",\"2.3\":\"y\",\"3\":\"y\",\"4\":\"y\",\"4.1\":\"y\",\"4.2-4.3\":\"y\",\"4.4\":\"y\",\"4.4.3\":\"y\"},\"bb\":{\"7\":\"y\",\"10\":\"y\"},\"op_mob\":{\"10\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"22\":\"y\"},\"and_chr\":{\"36\":\"y\"},\"and_ff\":{\"31\":\"y\"},\"ie_mob\":{\"10\":\"y\"}},\"notes\":\"IE6 does support full transparency in 8-bit PNGs, which can sometimes be an alternative to 24-bit PNGs.\",\"notes_by_num\":{},\"usage_perc_y\":93.17,\"usage_perc_a\":0,\"ucprefix\":false,\"parent\":\"\",\"keywords\":\"\"},\"apng\":{\"title\":\"Animated PNG (APNG)\",\"description\":\"Like animated GIFs, but allowing 24-bit colors and alpha transparency\",\"spec\":\"https://wiki.mozilla.org/APNG_Specification\",\"status\":\"unoff\",\"links\":[{\"url\":\"https://chrome.google.com/webstore/detail/ehkepjiconegkhpodgoaeamnpckdbblp\",\"title\":\"Chrome extension providing support\"},{\"url\":\"https://github.com/davidmz/apng-canvas\",\"title\":\"Polyfill using canvas\"},{\"url\":\"http://en.wikipedia.org/wiki/APNG\",\"title\":\"Wikipedia\"}],\"categories\":[\"PNG\"],\"stats\":{\"ie\":{\"5.5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\"},\"firefox\":{\"2\":\"n\",\"3\":\"y\",\"3.5\":\"y\",\"3.6\":\"y\",\"4\":\"y\",\"5\":\"y\",\"6\":\"y\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\",\"12\":\"y\",\"13\":\"y\",\"14\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\"},\"chrome\":{\"4\":\"n\",\"5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\",\"12\":\"n\",\"13\":\"n\",\"14\":\"n\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"19\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\",\"25\":\"n\",\"26\":\"n\",\"27\":\"n\",\"28\":\"n\",\"29\":\"n\",\"30\":\"n\",\"31\":\"n\",\"32\":\"n\",\"33\":\"n\",\"34\":\"n\",\"35\":\"n\",\"36\":\"n\",\"37\":\"n\",\"38\":\"n\",\"39\":\"n\"},\"safari\":{\"3.1\":\"n\",\"3.2\":\"n\",\"4\":\"n\",\"5\":\"n\",\"5.1\":\"n\",\"6\":\"n\",\"6.1\":\"n\",\"7\":\"n\",\"8\":\"y\"},\"opera\":{\"9\":\"n\",\"9.5-9.6\":\"y\",\"10.0-10.1\":\"y\",\"10.5\":\"y\",\"10.6\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"11.6\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"19\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\"},\"ios_saf\":{\"3.2\":\"n\",\"4.0-4.1\":\"n\",\"4.2-4.3\":\"n\",\"5.0-5.1\":\"n\",\"6.0-6.1\":\"n\",\"7.0-7.1\":\"n\",\"8\":\"y\"},\"op_mini\":{\"5.0-7.0\":\"n\"},\"android\":{\"2.1\":\"n\",\"2.2\":\"n\",\"2.3\":\"n\",\"3\":\"n\",\"4\":\"n\",\"4.1\":\"n\",\"4.2-4.3\":\"n\",\"4.4\":\"n\",\"4.4.3\":\"n\"},\"bb\":{\"7\":\"n\",\"10\":\"n\"},\"op_mob\":{\"10\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"22\":\"n\"},\"and_chr\":{\"36\":\"n\"},\"and_ff\":{\"31\":\"y\"},\"ie_mob\":{\"10\":\"n\"}},\"notes\":\"Where support for APNG is missing, only the first frame is displayed\",\"notes_by_num\":{},\"usage_perc_y\":14.67,\"usage_perc_a\":0,\"ucprefix\":false,\"parent\":\"\",\"keywords\":\"\"},\"video\":{\"title\":\"Video element\",\"description\":\"Method of playing videos on webpages (without requiring a plug-in)\",\"spec\":\"http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#video\",\"status\":\"wd\",\"links\":[{\"url\":\"http://camendesign.co.uk/code/video_for_everybody\",\"title\":\"Video for Everybody\"},{\"url\":\"http://webmproject.org\",\"title\":\"WebM format information\"},{\"url\":\"https://raw.github.com/phiggins42/has.js/master/detect/video.js#video\",\"title\":\"has.js test\"},{\"url\":\"http://docs.webplatform.org/wiki/html/elements/video\",\"title\":\"WebPlatform Docs\"},{\"url\":\"http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/\",\"title\":\"Detailed article on video/audio elements\"},{\"url\":\"http://diveinto.org/html5/video.html\",\"title\":\"Video on the Web - includes info on Android support\"}],\"categories\":[\"HTML5\"],\"stats\":{\"ie\":{\"5.5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\"},\"firefox\":{\"2\":\"n\",\"3\":\"n\",\"3.5\":\"y\",\"3.6\":\"y\",\"4\":\"y\",\"5\":\"y\",\"6\":\"y\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\",\"12\":\"y\",\"13\":\"y\",\"14\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\"},\"chrome\":{\"4\":\"y\",\"5\":\"y\",\"6\":\"y\",\"7\":\"y\",\"8\":\"y\",\"9\":\"y\",\"10\":\"y\",\"11\":\"y\",\"12\":\"y\",\"13\":\"y\",\"14\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\",\"25\":\"y\",\"26\":\"y\",\"27\":\"y\",\"28\":\"y\",\"29\":\"y\",\"30\":\"y\",\"31\":\"y\",\"32\":\"y\",\"33\":\"y\",\"34\":\"y\",\"35\":\"y\",\"36\":\"y\",\"37\":\"y\",\"38\":\"y\",\"39\":\"y\"},\"safari\":{\"3.1\":\"n\",\"3.2\":\"n\",\"4\":\"y\",\"5\":\"y\",\"5.1\":\"y\",\"6\":\"y\",\"6.1\":\"y\",\"7\":\"y\",\"8\":\"y\"},\"opera\":{\"9\":\"n\",\"9.5-9.6\":\"n\",\"10.0-10.1\":\"n\",\"10.5\":\"y\",\"10.6\":\"y\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"11.6\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"15\":\"y\",\"16\":\"y\",\"17\":\"y\",\"18\":\"y\",\"19\":\"y\",\"20\":\"y\",\"21\":\"y\",\"22\":\"y\",\"23\":\"y\",\"24\":\"y\"},\"ios_saf\":{\"3.2\":\"y\",\"4.0-4.1\":\"y\",\"4.2-4.3\":\"y\",\"5.0-5.1\":\"y\",\"6.0-6.1\":\"y\",\"7.0-7.1\":\"y\",\"8\":\"y\"},\"op_mini\":{\"5.0-7.0\":\"n\"},\"android\":{\"2.1\":\"a\",\"2.2\":\"a\",\"2.3\":\"y\",\"3\":\"y\",\"4\":\"y\",\"4.1\":\"y\",\"4.2-4.3\":\"y\",\"4.4\":\"y\",\"4.4.3\":\"y\"},\"bb\":{\"7\":\"y\",\"10\":\"y\"},\"op_mob\":{\"10\":\"n\",\"11\":\"y\",\"11.1\":\"y\",\"11.5\":\"y\",\"12\":\"y\",\"12.1\":\"y\",\"22\":\"y\"},\"and_chr\":{\"36\":\"y\"},\"and_ff\":{\"31\":\"y\"},\"ie_mob\":{\"10\":\"y\"}},\"notes\":\"Different browsers have support for different video formats, see sub-features for details. \\r\\n\\r\\nThe Android browser (before 2.3) requires [specific handling](http://www.broken-links.com/2010/07/08/making-html5-video-work-on-android-phones/) to run the video element.\",\"notes_by_num\":{},\"usage_perc_y\":85.18,\"usage_perc_a\":0.08,\"ucprefix\":false,\"parent\":\"\",\"keywords\":\"