compass 0.13.alpha.2 → 0.13.alpha.3

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

@@ -1,12 +1,11 @@
+// Filter
+
 @import "shared";
 
-// ----------------------------------------------------------------------------
 // @private css3-feature-support variables must always include a list of five boolean values
-// representing in order: -moz, -webkit, -o, -ms, -khtml
-$filter-support: -moz, -webkit, not -o, not -ms, not -khtml;
+// representing in order: -moz, -webkit, -ms, -o, -khtml
+$filter-support: -moz, -webkit, not -ms, not -o, not -khtml;
 
-// ----------------------------------------------------------------------------
-// Mixins
 
 // Provides cross-browser support for the upcoming (?) css3 filter property.
 //

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

@@ -1,9 +1,13 @@
+// Mixins to support specific CSS Text Level 3 elements
+
 @import "shared";
 
-// Mixins to support specific CSS Text Level 3 elements
-//
-//
-//
+// @private css3-feature-support variables must always include a list of five boolean values
+// representing in order: -moz, -webkit, -ms, -o, -khtml
+//   - mozilla/webkit legacy support handled seperately below
+$hyphens-support: -moz, -webkit, -ms, -o, not -khtml;
+
+
 // Mixin for word-break properties
 // http://www.w3.org/css3-text/#word-break
 // * legal values for $type : normal, keep-all, break-all
@@ -18,21 +22,10 @@
 //      word-break: break-word;}
 //
 @mixin word-break($value: normal){
-  @if $value == break-all {
-    //Most browsers handle the break-all case the same...
-    @include experimental(word-break, $value,
-      not -moz, not -webkit, not -o, -ms, not -khtml, official
-    );
-    //Webkit handles break-all differently... as break-word
-    @include experimental(word-break, break-word,
-      not -moz, not -webkit, not -o, not -ms, not -khtml, official
-    );
-  }
-  @else {
-    @include experimental(word-break, $value,
-      not -moz, not -webkit, not -o, -ms, not -khtml, official
-    );
-  }
+  word-break: $value;
+
+  //Webkit handles break-all differently... as break-word
+  @if $value == break-all { word-break: break-word; }
 }
 
 // Mixin for the hyphens property
@@ -50,9 +43,7 @@
 //    hyphens: auto;}
 //
 @mixin hyphens($value: auto){
-  @include experimental(hyphens, $value,
-    -moz, -webkit, not -o, not -ms, not -khtml, official
-  );
+  @include experimental(hyphens, $value, $hyphens-support);
 }
 
 // Mixin for x-browser hyphenation based on @auchenberg's post:

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

@@ -3,23 +3,11 @@
 
 // Background property support for vendor prefixing within values.
 @mixin background(
-  $background-1,
-  $background-2: false,
-  $background-3: false,
-  $background-4: false,
-  $background-5: false,
-  $background-6: false,
-  $background-7: false,
-  $background-8: false,
-  $background-9: false,
-  $background-10: false
+  $backgrounds...
 ) {
-  $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
-                        $background-6, $background-7, $background-8, $background-9, $background-10);
   $mult-bgs: -compass-list-size($backgrounds) > 1;
   $add-pie-bg: prefixed(-pie,   $backgrounds) or $mult-bgs;
   @if $experimental-support-for-svg          and prefixed(-svg,    $backgrounds) {      background:    -svg($backgrounds); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $backgrounds) {      background:    -owg($backgrounds); }
   @if $experimental-support-for-webkit       and prefixed(-webkit, $backgrounds) {      background: -webkit($backgrounds); }
   @if $experimental-support-for-mozilla      and prefixed(-moz,    $backgrounds) {      background:    -moz($backgrounds); }
   @if $experimental-support-for-opera        and prefixed(-o,      $backgrounds) {      background:      -o($backgrounds); }
@@ -28,45 +16,22 @@
 }
 
 @mixin background-with-css2-fallback(
-  $background-1,
-  $background-2: false,
-  $background-3: false,
-  $background-4: false,
-  $background-5: false,
-  $background-6: false,
-  $background-7: false,
-  $background-8: false,
-  $background-9: false,
-  $background-10: false
+  $backgrounds...
 ) {
-  $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
-                        $background-6, $background-7, $background-8, $background-9, $background-10);
   $mult-bgs: -compass-list-size($backgrounds) > 1;
   $simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
   @if not blank($simple-background) { background: $simple-background; }
-  @include background($background-1, $background-2, $background-3, $background-4, $background-5,
-                      $background-6, $background-7, $background-8, $background-9, $background-10);
+  @include background($backgrounds);
 }
 
 
 // Background image property support for vendor prefixing within values.
 @mixin background-image(
-  $image-1,
-  $image-2: false,
-  $image-3: false,
-  $image-4: false,
-  $image-5: false,
-  $image-6: false,
-  $image-7: false,
-  $image-8: false,
-  $image-9: false,
-  $image-10: false
+  $images...
 ) {
-  $images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10);
   $add-pie-bg: prefixed(-pie,   $images) or -compass-list-size($images) > 1;
 
   @if $experimental-support-for-svg          and prefixed(-svg,    $images) { background-image:    -svg($images); background-size: 100%; }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $images) { background-image:    -owg($images); }
   @if $experimental-support-for-webkit       and prefixed(-webkit, $images) { background-image: -webkit($images); }
   @if $experimental-support-for-mozilla      and prefixed(-moz,    $images) { background-image:    -moz($images); }
   @if $experimental-support-for-opera        and prefixed(-o,      $images) { background-image:      -o($images); }
@@ -80,7 +45,11 @@
 // any background-image properties that you have specified.
 //
 // For the `$orientation` parameter, you can pass `vertical` or `horizontal`.
-@mixin filter-gradient($start-color, $end-color, $orientation: vertical) {
+@mixin filter-gradient(
+  $start-color,
+  $end-color,
+  $orientation: vertical
+) {
   @include has-layout;
   $gradient-type: if($orientation == vertical, 0, 1);
   @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
@@ -90,9 +59,10 @@
 
 
 // Border image property support for vendor prefixing properties and values.
-@mixin border-image($value) {
+@mixin border-image(
+  $value
+) {
   @if $experimental-support-for-mozilla      {    -moz-border-image:    -moz(reject(-compass-list($value), fill)); }
-  @if $support-for-original-webkit-gradients { -webkit-border-image:    -owg(reject(-compass-list($value), fill)); }
   @if $experimental-support-for-webkit       { -webkit-border-image: -webkit(reject(-compass-list($value), fill)); }
   @if $experimental-support-for-opera        {      -o-border-image:      -o(reject(-compass-list($value), fill)); }
   @if $experimental-support-for-svg          {         border-image:    -svg(reject(-compass-list($value), fill)); }
@@ -100,9 +70,10 @@
 }
 
 // List style image property support for vendor prefixing within values.
-@mixin list-style-image($image) {
+@mixin list-style-image(
+  $image
+) {
   @if $experimental-support-for-mozilla      and prefixed(-moz,    $image) { list-style-image:    -moz($image); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $image) { list-style-image:    -owg($image); }
   @if $experimental-support-for-webkit       and prefixed(-webkit, $image) { list-style-image: -webkit($image); }
   @if $experimental-support-for-opera        and prefixed(-o,      $image) { list-style-image:      -o($image); }
   @if $experimental-support-for-svg          and prefixed(-svg,    $image) { list-style-image:    -svg($image); }
@@ -110,10 +81,11 @@
 }
 
 // List style property support for vendor prefixing within values.
-@mixin list-style($value) {
+@mixin list-style(
+  $value
+) {
   $value: -compass-list($value);
   @if $experimental-support-for-mozilla      and prefixed(-moz,    $value) { list-style-image:    -moz($value); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $value) { list-style-image:    -owg($value); }
   @if $experimental-support-for-webkit       and prefixed(-webkit, $value) { list-style-image: -webkit($value); }
   @if $experimental-support-for-opera        and prefixed(-o,      $value) { list-style-image:      -o($value); }
   @if $experimental-support-for-svg          and prefixed(-svg,    $value) { list-style-image:    -svg($value); }
@@ -121,12 +93,31 @@
 }
 
 // content property support for vendor prefixing within values.
-@mixin content($value) {
+@mixin content(
+  $value
+) {
   $value: -compass-list($value);
   @if $experimental-support-for-mozilla      and prefixed(-moz,    $value) { content:    -moz($value); }
-  @if $support-for-original-webkit-gradients and prefixed(-owg,    $value) { content:    -owg($value); }
   @if $experimental-support-for-webkit       and prefixed(-webkit, $value) { content: -webkit($value); }
   @if $experimental-support-for-opera        and prefixed(-o,      $value) { content:      -o($value); }
   @if $experimental-support-for-svg          and prefixed(-svg,    $value) { content:    -svg($value); }
                                                                              content:         $value ;
 }
+
+$use-legacy-gradient-syntax: false !default;
+
+@function linear-gradient($angle, $details...) {
+  $legacy-syntax: $use-legacy-gradient-syntax;
+
+  @if type-of($angle) != 'number' {
+    $angle: compact($angle);
+    $legacy-syntax: if(index($angle, 'to'), false, true);
+  }
+
+  @if $legacy-syntax {
+    @return _linear-gradient_legacy($angle, $details...);
+  } @else {
+    @return _linear-gradient($angle, $details...);
+  }
+}
+

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

@@ -1,22 +1,26 @@
+// Regions
+
 @import "shared";
 
+// @private css3-feature-support variables must always include a list of five boolean values
+// representing in order: -moz, -webkit, -ms, -o, -khtml.
+$regions-support: not -moz, -webkit, -ms, not -o, not -khtml;
+
 // Webkit, IE10 and future support for [CSS Regions](http://dev.w3.org/csswg/css3-regions/)
 //
-// $target is a value you use to link two regions of your css. Give the source of your content the flow-into property, and give your target container the flow-from property.
+// $target is a value you use to link two regions of your css.
+// Give the source of your content the flow-into property,
+// and give your target container the flow-from property.
 //
 // For a visual explanation, see the diagrams at Chris Coyier's
 // [CSS-Tricks](http://css-tricks.com/content-folding/)
 
 @mixin flow-into($target) {
   $target: unquote($target);
-  @include experimental(flow-into, $target,
-    not -moz, -webkit, not -o, -ms, not -khtml, not official
-  );
+  @include experimental(flow-into, $target, $regions-support...);
 }
 
 @mixin flow-from($target) {
   $target: unquote($target);
-  @include experimental(flow-from, $target,
-    not -moz, -webkit, not -o, -ms, not -khtml, not official
-  );
-}
+  @include experimental(flow-from, $target, $regions-support...);
+}

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

@@ -7,8 +7,8 @@
 @mixin experimental($property, $value,
   $moz      : $experimental-support-for-mozilla,
   $webkit   : $experimental-support-for-webkit,
-  $o        : $experimental-support-for-opera,
   $ms       : $experimental-support-for-microsoft,
+  $o        : $experimental-support-for-opera,
   $khtml    : $experimental-support-for-khtml,
   $official : true
 ) {
@@ -24,8 +24,8 @@
 @mixin experimental-only-for($property, $value,
   $moz      : false,
   $webkit   : false,
-  $o        : false,
   $ms       : false,
+  $o        : false,
   $khtml    : false,
   $official : false
 ) {
@@ -36,8 +36,8 @@
 @mixin experimental-value($property, $value,
   $moz      : $experimental-support-for-mozilla,
   $webkit   : $experimental-support-for-webkit,
-  $o        : $experimental-support-for-opera,
   $ms       : $experimental-support-for-microsoft,
+  $o        : $experimental-support-for-opera,
   $khtml    : $experimental-support-for-khtml,
   $official : true
 ) {

data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss

@@ -1,13 +1,17 @@
+// Text Shadow
+
 @import "shared";
 
+
 // These defaults make the arguments optional for this mixin
 // If you like, set different defaults in your project
 
-$default-text-shadow-color:    #aaa !default;
-$default-text-shadow-h-offset: 0px  !default;
-$default-text-shadow-v-offset: 0px  !default;
-$default-text-shadow-blur:     1px  !default;
-$default-text-shadow-spread:   false  !default;
+$default-text-shadow-color      : #aaa    !default;
+$default-text-shadow-h-offset   : 0px     !default;
+$default-text-shadow-v-offset   : 0px     !default;
+$default-text-shadow-blur       : 1px     !default;
+$default-text-shadow-spread     : false   !default;
+
 
 // Provides cross-browser text shadows when one or more shadows are needed.
 // Each shadow argument should adhere to the standard css3 syntax for the
@@ -18,32 +22,23 @@ $default-text-shadow-spread:   false  !default;
 // then with the spread included. This allows you to progressively
 // enhance the browsers that do support the spread parameter.
 @mixin text-shadow(
-  $shadow-1 : default,
-  $shadow-2 : false,
-  $shadow-3 : false,
-  $shadow-4 : false,
-  $shadow-5 : false,
-  $shadow-6 : false,
-  $shadow-7 : false,
-  $shadow-8 : false,
-  $shadow-9 : false,
-  $shadow-10: false
+  $shadow...
 ) {
-  @if $shadow-1 == default {
-    $shadow-1: compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color);
-  }
+  $shadow: if(length($shadow) > 0, $shadow, default);
+  $default: -compass-space-list(compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color));
   $shadows-without-spread: join((),(),comma);
   $shadows: join((),(),comma);
   $has-spread: false;
-  @each $shadow in compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5,
-                           $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) {
-    @if length($shadow) > 4 {
+
+  @each $layer in $shadow {
+    $layer: if($layer == 'default', $default, $layer);
+    @if length($layer) > 4 {
       $has-spread: true;
-      $shadows-without-spread: append($shadows-without-spread, nth($shadow,1) nth($shadow,2) nth($shadow,3) nth($shadow,5));
-      $shadows: append($shadows, $shadow);
-    } else {
-      $shadows-without-spread: append($shadows-without-spread, $shadow);
-      $shadows: append($shadows, $shadow);
+      $shadows-without-spread: append($shadows-without-spread, nth($layer,1) nth($layer,2) nth($layer,3) nth($layer,5));
+      $shadows: append($shadows, $layer);
+    } @else {
+      $shadows-without-spread: append($shadows-without-spread, $layer);
+      $shadows: append($shadows, $layer);
     }
   }
   @if $has-spread {

data/frameworks/compass/stylesheets/compass/css3/_transform-legacy.scss

@@ -8,7 +8,7 @@
 
 @mixin apply-transform($transform) {
   @include experimental(transform, $transform,
-    -moz, -webkit, -o, not -ms, not -khtml, official
+    -moz, -webkit, not -ms, -o, not -khtml, official
   );
 }
 
@@ -16,7 +16,7 @@
 
 @mixin apply-origin($origin) {
   @include experimental(transform-origin, $origin,
-    -moz, -webkit, -o, not -ms, not -khtml, official
+    -moz, -webkit, not -ms, -o, not -khtml, official
   );
 }
 
@@ -32,7 +32,7 @@
        @include apply-origin($originx);
      }
   }
-} 
+}
 
 // A full transform mixin with everything you could want
 //

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

@@ -104,11 +104,11 @@ $default-skew-y      : 5deg                  !default;
   $only3d: $only3d or -compass-list-size(-compass-list($origin)) > 2;
   @if $only3d {
     @include experimental(transform-origin, $origin,
-      -moz, -webkit, -o, -ms, not -khtml, official
+      -moz, -webkit, -ms, -o, not -khtml, official
     );
   } @else {
     @include experimental(transform-origin, $origin,
-      -moz, -webkit, -o, -ms, not -khtml, official
+      -moz, -webkit, -ms, -o, not -khtml, official
     );
   }
 }
@@ -147,11 +147,11 @@ $default-skew-y      : 5deg                  !default;
 ) {
   @if $only3d {
     @include experimental(transform, $transform,
-      -moz, -webkit, -o, -ms, not -khtml, official
+      -moz, -webkit, -ms, -o, not -khtml, official
     );
   } @else {
     @include experimental(transform, $transform,
-      -moz, -webkit, -o, -ms, not -khtml, official
+      -moz, -webkit, -ms, -o, not -khtml, official
     );
   }
 }
@@ -179,7 +179,7 @@ $default-skew-y      : 5deg                  !default;
 // values from 500 to 1000 are more-or-less "normal" - a good starting-point.
 @mixin perspective($p) {
   @include experimental(perspective, $p,
-    -moz, -webkit, -o, -ms, not -khtml, official
+    -moz, -webkit, -ms, -o, not -khtml, official
   );
 }
 
@@ -190,7 +190,7 @@ $default-skew-y      : 5deg                  !default;
 // where the two arguments represent x/y coordinates
 @mixin perspective-origin($origin: 50%) {
   @include experimental(perspective-origin, $origin,
-    -moz, -webkit, -o, -ms, not -khtml, official
+    -moz, -webkit, -ms, -o, not -khtml, official
   );
 }
 
@@ -202,7 +202,7 @@ $default-skew-y      : 5deg                  !default;
 // Browsers default to `flat`, mixin defaults to `preserve-3d`.
 @mixin transform-style($style: preserve-3d) {
   @include experimental(transform-style, $style,
-    -moz, -webkit, -o, -ms, not -khtml, official
+    -moz, -webkit, -ms, -o, not -khtml, official
   );
 }
 
@@ -214,7 +214,7 @@ $default-skew-y      : 5deg                  !default;
 // Browsers default to visible, mixin defaults to hidden
 @mixin backface-visibility($visibility: hidden) {
   @include experimental(backface-visibility, $visibility,
-    -moz, -webkit, -o, -ms, not -khtml, official
+    -moz, -webkit, -ms, -o, not -khtml, official
   );
 }