bourbon 1.2.0 → 1.3.0

data/app/assets/stylesheets/css3/_animation.scss

@@ -153,9 +153,19 @@
   }
 }
 
-// Official animation shorthand property. Needs more work to actually be useful.
-@mixin animation ($name, $duration, $timing-function, $delay, $iteration-count, $direction) {
-  -webkit-animation: $name $duration $timing-function $delay $iteration-count $direction;
-     -moz-animation: $name $duration $timing-function $delay $iteration-count $direction;
-          animation: $name $duration $timing-function $delay $iteration-count $direction;
+// Official animation shorthand property.
+@mixin animation ($animation-1,
+  $animation-2: false, $animation-3: false,
+  $animation-4: false, $animation-5: false,
+  $animation-6: false, $animation-7: false,
+  $animation-8: false, $animation-9: false)
+  {
+    $full: compact($animation-1, $animation-2, $animation-3, $animation-4,
+                   $animation-5, $animation-6, $animation-7, $animation-8, $animation-9);
+
+  -webkit-animation: $full;
+     -moz-animation: $full;
+      -ms-animation: $full;
+       -o-animation: $full;
+          animation: $full;
 }

data/readme.md

@@ -110,13 +110,25 @@ The background-size mixin supports multiple background-sizes for use with multip
 The background-image mixin is helpful for chaining multiple comma delimited background images and/or linear-gradients into one background-image property. background-image supports up to 10 background-images.
 
     # Multiple image assets
-    @include background-image(url("/images/a.png"), url("images/b.png"));
+    @include background-image( url("/images/a.png"), url("images/b.png") );
 
     # Image asset with a linear-gradient
-    @include background-image(url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%));
+    @include background-image( url("/images/a.png"), linear-gradient(white 0, yellow 50%, transparent 50%) );
 
     # Multiple linear-gradients;
-    @include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)) );
+    @include background-image( linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)) );
+
+    # NOT SUPPORTED - Multiple image assets with shorthand notation
+    @include background-image( url("/images/a.png") center no-repeat, url("images/b.png") left repeat );
+
+#### Note about shorthand notation
+
+All CSS background properties support comma delimited values.  
+For multiple background images you can specify the background properties like position, repeat, etc. for each image. For example:
+
+    @include background-image( url("/images/a.png"), url("images/b.png") );
+    background-position: center top, center;
+    background-repeat: no-repeat, repeat-x;
 
 
 ### Border-image

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bourbon
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 1.3.0
   prerelease: 
 platform: ruby
 authors:
@@ -19,11 +19,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-11-18 00:00:00.000000000Z
+date: 2012-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70161945062080 !ruby/object:Gem::Requirement
+  requirement: &70286637279820 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -31,7 +31,7 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70161945062080
+  version_requirements: *70286637279820
 description: ! 'The purpose of Bourbon Vanilla Sass Mixins is to provide a comprehensive
   framework of
 
@@ -113,7 +113,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: bourbon
-rubygems_version: 1.8.11
+rubygems_version: 1.8.10
 signing_key: 
 specification_version: 3
 summary: Bourbon Sass Mixins using SCSS syntax.