diff --git a/doc-src/content/reference/blueprint/liquid.haml b/doc-src/content/reference/blueprint/liquid.haml index 48cb1c3d..bd29c489 100644 --- a/doc-src/content/reference/blueprint/liquid.haml +++ b/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: +
+    .container {
+      width: 99%
+    }
+    
diff --git a/doc-src/content/reference/blueprint/print.haml b/doc-src/content/reference/blueprint/print.haml index 77721812..9209f572 100644 --- a/doc-src/content/reference/blueprint/print.haml +++ b/doc-src/content/reference/blueprint/print.haml @@ -9,5 +9,13 @@ classnames: - blueprint --- - render 'reference' do - %p - Some useful print styles. + :markdown + 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/ diff --git a/frameworks/compass/stylesheets/compass/css3/_gradient.scss b/frameworks/compass/stylesheets/compass/css3/_gradient.scss index 8b6e88c9..fb78563d 100644 --- a/frameworks/compass/stylesheets/compass/css3/_gradient.scss +++ b/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 -// +radial-gradient(color_stops(#c00, #fff), "top left", image-url("noise.png"))) +// // a background image on top of the gradient +// // 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(", "); } diff --git a/frameworks/compass/stylesheets/compass/css3/_transition.scss b/frameworks/compass/stylesheets/compass/css3/_transition.scss index 1984d0f3..d0c74a05 100644 --- a/frameworks/compass/stylesheets/compass/css3/_transition.scss +++ b/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 ); }