Merge branch 'stable'

* stable:
  [Compass Core] Don't suggest putting some values in quotes unecessarily, and unquote them if the user has.
  [Docs] This documentation was incorrect.
  [Docs] Some useful content from the wiki.

doc-src/content/reference/blueprint/liquid.haml

@@ -9,5 +9,15 @@ classnames:
   - blueprint
 ---
 - render 'reference' do
-  %p
+  :markdown
     Import this to have a liquid grid.
+    
+    The original liquid grid documentation is
+    [here](http://groups.google.com/group/blueprintcss/msg/d7171a8bef20b9a2).
+    
+    By default the container takes 80% of the canvas, you can override this:
+    <pre class="source-code scss">
+    .container {
+      width: 99%
+    }
+    </pre>

doc-src/content/reference/blueprint/print.haml

@@ -9,5 +9,13 @@ classnames:
   - blueprint
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Some useful print styles.
+    The print stylesheet does sensible things for the printed page.
+    
+    It's important to note that the grid layout is not applied to the printed page.
+    
+    You probably want to set non-content sections like headers, footers, asides, and navs
+    to `display: none;` in your printed page.
+    
+    See the [compass print utilities][pr_utils] for related functionality.
+    [pr_utils]: /docs/reference/compass/utilities/print/

frameworks/compass/stylesheets/compass/css3/_gradient.scss

@@ -6,11 +6,11 @@
 //
 // This yields a linear gradient spanning from bottom to top
 //
-//     +linear-gradient(color-stops(white, black), "bottom")
+//     +linear-gradient(color-stops(white, black), bottom)
 //
 // This yields a linear gradient spanning from left to right
 //
-//     +linear-gradient(color-stops(white, black), "left")
+//     +linear-gradient(color-stops(white, black), left)
 //
 // This yields a linear gradient starting at white passing
 // thru blue at 33% down and then to black
@@ -24,7 +24,7 @@
 //
 // This yields a linear gradient on top of a background image
 //
-//     +linear-gradient(color_stops(white,black), "top", image-url('noise.png'))
+//     +linear-gradient(color_stops(white,black), top, image-url('noise.png'))
 // Browsers Supported:
 //
 // - Chrome
@@ -36,6 +36,7 @@
   // Webkit's gradient api sucks -- hence these backflips:
   $background: unquote("");
   @if $image { $background : $image + unquote(", "); }
+  $start: unquote($start);
   $end: grad-opposite-position($start);
   @if $experimental-support-for-webkit {
     background-image: #{$background}-webkit-gradient(linear, grad-point($start), grad-point($end), grad-color-stops($color-stops));
@@ -53,11 +54,12 @@
 //     // Defaults to a centered, 100px radius gradient
 //     +radial-gradient(color-stops(#c00, #00c))
 //     // 100px radius gradient in the top left corner
-//     +radial-gradient(color-stops(#c00, #00c), "top left")
+//     +radial-gradient(color-stops(#c00, #00c), top left)
 //     // Three colors, ending at 50px and passing thru #fff at 25px
 //     +radial-gradient(color-stops(#c00, #fff, #00c 50px))
-//     // gradient on top of a background image
+//     // a background image on top of the gradient
-//     +radial-gradient(color_stops(#c00, #fff), "top left", image-url("noise.png")))
+//     // Requires an image with an alpha-layer.
+//     +radial-gradient(color_stops(#c00, #fff), top left, image-url("noise.png")))
 // Browsers Supported:
 //
 // - Chrome
@@ -65,6 +67,7 @@
 // - Firefox 3.6
 
 @mixin radial-gradient($color-stops, $center-position: center center, $image: false) {
+  $center-position: unquote($center-position);
   $end-pos: grad-end-position($color-stops, true);
   $background: unquote("");
   @if $image { $background: $image + unquote(", "); }

frameworks/compass/stylesheets/compass/css3/_transition.scss

@@ -40,7 +40,7 @@ $default-transition-delay: false !default;
 // * these durations will affect the properties in the same list position
 
 @mixin transition-duration($duration: $default-transition-duration) {
-  @include experimental(transition-duration, $duration,
+  @include experimental(transition-duration, unquote($duration),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }
@@ -52,7 +52,7 @@ $default-transition-delay: false !default;
 // * These functions will effect the properties in the same list position
 
 @mixin transition-timing-function($function: $default-transition-function) {
-  @include experimental(transition-timing-function, $function,
+  @include experimental(transition-timing-function, unquote($function),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }
@@ -63,7 +63,7 @@ $default-transition-delay: false !default;
 // * these delays will effect the properties in the same list position
 
 @mixin transition-delay($delay: $default-transition-delay) {
-  @include experimental(transition-delay, $delay,
+  @include experimental(transition-delay, unquote($delay),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }