compass 0.13.alpha.0 → 0.13.alpha.2

data/README.markdown

@@ -1,6 +1,8 @@
 # Compass Stylesheet Authoring Framework
 
-Build Status: ![Build Status](https://secure.travis-ci.org/chriseppstein/compass.png)
+Build Status: [![Build Status](https://travis-ci.org/chriseppstein/compass.png)](https://travis-ci.org/chriseppstein/compass)
+
+Code Quality: [![Code Climate](https://codeclimate.com/badge.png)](https://codeclimate.com/github/chriseppstein/compass)
 
 ## Resources
 
@@ -9,8 +11,8 @@ Build Status: ![Build Status](https://secure.travis-ci.org/chriseppstein/compass
 * [Compass Reference](http://compass-style.org/install/reference/)
 
 ## Author
-Compass is written by [Chris Eppstein][chris_eppstein].<br>
-Chris is the Software Architect of [Caring.com][caring.com] and a member of the [Sass][sass] core team.
+Compass is written by [Chris Eppstein](http://chriseppstein.github.com/).<br>
+Chris is the Software Architect of [Caring.com](http://caring.com) and a member of the [Sass](https://github.com/nex3/sass) core team.
 
 ## Core Team Members
 
@@ -26,4 +28,4 @@ Chris is the Software Architect of [Caring.com][caring.com] and a member of the
 ## License
 Copyright (c) 2008-2009 Christopher M. Eppstein<br>
 All Rights Reserved.<br>
-Released under a [slightly modified MIT License][license].
+Released under a [slightly modified MIT License](compass/blob/stable/LICENSE.markdown).

data/Rakefile

@@ -53,6 +53,15 @@ Rake::TestTask.new :units do |t|
   t.verbose = true
 end
 
+Rake::TestTask.new :integrations do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  test_files = FileList['test/integrations/**/*_test.rb']
+  test_files.exclude('test/rails/*', 'test/haml/*')
+  t.test_files = test_files
+  t.verbose = true
+end
+
 
 desc "Compile Examples into HTML and CSS"
 task :examples do

data/VERSION.yml

@@ -1,6 +1,6 @@
---- 
+---
 :major: 0
 :minor: 13
 :state: alpha
-:build: 0
+:iteration: 2
 :name: Markab

data/bin/compass

@@ -22,7 +22,8 @@ fallback_load_path(File.join(File.dirname(__FILE__), '..', 'lib')) do
 end
 
 if defined?(Bundler)
-  Bundler.require :assets
+  require 'bundler/shared_helpers'
+  Bundler.require :assets if Bundler::SharedHelpers.in_bundle?
 end
 
 runner = Proc.new do

data/features/command_line.feature

@@ -17,30 +17,13 @@ Feature: Command Line
     And I am told how to link to /stylesheets/print.css for media "print"
     And I am told how to conditionally link "IE" to /stylesheets/ie.css for media "screen, projection"
 
-  Scenario: Install a project with blueprint
-    When I create a project using: compass create bp_project --using blueprint
-    Then a directory bp_project/ is created
-    And a configuration file bp_project/config.rb is created
-    And a sass file bp_project/sass/screen.scss is created
-    And a sass file bp_project/sass/print.scss is created
-    And a sass file bp_project/sass/ie.scss is created
-    And a css file bp_project/stylesheets/screen.css is created
-    And a css file bp_project/stylesheets/print.css is created
-    And a css file bp_project/stylesheets/ie.css is created
-    And an image file bp_project/images/grid.png is created
-    And I am told how to link to /stylesheets/screen.css for media "screen, projection"
-    And I am told how to link to /stylesheets/print.css for media "print"
-    And I am told how to conditionally link "lt IE 8" to /stylesheets/ie.css for media "screen, projection"
-
   Scenario: Install a project with specific directories
-    When I create a project using: compass create custom_project --using blueprint --sass-dir sass --css-dir css --images-dir assets/imgs
+    When I create a project using: compass create custom_project --using compass --sass-dir sass --css-dir css --images-dir assets/imgs
     Then a directory custom_project/ is created
     And a directory custom_project/sass/ is created
     And a directory custom_project/css/ is created
-    And a directory custom_project/assets/imgs/ is created
     And a sass file custom_project/sass/screen.scss is created
     And a css file custom_project/css/screen.css is created
-    And an image file custom_project/assets/imgs/grid.png is created
 
   Scenario: Perform a dry run of creating a project
     When I create a project using: compass create my_project --dry-run
@@ -134,12 +117,8 @@ Feature: Command Line
 
   Scenario: Installing a pattern into a project
     Given I am using the existing project in test/fixtures/stylesheets/compass
-    When I run: compass install blueprint/buttons
-    Then a sass file sass/buttons.scss is created
-    And an image file images/buttons/cross.png is created
-    And an image file images/buttons/key.png is created
-    And an image file images/buttons/tick.png is created
-    And a css file tmp/buttons.css is created
+    When I run: compass install compass/pie
+    Then a sass file sass/pie.scss is created
 
   Scenario: Basic help
     When I run: compass help
@@ -191,7 +170,7 @@ Feature: Command Line
       | tmp/box_shadow.css          |
       | tmp/columns.css             |
       | tmp/fonts.css               |
-      | images/flag-s4798b5a210.png |
+      | images/flag-s5b4f509715.png |
     And the following files are removed:
       | .sass-cache/                |
       | tmp/border_radius.css       |
@@ -199,7 +178,7 @@ Feature: Command Line
       | tmp/box_shadow.css          |
       | tmp/columns.css             |
       | tmp/fonts.css               |
-      | images/flag-s4798b5a210.png |
+      | images/flag-s5b4f509715.png |
 
   Scenario: Watching a project for changes
     Given ruby supports fork
@@ -287,6 +266,5 @@ Feature: Command Line
   Scenario: List frameworks registered with compass
     When I run: compass frameworks
     Then I should see the following lines of output:
-      | blueprint  |
       | compass    |
 

data/features/step_definitions/command_line_steps.rb

@@ -256,11 +256,12 @@ end
 
 Then /^the image ([^ ]+) has a size of (\d+)x(\d+)$/ do |file, width, height| 
   # see http://snippets.dzone.com/posts/show/805
-  IO.read(file)[0x10..0x18].unpack('NN').should == [width.to_i, height.to_i]
+  size = File.open(file, "rb") {|io| io.read}[0x10..0x18].unpack('NN')
+  size.should == [width.to_i, height.to_i]
 end
 
 Then /^I should see the following lines of output:$/ do |table|
-  table.diff!([['blueprint'],['compass']])
+  table.diff!([['compass']])
 end
 
 Then /^I should see the following output: (.+)$/ do |expected|

data/frameworks/compass/stylesheets/compass/_css3.scss

@@ -16,3 +16,6 @@
 @import "css3/appearance";
 @import "css3/animation";
 @import "css3/regions";
+@import "css3/hyphenation";
+@import "css3/filter";
+@import "css3/user-interface";

data/frameworks/compass/stylesheets/compass/_support.scss

@@ -16,6 +16,12 @@ $legacy-support-for-ie8: $legacy-support-for-ie !default;
 // this combined variable.
 $legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
 
+// Whether to output legacy support for mozilla.
+$legacy-support-for-mozilla: true;
+
+// Whether to output legacy support for webkit.
+$legacy-support-for-webkit: true;
+
 // Support for mozilla in experimental css3 properties (-moz).
 $experimental-support-for-mozilla      : true !default;
 // Support for webkit in experimental css3 properties (-webkit).

data/frameworks/compass/stylesheets/compass/css3/_animation.scss

@@ -1,34 +1,39 @@
 @import "shared";
 
-// CSS Animations.
+// ----------------------------------------------------------------------------
+// @private css3-feature-support variables must always include a list of five boolean values
+// representing in order: -moz, -webkit, -o, -ms, -khtml.
+$animation-support: -moz, -webkit, -o, not -ms, -khtml;
 
-// Apply an animation property and value with the correct browser support
-@mixin animation-support($property, $value) {
-  @include experimental($property, $value, -moz, -webkit, -o, -ms, not -khtml, official); }
+// ----------------------------------------------------------------------------
+// Defaults
 
 // Name of any animation as a string.
-$default-animation-name             : false !default;
+$default-animation-name             : null !default;
 
 // Duration of the entire animation in seconds.
-$default-animation-duration         : false !default;
+$default-animation-duration         : null !default;
 
 // Delay for start of animation in seconds.
-$default-animation-delay            : false !default;
+$default-animation-delay            : null !default;
 
 // The timing function(s) to be used between keyframes. [ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier($number, $number, $number, $number)]
-$default-animation-timing-function  : false !default;
+$default-animation-timing-function  : null !default;
 
 // The number of times an animation cycle is played. [infinite | $number]
-$default-animation-iteration-count  : false !default;
+$default-animation-iteration-count  : null !default;
 
 // Whether or not the animation should play in reverse on alternate cycles. [normal | alternate]
-$default-animation-direction        : false !default;
+$default-animation-direction        : null !default;
 
 // What values are applied by the animation outside the time it is executing. [none | forwards | backwards | both]
-$default-animation-fill-mode        : false !default;
+$default-animation-fill-mode        : null !default;
 
 // Whether the animation is running or paused. [running | paused]
-$default-animation-play-state       : false !default;
+$default-animation-play-state       : null !default;
+
+// ----------------------------------------------------------------------------
+// Keyframes
 
 // Create a named animation sequence that can be applied to elements later.
 //
@@ -36,34 +41,28 @@ $default-animation-play-state       : false !default;
 //     @content - The keyframes of the animation.
 @mixin keyframes(
   $name,
-  $moz: $experimental-support-for-mozilla,
-  $webkit: $experimental-support-for-webkit,
-  $o: $experimental-support-for-opera,
-  $ms: $experimental-support-for-microsoft,
-  $khtml: $experimental-support-for-khtml,
-  $official: true
+  $moz      : $experimental-support-for-mozilla,
+  $webkit   : $experimental-support-for-webkit,
+  $o        : $experimental-support-for-opera,
+  $khtml    : $experimental-support-for-khtml,
+  $official : true
 ) {
-  @if $moz {
+  @if $moz and nth($animation-support,1) {
     @include with-only-support-for($moz: true) {
       @-moz-keyframes #{$name} { @content; }
     }
   }
-  @if $webkit {
+  @if $webkit and nth($animation-support,2) {
     @include with-only-support-for($webkit: true) {
       @-webkit-keyframes #{$name} { @content; }
     }
   }
-  @if $o {
+  @if $o and nth($animation-support,3) {
     @include with-only-support-for($o: true) {
       @-o-keyframes #{$name} { @content; }
     }
   }
-  @if $ms {
-    @include with-only-support-for($ms: true) {
-      @-ms-keyframes #{$name} { @content; }
-    }
-  }
-  @if $khtml {
+  @if $khtml and nth($animation-support,5) {
     @include with-only-support-for($khtml: true) {
       @-khtml-keyframes #{$name} { @content; }
     }
@@ -75,53 +74,55 @@ $default-animation-play-state       : false !default;
   }
 }
 
-// Apply 1-10 animation names.
-@mixin animation-name($name-1: $default-animation-name, $name-2: false, $name-3: false, $name-4: false, $name-5: false, $name-6: false, $name-7: false, $name-8: false, $name-9: false, $name-10: false) {
-  $name: compact($name-1, $name-2, $name-3, $name-4, $name-5, $name-6, $name-7, $name-8, $name-9, $name-10);
-  @include animation-support(animation-name, $name); }
-
-// Apply 1-10 animation durations.
-@mixin animation-duration($duration-1: $default-animation-duration, $duration-2: false, $duration-3: false, $duration-4: false, $duration-5: false, $duration-6: false, $duration-7: false, $duration-8: false, $duration-9: false, $duration-10: false) {
-  $duration: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
-  @include animation-support(animation-duration, $duration); }
-
-// Apply 1-10 animation delays.
-@mixin animation-delay($delay-1: $default-animation-delay, $delay-2: false, $delay-3: false, $delay-4: false, $delay-5: false, $delay-6: false, $delay-7: false, $delay-8: false, $delay-9: false, $delay-10: false) {
-  $delay: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
-  @include animation-support(animation-delay, $delay); }
-
-// Apply 1-10 animation timing functions.
-@mixin animation-timing-function($function-1: $default-animation-timing-function, $function-2: false, $function-3: false, $function-4: false, $function-5: false, $function-6: false, $function-7: false, $function-8: false, $function-9: false, $function-10: false) {
-  $function: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
-  @include animation-support(animation-timing-function, $function); }
-
-// Apply 1-10 animation iteration counts.
-@mixin animation-iteration-count($count-1: $default-animation-iteration-count, $count-2: false, $count-3: false, $count-4: false, $count-5: false, $count-6: false, $count-7: false, $count-8: false, $count-9: false, $count-10: false) {
-  $count: compact($count-1, $count-2, $count-3, $count-4, $count-5, $count-6, $count-7, $count-8, $count-9, $count-10);
-  @include animation-support(animation-iteration-count, $count); }
-
-// Apply 1-10 animation directions.
-@mixin animation-direction($direction-1: $default-animation-direction, $direction-2: false, $direction-3: false, $direction-4: false, $direction-5: false, $direction-6: false, $direction-7: false, $direction-8: false, $direction-9: false, $direction-10: false) {
-  $direction: compact($direction-1, $direction-2, $direction-3, $direction-4, $direction-5, $direction-6, $direction-7, $direction-8, $direction-9, $direction-10);
-  @include animation-support(animation-direction, $direction); }
-
-// Apply 1-10 animation fill modes.
-@mixin animation-fill-mode($mode-1: $default-animation-fill-mode, $mode-2: false, $mode-3: false, $mode-4: false, $mode-5: false, $mode-6: false, $mode-7: false, $mode-8: false, $mode-9: false, $mode-10: false) {
-  $mode: compact($mode-1, $mode-2, $mode-3, $mode-4, $mode-5, $mode-6, $mode-7, $mode-8, $mode-9, $mode-10);
-  @include animation-support(animation-fill-mode, $mode); }
-
-// Apply 1-10 animation play states.
-@mixin animation-play-state($state-1: $default-animation-play-state, $state-2: false, $state-3: false, $state-4: false, $state-5: false, $state-6: false, $state-7: false, $state-8: false, $state-9: false, $state-10: false) {
-  $state: compact($state-1, $state-2, $state-3, $state-4, $state-5, $state-6, $state-7, $state-8, $state-9, $state-10);
-  @include animation-support(animation-play-state, $state); }
-
-// Shortcut to apply a named animation to an element, with all the settings.
+// ----------------------------------------------------------------------------
+// Animation
+
+// Apply any number of animation names.
+@mixin animation-name($name...) {
+  $name: set-arglist-default($name, $default-animation-name);
+  @include experimental(animation-name, $name, $animation-support...); }
+
+// Apply any number of animation durations.
+@mixin animation-duration($duration...) {
+  $duration: set-arglist-default($duration, $default-animation-duration);
+  @include experimental(animation-duration, $duration, $animation-support...); }
+
+// Apply any number of animation delays.
+@mixin animation-delay($delay...) {
+  $delay: set-arglist-default($delay, $default-animation-delay);
+  @include experimental(animation-delay, $delay, $animation-support...); }
+
+// Apply any number of animation timing functions.
+@mixin animation-timing-function($function...) {
+  $function: set-arglist-default($function, $default-animation-timing-function);
+  @include experimental(animation-timing-function, $function, $animation-support...); }
+
+// Apply any number of animation iteration counts.
+@mixin animation-iteration-count($count...) {
+  $count: set-arglist-default($count, $default-animation-iteration-count);
+  @include experimental(animation-iteration-count, $count, $animation-support...); }
+
+// Apply any number of animation directions.
+@mixin animation-direction($direction...) {
+  $direction: set-arglist-default($direction, $default-animation-direction);
+  @include experimental(animation-direction, $direction, $animation-support...); }
+
+// Apply any number of animation fill modes.
+@mixin animation-fill-mode($mode...) {
+  $mode: set-arglist-default($mode, $default-animation-fill-mode);
+  @include experimental(animation-fill-mode, $mode, $animation-support...); }
+
+// Apply any number of animation play states.
+@mixin animation-play-state($state...) {
+  $state: set-arglist-default($state, $default-animation-play-state);
+  @include experimental(animation-play-state, $state, $animation-support...); }
+
+// Shortcut to apply any number of animations to an element, with all the settings.
 //
-//     $animation-1   : Name and settings for the first animation. [<values> | default]
-//     ...
-//     $animation-10  : Name and settings for the tenth animation. <values>
-@mixin animation($animation-1: default, $animation-2: false, $animation-3: false, $animation-4: false, $animation-5: false, $animation-6: false, $animation-7: false, $animation-8: false, $animation-9: false, $animation-10: false) {
-  @if $animation-1 == default {
-    $animation-1: -compass-space-list(compact($default-animation-name, $default-animation-duration, $default-animation-timing-function, $default-animation-delay, $default-animation-iteration-count, $default-animation-direction, $default-animation-fill-mode, $default-animation-play-state)); }
-  $animation: compact($animation-1, $animation-2, $animation-3, $animation-4, $animation-5, $animation-6, $animation-7, $animation-8, $animation-9, $animation-10);
-  @include animation-support(animation, $animation); }
+//     $animation... : Name and settings. [<values> | default]
+@mixin animation($animation...) {
+  $default: -compass-space-list(compact($default-animation-name $default-animation-duration $default-animation-timing-function $default-animation-delay $default-animation-iteration-count $default-animation-direction $default-animation-fill-mode $default-animation-play-state));
+  $animation: set-arglist-default($animation, $default);
+  @include experimental(animation, $animation, $animation-support...);
+}
+

data/frameworks/compass/stylesheets/compass/css3/_appearance.scss

@@ -1,16 +1,22 @@
 @import "shared";
 
+// ----------------------------------------------------------------------------
+// @private css3-feature-support variables must always include a list of five boolean values
+// representing in order: -moz, -webkit, -o, -ms, -khtml.
+$appearance-support: -moz, -webkit, not -o, not -ms, not -khtml;
+
+// ----------------------------------------------------------------------------
+// Mixin
+
 // Change the appearance for Mozilla, Webkit and possibly the future.
 // The appearance property is currently not present in any newer CSS specification.
 //
 // There is no official list of accepted values, but you might check these source:
-//   Mozilla : https://developer.mozilla.org/en/CSS/-moz-appearance
-//   Webkit  : http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365
-//   (search for 'appearance' within the page)
-
-@mixin appearance($ap) {
-  $ap: unquote($ap);
-  @include experimental(appearance, $ap,
-    -moz, -webkit, not -o, not -ms, not -khtml, official
-  );
+//
+//   * [Mozilla](https://developer.mozilla.org/en/CSS/-moz-appearance)
+//   * [Webkit](http://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/CSSValueKeywords.in?spec=svnf1aea559dcd025a8946aa7da6e4e8306f5c1b604&r=63c7d1af44430b314233fea342c3ddb2a052e365)
+//     (search for 'appearance' within the page)
+@mixin appearance($appearance) {
+  $appearance: unquote($appearance);
+  @include experimental(appearance, $appearance, $appearance-support...);
 }

data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss

@@ -1,43 +1,42 @@
 @import "shared";
 
-// The default value is `padding-box` -- the box model used by modern browsers.
-//
-// If you wish to do so, you can override the default constant with `border-box`
-//
-// To override to the default border-box model, use this code:
-//     $default-background-clip: border-box
+// ----------------------------------------------------------------------------
+// @private css3-feature-support variables must always include a list of five boolean values
+// representing in order: -moz, -webkit, -o, -ms, -khtml
+//   - mozilla/webkit legacy support handled seperately below
+$background-clip-support: not -moz, not -webkit, not -o, not -ms, -khtml;
 
+// ----------------------------------------------------------------------------
+// Default
+
+// The default border-box model: [border-box | padding-box | content-box]
 $default-background-clip: padding-box !default;
 
-// Clip the background (image and color) at the edge of the padding or border.
-//
-// Legal Values:
-//
-//   * padding-box
-//   * border-box
-//   * text
-
-@mixin background-clip($clip: $default-background-clip) {
-  // webkit and mozilla use the deprecated short [border | padding]
-  $clip: unquote($clip);
-  $deprecated: $clip;
-  @if $clip == padding-box { $deprecated: padding; }
-  @if $clip == border-box { $deprecated: border; }
-  // Support for webkit and mozilla's use of the deprecated short form
-  @include experimental(background-clip, $deprecated,
-    -moz,
-    -webkit,
-    not -o,
-    not -ms,
-    not -khtml,
-    not official
-  );
-  @include experimental(background-clip, $clip,
-    not -moz,
-    not -webkit,
-    not -o,
-    not -ms,
-    -khtml,
-    official
+// ----------------------------------------------------------------------------
+// Mixin
+
+// Clip the background (image and color) at the edge of the padding, border, or content.
+//   $clip... : [padding-box | border-box | content-box]
+@mixin background-clip($clip...) {
+  $output: compact();
+  $deprecated: compact();
+
+  @if (length($clip) > 0) {
+    @each $layer in $clip {
+      $output: append($output, unquote($layer));
+      $deprecated: append($deprecated, legacy-box($layer));
+    }
+  } @else {
+    $output: $default-background-clip;
+    $deprecated: legacy-box($default-background-clip);
+  }
+
+  // Legacy versions of Mozilla support a different syntax, prefixed.
+  @include experimental-only-for(background-clip, $deprecated,
+    $moz: $legacy-support-for-mozilla,
+    $webkit: $legacy-support-for-webkit
   );
+
+  // Official syntax for the rest
+  @include experimental(background-clip, $output, $background-clip-support...);
 }