compass 0.10.2 → 0.10.3.pre.1

data/test/fixtures/stylesheets/blueprint/css/single-imports/scaffolding.css

@@ -0,0 +1,45 @@
+.box {
+  padding: 1.5em;
+  margin-bottom: 1.5em;
+  background: #e5ecf9; }
+
+div.border {
+  padding-right: 4px;
+  margin-right: 5px;
+  border-right: 1px solid #eeeeee; }
+
+div.colborder {
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eeeeee; }
+
+hr {
+  background: #dddddd;
+  color: #dddddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 0.1em;
+  margin: 0 0 1.45em;
+  border: none; }
+
+hr.space {
+  background: #dddddd;
+  color: #dddddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 0.1em;
+  margin: 0 0 1.45em;
+  border: none;
+  background: white;
+  color: white;
+  visibility: hidden; }
+
+form.inline {
+  line-height: 3; }
+  form.inline p {
+    margin-bottom: 0; }
+
+body {
+  margin: 1.5em 0; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/buttons.scss

@@ -0,0 +1,4 @@
+@import "blueprint/buttons";
+
+a { @include anchor-button; }
+button { @include button-button; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/colors.scss

@@ -0,0 +1,34 @@
+@import "blueprint/colors";
+
+.font-color     { color: $font-color; }
+.quiet-color    { color: $quiet-color; }
+.loud-color     { color: $loud-color; }
+.header-color   { color: $header-color; }
+.alt-text-color { color: $alt-text-color; }
+
+.link-color         { color: $link-color; }
+.link-hover-color   { color: $link-hover-color; }
+.link-focus-color   { color: $link-focus-color; }
+.link-active-color  { color: $link-active-color; }
+.link-visited-color { color: $link-visited-color; }
+
+.feedback-border-color { color: $feedback-border-color; }
+.success-color         { color: $success-color; }
+.success-bg-color      { color: $success-bg-color; }
+.success-border-color  { color: $success-border-color; }
+.notice-color          { color: $notice-color; }
+.notice-bg-color       { color: $notice-bg-color; }
+.notice-border-color   { color: $notice-border-color; }
+.error-color           { color: $error-color; }
+.error-bg-color        { color: $error-bg-color; }
+.error-border-color    { color: $error-border-color; }
+
+.highlight-color  { color: $highlight-color; }
+.added-color      { color: $added-color; }
+.added-bg-color   { color: $added-bg-color; }
+.removed-color    { color: $removed-color; }
+.removed-bg-color { color: $removed-bg-color; }
+
+.blueprint-table-header-color { color: $blueprint-table-header-color; }
+.blueprint-table-stripe-color { color: $blueprint-table-stripe-color; }
+

data/test/fixtures/stylesheets/blueprint/sass/single-imports/debug.scss

@@ -0,0 +1,3 @@
+@import "blueprint/debug";
+
+@include blueprint-debug;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/fancy-type.scss

@@ -0,0 +1,3 @@
+@import "blueprint/fancy-type";
+
+@include fancy-type;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/form.scss

@@ -0,0 +1,5 @@
+@import "blueprint/form";
+
+
+form.inline { @include blueprint-inline-form; }
+form.bp { @include blueprint-form; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/grid.scss

@@ -0,0 +1,3 @@
+@import "blueprint/grid";
+
+@include blueprint-grid;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/ie.scss

@@ -0,0 +1,3 @@
+@import "blueprint/ie";
+
+@include blueprint-ie;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/interaction.scss

@@ -0,0 +1,3 @@
+@import "blueprint/interaction";
+
+@include blueprint-interaction;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/link-icons.scss

@@ -0,0 +1,13 @@
+@import "blueprint/link-icons";
+
+// This turns link icons on for all links. You can change the scoping selector from
+// body to something more specific if you prefer.
+body {
+  @include link-icons;
+  // Use this class if a link gets an icon when it shouldn't.
+  a.noicon {
+    @include no-link-icon; }
+  // Not all links have a url structure that can be detected,
+  // So you can set them explicitly yourself like so:
+  a#this-is-a-pdf-link {
+    @include link-icon("pdf.png"); } }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/liquid.scss

@@ -0,0 +1,3 @@
+@import "blueprint/liquid";
+
+@include blueprint-liquid-grid;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/print.scss

@@ -0,0 +1,5 @@
+@import "blueprint/print";
+
+@include blueprint-print;
+
+a { @include blueprint-show-link-urls; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/reset-utilities.scss

@@ -0,0 +1,5 @@
+@import "blueprint/reset/utilities";
+
+@include blueprint-global-reset;
+
+body.testing { @include blueprint-nested-reset; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/reset.scss

@@ -0,0 +1 @@
+@import "blueprint/reset";

data/test/fixtures/stylesheets/blueprint/sass/single-imports/rtl.scss

@@ -0,0 +1,3 @@
+@import "blueprint/rtl";
+
+@include blueprint-grid;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/scaffolding.scss

@@ -0,0 +1,5 @@
+@import "blueprint/scaffolding";
+
+@include blueprint-scaffolding;
+
+body { @include blueprint-scaffolding-body; }

data/test/fixtures/stylesheets/blueprint/sass/single-imports/typography.scss

@@ -0,0 +1,3 @@
+@import "blueprint/typography";
+
+@include blueprint-typography;

data/test/fixtures/stylesheets/blueprint/sass/single-imports/utilities.scss

@@ -0,0 +1,3 @@
+@import "blueprint/utilities";
+
+@include blueprint-utilities;

data/test/fixtures/stylesheets/compass/config.rb

@@ -7,3 +7,8 @@ output_style = :nested
 # To enable relative image paths using the images_url() function:
 # http_images_path = :relative
 http_images_path = "/images"
+line_comments = false
+
+asset_cache_buster do |path, file|
+  "busted=true"
+end

data/test/fixtures/stylesheets/compass/css/border_radius.css

@@ -0,0 +1,23 @@
+.simple {
+  -webkit-border-radius: 4px 4px;
+  -moz-border-radius: 4px / 4px;
+  -o-border-radius: 4px / 4px;
+  -ms-border-radius: 4px / 4px;
+  -khtml-border-radius: 4px / 4px;
+  border-radius: 4px / 4px; }
+
+.compound {
+  -webkit-border-radius: 2px 3px;
+  -moz-border-radius: 2px 5px / 3px 6px;
+  -o-border-radius: 2px 5px / 3px 6px;
+  -ms-border-radius: 2px 5px / 3px 6px;
+  -khtml-border-radius: 2px 5px / 3px 6px;
+  border-radius: 2px 5px / 3px 6px; }
+
+.crazy {
+  -webkit-border-radius: 1px 2px;
+  -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+  -o-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+  -ms-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+  -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+  border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }

data/test/fixtures/stylesheets/compass/css/gradients.css

@@ -1,75 +1,94 @@
 .linear-1 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 100%);
+  background-image: linear-gradient(top, #dddddd 0%, #aaaaaa 100%); }
 
 .linear-2 {
   background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(left, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(left, #dddddd 0%, #aaaaaa 100%);
+  background-image: linear-gradient(left, #dddddd 0%, #aaaaaa 100%); }
 
 .linear-3 {
   background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top left, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top left, #dddddd 0%, #aaaaaa 100%);
+  background-image: linear-gradient(top left, #dddddd 0%, #aaaaaa 100%); }
 
 .linear-4 {
   background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top right, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top right, #dddddd 0%, #aaaaaa 100%);
+  background-image: linear-gradient(top right, #dddddd 0%, #aaaaaa 100%); }
 
 .linear-5 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(50%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 50%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 50%, #aaaaaa 100%);
+  background-image: linear-gradient(top, #dddddd 0%, #cccccc 50%, #aaaaaa 100%); }
 
 .linear-6 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 20%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 20%, #aaaaaa 100%);
+  background-image: linear-gradient(top, #dddddd 0%, #cccccc 20%, #aaaaaa 100%); }
 
 .linear-7 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(20%, #cccccc), color-stop(60%, #eeeeee), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 20%, #eeeeee 60%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 20%, #eeeeee 60%, #aaaaaa 100%);
+  background-image: linear-gradient(top, #dddddd 0%, #cccccc 20%, #eeeeee 60%, #aaaaaa 100%); }
 
 .linear-8 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa 100%); }
+  background-image: -moz-linear-gradient(top, #dddddd 80%, #aaaaaa 100%);
+  background-image: linear-gradient(top, #dddddd 80%, #aaaaaa 100%); }
 
 .linear-9 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 20%); }
+  background-image: -moz-linear-gradient(top, #dddddd 0%, #aaaaaa 20%);
+  background-image: linear-gradient(top, #dddddd 0%, #aaaaaa 20%); }
 
 .linear-10 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(80%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
+  background-image: -moz-linear-gradient(top, #dddddd 40%, #aaaaaa 50%);
+  background-image: linear-gradient(top, #dddddd 40%, #aaaaaa 50%); }
 
 .linear-11 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(80%, #dddddd), color-stop(90%, #000000), color-stop(100%, #aaaaaa));
-  background-image: -moz-linear-gradient(top, #dddddd 40%, #000000 45%, #aaaaaa 50%); }
+  background-image: -moz-linear-gradient(top, #dddddd 40%, #000000 45%, #aaaaaa 50%);
+  background-image: linear-gradient(top, #dddddd 40%, #000000 45%, #aaaaaa 50%); }
 
 .radial-1 {
   background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%);
+  background-image: radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
 
 .radial-2 {
   background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%);
+  background-image: radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
 
 .radial-3 {
   background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%);
+  background-image: radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%); }
 
 .radial-4 {
   background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%);
+  background-image: radial-gradient(center center, circle, #dddddd 0%, #aaaaaa 100%); }
 
 .radial-5 {
   background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 100, color-stop(0%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%); }
+  background-image: -moz-radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%);
+  background-image: radial-gradient(top center, circle, #dddddd 0%, #aaaaaa 100%); }
 
 .radial-6 {
   background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(40%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(center center, circle, #dddddd 20px, #aaaaaa 50px); }
+  background-image: -moz-radial-gradient(center center, circle, #dddddd 20px, #aaaaaa 50px);
+  background-image: radial-gradient(center center, circle, #dddddd 20px, #aaaaaa 50px); }
 
 .radial-7 {
   background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 50, color-stop(20%, #dddddd), color-stop(100%, #aaaaaa));
-  background-image: -moz-radial-gradient(center center, circle, #dddddd 20%, #aaaaaa 50px); }
+  background-image: -moz-radial-gradient(center center, circle, #dddddd 20%, #aaaaaa 50px);
+  background-image: radial-gradient(center center, circle, #dddddd 20%, #aaaaaa 50px); }
 
 .alpha-linear {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 127, 127, 0.5)), color-stop(100%, #ffffff));
-  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5) 45%, #ffffff 50%); }
+  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5) 45%, #ffffff 50%);
+  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5) 45%, #ffffff 50%); }

data/test/fixtures/stylesheets/compass/css/images.css

@@ -0,0 +1,8 @@
+.relative {
+  background-image: url('/images/4x6.png?busted=true'); }
+
+.root-relative {
+  background-image: url('/images/4x6.png?busted=true'); }
+
+.absolute {
+  background-image: url(http://example.com/images/4x6.png); }

data/test/fixtures/stylesheets/compass/css/lists.css

@@ -0,0 +1,100 @@
+ul.horizontal {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  overflow: hidden;
+  display: inline-block; }
+  ul.horizontal {
+    display: block; }
+  ul.horizontal li {
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: 0px;
+    white-space: nowrap;
+    display: inline;
+    float: left;
+    padding-left: 4px;
+    padding-right: 4px; }
+    ul.horizontal li:first-child, ul.horizontal li.first {
+      padding-left: 0px; }
+    ul.horizontal li:last-child, ul.horizontal li.last {
+      padding-right: 0px; }
+
+ul.wide-horizontal {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  overflow: hidden;
+  display: inline-block; }
+  ul.wide-horizontal {
+    display: block; }
+  ul.wide-horizontal li {
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: 0px;
+    white-space: nowrap;
+    display: inline;
+    float: left;
+    padding-left: 10px;
+    padding-right: 10px; }
+    ul.wide-horizontal li:first-child, ul.wide-horizontal li.first {
+      padding-left: 0px; }
+    ul.wide-horizontal li:last-child, ul.wide-horizontal li.last {
+      padding-right: 0px; }
+
+ul.right-horizontal {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  overflow: hidden;
+  display: inline-block; }
+  ul.right-horizontal {
+    display: block; }
+  ul.right-horizontal li {
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: 0px;
+    white-space: nowrap;
+    display: inline;
+    float: right;
+    padding-left: 4px;
+    padding-right: 4px; }
+    ul.right-horizontal li:first-child, ul.right-horizontal li.first {
+      padding-right: 0px; }
+    ul.right-horizontal li:last-child, ul.right-horizontal li.last {
+      padding-left: 0px; }
+
+ul.inline {
+  list-style-type: none; }
+  ul.inline, ul.inline li {
+    margin: 0px;
+    padding: 0px;
+    display: inline; }
+
+ul.comma {
+  list-style-type: none; }
+  ul.comma, ul.comma li {
+    margin: 0px;
+    padding: 0px;
+    display: inline; }
+  ul.comma li:after {
+    content: ", "; }
+  ul.comma li:last-child:after, ul.comma li.last:after {
+    content: ""; }
+
+ul.no-bullets {
+  list-style: none; }
+  ul.no-bullets li {
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: 0px; }
+
+ul.pretty {
+  margin-left: 0; }
+  ul.pretty li {
+    padding-left: 14px;
+    background: url('/images/4x6.png?busted=true') no-repeat 4px 7px;
+    list-style-type: none; }