Fetching contributors…
Cannot retrieve contributors at this time
732 lines (550 sloc) 33.3 KB


0.10.0.pre2 (November 30, 2009)

Bug fixes:

  • The line-height in the compass reset should have been 1 and not 1em.
  • Fixed the reference in the rails initializer to the compass configuration file.
  • Use the correct error formatting function based on what sass version is installed.
  • Boolean properties like line_comments can now be set to false in configuration files

0.10.0.pre1 (November 29, 2009)

Deprecated in this release:

  • The usless blueprint "modules" folder will be removed. Please update your blueprint imports by removing the modules folder. Deprecation warnings will be emitted if you use the old imports.
  • Blueprint mixins that used to accept a "body selector" argument, are now deprecated, instead you should pass true to them and mix them into the selector of your choice.
  • If you are using the +opacity or +inline-block mixins, you may need to update your imports.
  • In your configuration file, setting http_images_path to :relative is deprecated in favor of setting relative_assets to true
  • The YUI framework has been extracted to a plugin. If you use it, please follow the installation instructions


  • The compass command-line tool has been re-written to allow be easier to use and be more flexible. The old command line is still supported at this time. "compass help" will get you started on using the new command line syntax.
  • Allow specification of a height for the grid image
  • For the truly hardcore compass users, you may now create a compass project using "compass create my_project --bare" and you'll have a completely bare project created for you with no sass files provided for you.
  • Get stats on your compass project with "compass stats". You'll need to install the "css_parser" ruby gem to get stats on your css files.


  • The entire configuration infrastructure has been re-written to make it easier to support the various sources of configuration data (project type, config file, command line, and hard coded defaults)
  • Whether to generate relative links to assets is now controlled by a separate boolean configuration flag called relative_assets in the configuration file and --relative-assets on the command line. Setting http_images_path to :relative is deprecated.
  • You may now configure the http locations for your project by simply setting http_path for the top level path of the project. You may also set http_images_dir, http_stylesheets_dir, and http_javascripts_dir relative to the http_path instead of setting the absolute http_XXX_path counterparts.
  • You may now configure the fonts directory for your project (fonts_dir). By default, for standalone projects, it is the "fonts" subdirectory of your css directory. Rails projects will default to "public/fonts".

Compass Core:

  • A new helper function stylesheet_url(path) can now be used to refer to assets that are relative to the css directory.
  • Compass sprite mixins are now more flexible and feature rich.
  • Fixed the append_selector function to allow comma-delimited selectors for both arguments instead of just the first
  • There is no longer any outline on unstyled links in the :active and :focused states.
  • IE6 bug fixes for sticky-footer
  • New CSS3 Compatibility Mixins. You can import them all with @import compass/css3.sass
    • +opacity(amount) where amount should be between 0 and 1, where 0 is transparent and 1 is opaque.
    • +opaque and +transparent mixins for convenience. Built on top of the opacity mixin.
    • +border-radius(amount) as well as the following convenience mixins:
      • +border-top-left-radius(amount)
      • +border-top-right-radius(amount)
      • +border-top-right-radius(amount),
      • +border-bottom-left-radius(amount)
      • +border-bottom-right-radius(amount)
      • +border-top-radius(amount)
      • +border-right-radius(amount)
      • +border-left-radius(amount)
      • +border-bottom-radius(amount)
    • +box-shadow(!horiz_offset, !vert_offset, !blur, !color)
    • +box-sizing(!sizing_mode)
    • Column support via the following mixins:
      • +column-count
      • +column-gap
      • +column-width
      • +column-rule-width
      • +column-rule-style
      • +column-rule-color
      • +column-rule
    • +background-clip(clip) where clip can be padding-box or border-box
    • +background-origin(origin) where origin can be padding-box, border-box, or content-box
    • +background-size(size) where size is a width and height. E.g. "50% 75%"
    • +font-face should be mixed into the top level of your document. Usage Example: +font-face("this name", font-files("this.woff", "woff", "this.otf", "opentype"), "fonts/this.eot", "thisname")
    • Simple Background Gradient Support:
      • +gradient - Generic background gradient mixin
      • +radial-gradient - Radial gradient mixin
      • +linear-gradient - Linear gradient mixin
      • +h-gradient - Horizontal linear gradient mixin
      • +v-gradient - Vertical linear gradient mixin
    • +text-shadow - Create a text shadow effect.
    • Transforms Support:
      • +transform
      • +scale
      • +rotate
      • +translate
      • +skew
    • Transition Support:
      • +transition-property
      • +transition-duration
      • +transition-timing-function
      • +transition-delay
      • +transition
    • The import for +inline-block has moved from compass/utilities/general/inline_block to compass/css3/inline_block
    • The import for +opacity has moved from compass/utilities/general/opacity to compass/css3/opacity
    • Note: If you are using the +opacity or +inline-block mixins, you may need to update your imports.


  • Make the primary blueprint mixins easier to use by allowing them to be nested when passing true as the first argument. The old approach of passing a selector as the first argument is now deprecated in favor of a simple flag to indicate nesting or not.


  • YUI was upgraded to 2.7.0
  • Yahoo has deprecated the YUI CSS framework, as such YUI has been extracted to a plugin. If you use it, please install it with: sudo gem install compass-yui


  • Extensions can now be installed locally by unpacking them into a project's "extensions" directory. Rails projects use "vendor/plugins/compass/extenstions".
  • Extensions can deliver html to projects if they like. The html can be in haml and will be transformed to html and can contain inline, compass-enabled sass.
  • All files can be processed using ERB before being copied into the user's project.
  • Compass extensions can now add support for other application frameworks. These extensions can help compass understand the project structure of that framework as well as provide runtime integration for ruby-based apps. Contact me if you plan to do this -- the first couple times may be a little rough.
  • Compass extensions can now add new command line commands. Contact me if you plan to do this -- the first couple times may be a little rough.
  • Extensions can now provide help documentation just after a project is created and on demand when the user uses the command line help system. This can be done via the manifest file or by adding a USAGE.markdown file at the top level of the framework template.


  • The compass configuration object is no longer a singleton, this makes it possible for other ruby software to manage multiple compass projects at a time.
  • Compass no longer requires rubygems in order to work, this is a ruby best-practice.
  • All sass provided by compass now uses css-style property syntax.
  • The command line tool is now tested using the cucumber testing framework.

Many thanks to the following Contributors:

  • Brandon Mathis - CSS3 (+opacity, +border-radius) and sprites
  • Eric Meyer - CSS3 (+box-shadow, +columns, +box-sizing)
  • Jacques Crocker - Merb Compatibility fixes
  • Gabriel Mansour - Fixes to +unstyled-link
  • John Debs - IE6 Fixes for +sticky-footer
  • Brian Johnson - Upgraded to YUI 2.7.0
  • Beau Smith - fixing my dyslexia.

0.8.17 (September 24, 2009)

  • The enumerate function now accepts an optional fourth parameter that specifies the separator to be used. Enables fixing a bug in the Compass 960 Plugin.

0.8.16 (September 12, 2009)

  • Fixed a bug in compass that assumed compass extensions would provide stylesheets.

0.8.15 (September 5, 2009)

  • Upgrade the FSSM library to 0.0.6 to fix bugs on windows.

0.8.14 (September 2, 2009)

  • Upgrade the FSSM library to 0.0.4 to fix bugs and enable FS Events on Mac OS.

0.8.13 (August 30, 2009)

  • [Blueprint] Mixins have been added for these as +prepend-top and +append-bottom and grid classes will be generated by +blueprint-grid.
  • [Command Line] The watch mode has been re-implemented to use the FSSM library by Travis Tilley. OSX users will now have support for filesystem monitoring. Fixes an infinite looping bug that occured with syntax users.

0.8.12 (August 22, 2009)

Bug Fix Release:

  • [Compass Core] Bug fix to sprites: fixed width and height assignments for x and y position variables
  • Ruby 1.9.1 fix: binding for parse_string
  • [Rails] Don't suggest creating a stylesheet link to partials.

0.8.10 (August 16, 2009)

Bug Fix Release:

  • Write files in binary mode to avoid data corruption when installing images on windows. Fixes Issue #39

0.8.9 (August 9, 2009)

Bug Fix Release:

  • [Blueprint] The default screen.sass generated invalid selectors due to improper nesting. A better fix is coming in the next release.

0.8.8 (July 21, 2009)

Bug Fix Release:

  • [Compass Core] Fixed a bug in alternating_rows_and_columns. Improper nesting caused some styles to be improperly rendered. Commit
  • [YUI] Fixed a bug in yui grids where the .first div wouldn't get the right styles in some rare cases due to incorrect nesting. Commit

0.8.7 (July 09, 2009)

Bug Fix Release:

  • Load haml-edge only if it's all new and shiny. Closes GH-26. Commit
  • [Blueprint] Added more descriptive comments to the Blueprint IE template. Commit
  • [Rails] Fixed a bug in rails integration if the request is not set on the controller. Commit
  • [Blueprint] Fixed a bug in the calculations for the +colborder mixin. Closes GH-25. Commit

0.8.6 (July 08, 2009)


  • The rails installer now correctly references the haml 2.2 dependency. Commit by Filip Tepper.
  • When installing into a new rails project, set the http paths correctly for stylesheets and javascripts in the configuration file. Commit
  • Fixed a bug in asset hosts support when compiling outside the context of a controller. Commit

Command Line

  • Fixed a bug that caused the output after installing to not display the conditional comments. Commit

Compass Core

  • Fixed a copy & paste error in image_url() that caused the http_images_path to not get picked up unless the http_stylesheets_path was also set. Commit

0.8.5 (July 06, 2009)

The Compass::TestCase class now inherits from ActiveSupport::TestCase if it exists. Commit

0.8.4 (July 06, 2009)

Fixed a bug in rails integration introduced in 0.8.3.

0.8.3 (July 06, 2009)

Note: Compass now depends on the stable release of haml with version 2.2.0 or greater.

Compass Core

  • A new helper function stylesheet_url(path) can now be used to refer to assets that are relative to the css directory. Commit.
  • Cross browser ellipsis mixin is now available. Use compass -p ellipsis to install it into your project since it requires some additional assets. Commit.



  • A bug was fixed related to how javascript installation as part of an extension manifest. Commit by dturnbull.
  • When installing a file, the :like option can now be set to have it installed into the same location as what it is like. E.g. file 'foo.xml', :like => :css will install the foo.xml file into the top level of the project's css directory. Commit.


  • Setting http_images_path to :relative is now deprecated. Instead, please set relative_assets to true. Commit.
  • New configuration option http_path can be used to set the project's path relative to the server's root. Defaults to "/". The http paths to images, stylesheets, and javascripts are now assumed to be relative to that path but can be overridden using the http_images_path, http_css_path, http_javascripts_path. Commit.

Command Line

  • A new command line option --relative-assets can be used to cause links to assets generated via compass helper functions to be relative to the target css file. Commit.

0.8.2 (July 04, 2009)

Fixed a bug that caused touch to fail on windows due to open files. (Contributor: Joe Wasson)


Fixed some build issues and a bug in the rewritten --watch mode that caused changes to partials to go unnoticed.



  • image_url() now integrates with the rails asset handling code when stylesheets are generated within the rails container. This causes your rails configuration for cache busting and asset hosts to be used when generating your stylesheets. Unfortunately, all that code runs within the context of a controller, so the stylesheets have to be generated during first request to use this functionality. If you need to compile stylesheets offline, use the compass configuration file to set the asset_host and asset_cache_buster. Commit.

  • An official Rails template for Compass is now provided. Commit by Derek Perez.


  • The Blueprint port has been upgraded to match Blueprint 0.9. The following changes were made as part of that project:

    • Removed body margins from blueprint scaffolding by default. The old body styles can be reinstated by mixing +blueprint-scaffolding-body into your body selector(s). Commit by Enrico Bianco.
    • A bug in the calculations affecting the +colborder mixin has been fixed. Commit by Enrico Bianco. Related commit.
    • Blueprint now has inline form support. Mix +blueprint-inline-form into a form selector to make it inline. Commit by Enrico Bianco.
    • Please update the conditional comment that surrounds your IE stylesheet to use "lt IE 8" as the condition as these styles are not needed in IE8. New blueprint projects will now use this conditional as their default. Commit by Enrico Bianco.
    • Explicitly define image interpolation mode for IE so that images aren't jagged when resizing. Commit by Enrico Bianco.
  • When starting a new project based on Blueprint, a more complete screen.sass file will be provided that follows compass best practices instead of matching blueprint css exactly. A partials/_base.sass file is provided and already set up for blueprint customization. Commit

  • The sizes and borders for form styling can now be altered via mixin arguments. Commit by Thomas Reynolds.

  • Grid borders can now be altered via mixin arguments. Commit by Thomas Reynolds.

  • The reset file for blueprint has moved from compass/reset.sass to blueprint/reset.sass. Please update your imports accordingly. Also note that some of the reset mixin names have changed (now prefixed with blueprint-*). Commit by Noel Gomez.

Compass Core

  • Sprites. A basic sprite mixin is now available. Import compass/utilities/sprites.sass and use the +sprite-img mixin to set the background image from a sprite image file. Assumes every sprite in the sprite image file has the same dimensions. Commit by Thomas Reynolds.

  • Reset. The compass reset is now based on Eric Meyer's reset. which makes no attempt to apply base styles like the blueprint reset does. Existing compass projects will want to change their reset import to point to blueprint/reset.sass -- which is where the old default reset for compass projects now lives -- see the blueprint notes above for more information. Commit by Noel Gomez.

  • A bug was fixed in the tag_cloud mixin so that it actually works. Commit by Bjørn Arild Mæland.

Sass Extensions

  • The inline_image(image_path) function can now be used to generate a data url that embeds the image data in the generated css file -- avoiding the need for another request. This function works like image_url() in that it expects the image to be a path relative to the images directory. There are clear advantages and disadvantages to this approach. See Wikipedia for more details. NOTE: Neither IE6 nor IE7 support this feature. Commit.


  • Asset Hosts. You can now configure the asset host(s) used for images via the image_url() function. Asset hosts are off unless configured and also off when relative urls are enabled. Commit. In your compass configuration file, you must define an asset_host algorithm to be used like so: # Return the same host for all images: asset_host {|path| "" } # Return a different host based on the image path. asset_host do |path| "" % (path.hash % 4) end

  • Configurable Cache Buster. You can now configure the cache buster that gets placed at the end of images via the image_url function. This might be useful if you need to coordinate the query string or use something other than a timestamp. Commit Example: asset_cache_buster do |path, file| "busted=true" end

  • You can now set/override arbitrary sass options by setting the sass_options configuration property to a hash. Commit.

  • You can now specify additional import paths to look for sass code outside the project. Commit. This can be done in two ways:

    1. By setting additional_import_paths to an array of paths.
    2. By (repeatedly) calling add_import_path(path)
  • The compass configuration can now be placed in PROJECT_DIR/.compass/config.rb if you so choose. Commit.

Command Line

  • Watch Improvements The watch command was rewritten for robustness and reliability. The most important change is that generated css files will be deleted if the originating sass file is removed while watching the project. Commit.

  • The images and javascripts directories may now be set via the command line. Commit.

  • The usage output (-h) of the command-line has been reformatted to make it more readable and understandable. Commit.

  • The configuration file being read can now be specified explicitly using the -c option. This also affects the output location of the --write-configuration command. NOTE: The -c option used to be for writing the configuration file, an infrequently used option. Commit.

  • You can now install into the current working directory by explicitly setting the command line mode to -i and providing no project name. Commit.

Compass Internals

  • Some internal code was reorganized to make managing sass extensions and functions more manageable.

  • Some internal code was reorganized to make managing ruby application integration more manageable.

  • The compass unit tests were reorganized to separate rails testing from other tests.

  • The Rip Packaging System is now supported. Commit by Will Farrington.

  • A licence is now available making the copyrights and terms of use clear for people who care about such things.


Extracted the css validator to an external gem that is only required if you try to use the validation feature. This makes the compass gem a lot smaller (0.37MB instead of 4MB). To install the validator:

sudo gem install chriseppstein-compass-validator --source

0.6.8 thru 0.6.13

The compass gem is now built with Jeweler instead of Echoe. No changes to speak of. These versions were bug fixes and working out the new release process.


Bug fix release.


The output_style will no longer be set in the compass.config file. Instead compass will use the runtime rails environment to set a sensible default.

Command Line

The Sass cache directory will be placed into the sass directory of the project instead of the directory from where the compass command was ran.

Compass Core

Extracted two new mixins from +horizontal-list. The new +horizontal-list-container and +horizontal-list-item mixins can be used to build your horizontal list when you need more control over the selectors (E.g. when working with nested lists).


The Haml project now releases a gem called haml-edge that is built from the haml master branch instead of stable. Compass now depends on this gem and will continue to do so until haml 2.2 is released. This should reduce the number of installation problems that have been encountered by new users.

Command Line

  • Fixed a bug that had broken the --write-configuration (-c) option.
  • The --force option will now force recompilation. Useful when the stylesheets don't appear to need a recompile according to the file timestamps.

Unit tests

  • Some unit tests were cleaned up for clarity and to better take advantage of the compass project management facilities.


Compass Core

Converted all mixins definitions referencing images to use the new sass function image_url(). The following mixins were affected:

  • +pretty-bullets
  • +replace-text

The calls to these mixins should now pass a path to the image that is relative to the images directory of the project.

Command Line

  • Required frameworks specified from the command line will now be added into the initial project configuration file.


Command Line

Added a command line option --install-dir that will emit the directory where compass is installed. Useful for debugging and drilling into the compass examples and libraries.



Bug fix: The http_images_path configuration default should be "/images" instead of "/public/images".

Command Line

These changes, coupled with upcoming changes to Sass result in significantly reduced time spent on compilation for large projects.

  • The compass command line will no longer recompile sass files that haven't changed (taking import dependencies into account).
  • The compass command line will now respect the -q (quiet) option during compilation. Additionally, the quiet option will be set by default when watching a project for changes.



Split the push and pull mixins into sub-mixins that separate the common styles from the ones that vary. The generated css when using presentational class names will be smaller as a result. The existing +push and +pull mixins continue to work as expected. The following mixins were added:


Additonally, the liquid plugin was updated to have a span mixin that matches elsewhere.


Added Yahoo's version of the css reset. To use it, mix into the top level of your project:

@import yui/modules/reset.sass



Maintenance release that fixes several bugs in the handling of configuration files.


New Core Functionality: Patterns

Patterns give a framework or plugin access to the compass installer framework to install customizable sass, html as well as image and javascript assets.

A pattern is a folder in the plugin's templates directory. It must have a manifest file that tells compass what to install and where. Unlike the project template, a pattern can be stamped out any number of times.

It is best for pattern stylesheets to only provide example usage to get the user started. All the core styles for the pattern should be distributed as part of the framework's stylesheets as mixins to facilitate easy upgrades and bug fixing on the part of the pattern's maintainer.

Example Usage: compass --framework blueprint --pattern buttons

Please read the Wiki Page for more information.

New Command-line options:

  1. --validate
    Validate your project's compiled css. Requires java and probably only works on Mac and Unix.
  2. --grid-img [DIMENSIONS]
    Generate a background image to test grid alignment. Dimension is given as <column_width>+<gutter_width>. Defaults to 30+10.
  3. -p, --pattern PATTERN
    When combined with with the --framework option, will stamp a plugin's pattern named PATTERN.
  4. -n, --pattern-name NAME
    When combined with the --pattern option, the pattern that gets stamped out will be isolated in subdirectories named NAME.
  5. -c, --write-configuration
    Emit a compass configuration file into the current directory, taking any existing configuration file and any command line options provided into account. (command line options override configuration file options).

New Sass Functions:

Compass projects can call these sass functions within their sass files, if you find them useful.

  1. enumerate(prefix, start, end)
    Generates selectors with a prefix and a numerical ending counting from start to end. E.g. enumerate("foo", 1, 3) returns "foo-1, foo-2, foo-3"
  2. image_url(path)
    Uses the compass configuration to convert a path relative to the compass project directory to a path that is either absolute for serving in an HTTP context or that is relative to whatever css file the function was being compiled into. In the future, this function may also tap into the rails asset host configuration.

New Compass Core Mixins

  1. +float-left & +float-right
    In order to include fixes for IE's double-margin bug universally, floats were implemented as a utility mixins. These are available by importing compass/utilities/general/float.sass which also imports the clearfix module.
  2. +pie-clearfix
    Implementation of the position-is-everything clearfix that uses content :after.

Blueprint 0.8

The Compass port of Blueprint has been upgraded from 0.7.1 to 0.8.0. The 0.8.0 release brings many bug fixes and a few backward incompatible changes if you use it's presentational classnames (you don't do that, do you?). Upgrading to 0.8 is automatic when you upgrade to compass 0.6.0. The Blueprint team didn't release a detailed changelog for me to point at here. One of the key features of the release was the inclusion of three new core blueprint plugins (a.k.a. folders you can copy). These are what prompted the development of the compass patterns feature and two of them are packaged as patterns:

  1. Buttons
    To install: compass --framework blueprint --pattern buttons
    Then follow your nose.
  2. Link Icons
    To install: compass --framework blueprint --pattern link_icons
    Then follow your nose.

The third plugin is the RTL (right-to-left) plugin. To use this one, simply import it after the import of the blueprint grid and your mixins will be redefined to work in a left to right manner. Additionally, it provides +rtl-typography mixin that works in conjunction with +blueprint-typography and should be mixed in with it.

Lastly, I've rewrote some of the presentational class name generation code so that it very nearly matches the blueprint CSS. Please note that they are not 100% the same because we fix some bugs that are not yet fixed in blueprint-css and we use a different clearfix implementation.

Bug Fixes

  1. A Safari bug related to the +clearfix mixin was resolved.
  2. Running the compass command line installer a second time.

Bugs Introduced

Almost definitely. Please let me know if you encounter any problems and I'll get a patch out