compass 0.10.0.rc3 → 0.10.0.rc4

data/frameworks/blueprint/stylesheets/blueprint/_form.scss

@@ -4,53 +4,63 @@
 @mixin blueprint-inline-form {
   line-height: 3;
   p {
-    margin-bottom: 0; } }
+    margin-bottom: 0;
+  }
+}
 
 @mixin blueprint-form {
   @include blueprint-form-layout;
   @include blueprint-form-borders;
-  @include blueprint-form-sizes; }
+  @include blueprint-form-sizes;
+}
 
 @mixin blueprint-form-layout {
-  label {
-    font-weight: bold; }
-  fieldset {
-    padding: 1.4em;
-    margin: 0 0 1.5em 0; }
-  legend {
-    font-weight: bold;
-    font-size: 1.2em; }
+  label              { font-weight: bold; }
+  fieldset           { padding: 1.4em; margin: 0 0 1.5em 0; }
+  legend             { font-weight: bold; font-size: 1.2em; }
   input {
-    &.text, &.title, &[type=text], &[type=password] {
-      margin: 0.5em 0;
-      background-color: white;
-      padding: 5px; }
-    &.title {
-      font-size: 1.5em; }
-    &[type=checkbox], &.checkbox,
-    &[type=radio], &.radio {
-      position: relative;
-      top: 0.25em; } }
-  textarea {
-    margin: 0.5em 0;
-    padding: 5px; }
-  select {
-    margin: 0.5em 0; } }
+    &.text,
+    &.title,
+    &[type=text],
+    &[type=password]   { margin: 0.5em 0; background-color: white; padding: 5px; }
+    &.title            { font-size: 1.5em; }
+    &[type=checkbox],
+    &.checkbox,
+    &[type=radio],
+    &.radio            { position: relative; top: 0.25em; }
+  }
+  textarea           { margin: 0.5em 0; padding: 5px; }
+  select             { margin: 0.5em 0; }
+}
 
-@mixin blueprint-form-sizes($input_width: 300px, $textarea_width: 390px, $textarea_height: 250px) {
+@mixin blueprint-form-sizes
+(
+  $input_width: 300px,
+  $textarea_width: 390px,
+  $textarea_height: 250px
+) {
   input {
-    &.text, &.title, &[type=text], &[type=password] {
-      width: $input_width; } }
-  textarea {
-    width: $textarea_width;
-    height: $textarea_height; } }
+    &.text,
+    &.title,
+    &[type=text],
+    &[type=password] { width: $input_width; }
+  }
+  textarea { width: $textarea_width; height: $textarea_height; }
+}
 
-@mixin blueprint-form-borders($unfocused_border_color: #bbbbbb, $focus_border_color: #666666, $fieldset_border_color: #cccccc) {
+@mixin blueprint-form-borders
+(
+  $unfocused_border_color: #bbbbbb,
+  $focus_border_color: #666666,
+  $fieldset_border_color: #cccccc
+) {
   fieldset {
     border: 1px solid $fieldset_border_color; }
   input.text, input.title, input[type=text], input[type=password],
-  textarea,
-  select {
+  textarea, select {
     border: 1px solid $unfocused_border_color;
     &:focus {
-      border: 1px solid $focus_border_color; } } }
+      border: 1px solid $focus_border_color;
+    }
+  }
+}

data/frameworks/blueprint/stylesheets/blueprint/_grid.scss

@@ -16,6 +16,7 @@
 //  --------------------------------------------------------------
 
 @import "compass/utilities/general/float";
+@import "compass/utilities/general/clearfix";
 
 // The number of columns in the grid.
 $blueprint_grid_columns: 24 !default;
@@ -206,7 +207,7 @@ $blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns
   position: relative; }
 
 @mixin push-margins($n) {
-  margin: 0 -$blueprint_grid_outer_width * $n 1.5em $blueprint_grid_outer_width * $n; }
+  margin: 0 (-$blueprint_grid_outer_width * $n) 1.5em $blueprint_grid_outer_width * $n; }
 
 // mixin to a column to push it n columns to the right
 @mixin push($n) {

data/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss

@@ -1,18 +1,19 @@
 @mixin no-link-icon {
   background: transparent none !important;
-  padding: 0 !important;
-  margin: 0 !important; }
+  padding:    0 !important;
+  margin:     0 !important;
+}
 
 @mixin link-icon-base {
-  padding: 2px 22px 2px 0;
-  margin: -2px 0;
-  background-repeat: no-repeat;
-  background-position: right center; }
+  padding:             2px 22px 2px 0;
+  margin:              -2px 0;
+  background-repeat:   no-repeat;
+  background-position: right center;
+}
 
-@mixin link-icon($name, $include_base: true) {
-  @if $include_base {
-    @include link-icon-base; }
-  background-image: image_url("link_icons/#{$name}"); }
+@mixin link-icon($name, $include-base: true) {
+  @if $include-base { @include link-icon-base; }
+  background-image: image-url("link_icons/#{$name}"); }
 
 @mixin link-icons {
   a[href^="http:"],
@@ -23,22 +24,14 @@
   a[href$=".xls"],
   a[href$=".rss"],
   a[href$=".rdf"],
-  a[href^="aim:"] {
-    @include link-icon-base; }
-  a[href^="http:"] {
-    @include link-icon(unquote("external.png"), false); }
-  a[href^="mailto:"] {
-    @include link-icon(unquote("email.png"), false); }
-  a[href^="http:"]:visited {
-    @include link-icon(unquote("visited.png"), false); }
-  a[href$=".pdf"] {
-    @include link-icon(unquote("pdf.png"), false); }
-  a[href$=".doc"] {
-    @include link-icon(unquote("doc.png"), false); }
-  a[href$=".xls"] {
-    @include link-icon(unquote("xls.png"), false); }
+  a[href^="aim:"]          { @include link-icon-base; }
+  a[href^="http:"]         { @include link-icon("external.png", false); }
+  a[href^="mailto:"]       { @include link-icon("email.png", false); }
+  a[href^="http:"]:visited { @include link-icon("visited.png", false); }
+  a[href$=".pdf"]          { @include link-icon("pdf.png", false); }
+  a[href$=".doc"]          { @include link-icon("doc.png", false); }
+  a[href$=".xls"]          { @include link-icon("xls.png", false); }
   a[href$=".rss"],
-  a[href$=".rdf"] {
-    @include link-icon(unquote("feed.png"), false); }
-  a[href^="aim:"] {
-    @include link-icon(unquote("im.png"), false); } }
+  a[href$=".rdf"]          { @include link-icon("feed.png", false); }
+  a[href^="aim:"]          { @include link-icon("im.png", false); }
+}

data/frameworks/blueprint/stylesheets/blueprint/_typography.scss

@@ -2,11 +2,11 @@
 @import "compass/utilities/links/link-colors";
 @import "compass/utilities/general/float";
 
-$blueprint_font_family: unquote("Helvetica Neue, Arial, Helvetica, sans-serif") !default;
+$blueprint-font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !default;
 
-$blueprint_fixed_font_family: unquote("'andale mono', 'lucida console', monospace") !default;
+$blueprint-fixed-font-family: "andale mono", "lucida console", monospace !default;
 
-$blueprint_font_size: 12px !default;
+$blueprint-font-size: 12px !default;
 
 // Usage examples:
 // As a top-level mixin, apply to any page that includes the stylesheet:
@@ -20,145 +20,74 @@ $blueprint_font_size: 12px !default;
 // Deprecated:
 //   You can pass the body selector as the first argument when used as a top-level mixin
 //   +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
-@mixin blueprint-typography($body_selector: body) {
-  @if $body_selector == true {
+@mixin blueprint-typography($body-selector: body) {
+  @if $body-selector == true {
     @include blueprint-typography-body;
-    @include blueprint-typography-defaults; }
-  @else {
-    #{$body_selector} {
+    @include blueprint-typography-defaults;
+  } @else {
+    #{$body-selector} {
       @include blueprint-typography-body;
-      @if $body_selector != "body" {
-        @warn "[DEPRECATED] To specify a the selector \"#{$body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{$body_selector}.";
-        @include blueprint-typography-defaults; } }
-    @if $body_selector == "body" {
-      @include blueprint-typography-defaults; } } }
+      @if $body-selector != body {
+        @warn "[DEPRECATED] To specify the selector \"#{$body-selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{$body-selector}.";
+        @include blueprint-typography-defaults;
+      }
+    }
+    @if $body-selector == body {
+      @include blueprint-typography-defaults;
+    }
+  }
+}
 
-@mixin normal-text {
-  font-family: $blueprint_font_family;
-  color: $font_color; }
+@mixin normal-text      { font-family: $blueprint-font-family; color: $font-color; }
+@mixin fixed-width-text { font: 1em $blueprint-fixed-font-family; line-height: 1.5; }
+@mixin header-text      { font-weight: normal; color: $header-color; }
+@mixin quiet            { color: $quiet-color; }
+@mixin loud             { color: $loud-color; }
 
-@mixin fixed-width-text {
-  font: 1em $blueprint_fixed_font_family;
-  line-height: 1.5; }
-
-@mixin header-text {
-  font-weight: normal;
-  color: $header_color; }
-
-@mixin quiet {
-  color: $quiet_color; }
-
-@mixin loud {
-  color: $loud_color; }
-
-@mixin blueprint-typography-body($font_size: $blueprint_font_size) {
+@mixin blueprint-typography-body($font-size: $blueprint-font-size) {
   line-height: 1.5;
   @include normal-text;
-  font-size: 100% * $font_size / 16px; }
+  font-size: 100% * $font-size / 16px;
+}
 
 @mixin blueprint-typography-defaults {
-  h1 {
-    @include header-text;
-    font-size: 3em;
-    line-height: 1;
-    margin-bottom: 0.5em;
-    img {
-      margin: 0; } }
-  h2 {
-    @include header-text;
-    font-size: 2em;
-    margin-bottom: 0.75em; }
-  h3 {
-    @include header-text;
-    font-size: 1.5em;
-    line-height: 1;
-    margin-bottom: 1em; }
-  h4 {
-    @include header-text;
-    font-size: 1.2em;
-    line-height: 1.25;
-    margin-bottom: 1.25em; }
-  h5 {
-    @include header-text;
-    font-size: 1em;
-    font-weight: bold;
-    margin-bottom: 1.5em; }
-  h6 {
-    @include header-text;
-    font-size: 1em;
-    font-weight: bold; }
-  h2 img,  h3 img,  h4 img,  h5 img,  h6 img {
-    margin: 0; }
-  p {
-    margin: 0 0 1.5em;
-    img.left {
-      @include float-left;
-      margin: 1.5em 1.5em 1.5em 0;
-      padding: 0; }
-    img.right {
-      @include float-right;
-      margin: 1.5em 0 1.5em 1.5em;
-      padding: 0; } }
-  a {
-    text-decoration: underline;
-    @include link-colors($link_color, $link_hover_color, $link_active_color, $link_visited_color, $link_focus_color); }
-  blockquote {
-    margin: 1.5em;
-    color: #666666;
-    font-style: italic; }
-  strong {
-    font-weight: bold; }
-  em {
-    font-style: italic; }
-  dfn {
-    font-style: italic;
-    font-weight: bold; }
-  sup,  sub {
-    line-height: 0; }
-  abbr,  acronym {
-    border-bottom: 1px dotted #666666; }
-  address {
-    margin: 0 0 1.5em;
-    font-style: italic; }
-  del {
-    color: #666666; }
-  pre {
-    margin: 1.5em 0;
-    white-space: pre; }
-  pre, code, tt {
-    @include fixed-width-text; }
-  li {
-    ul, ol {
-      margin: 0; } }
-  ul, ol {
-    margin: 0 1.5em 1.5em 0;
-    padding-left: 3.333em; }
-  ul {
-    list-style-type: disc; }
-  ol {
-    list-style-type: decimal; }
-  dl {
-    margin: 0 0 1.5em 0;
-    dt {
-      font-weight: bold; } }
-  dd {
-    margin-left: 1.5em; }
-  table {
-    margin-bottom: 1.4em;
-    width: 100%; }
-  th {
-    font-weight: bold; }
-  thead th {
-    background: $blueprint_table_header_color; }
-  th, td, caption {
-    padding: 4px 10px 4px 5px; }
-  tr.even td {
-    background: $blueprint_table_stripe_color; }
-  tfoot {
-    font-style: italic; }
-  caption {
-    background: #eeeeee; }
-  .quiet {
-    @include quiet; }
-  .loud {
-    @include loud; } }
+  #{headers(all)} { @include header-text;
+    img             { margin: 0; } }
+  h1              { font-size: 3em;   line-height: 1;    margin-bottom: 0.5em;  }
+  h2              { font-size: 2em;                      margin-bottom: 0.75em; }
+  h3              { font-size: 1.5em; line-height: 1;    margin-bottom: 1em;    }
+  h4              { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+  h5              { font-size: 1em;   font-weight: bold; margin-bottom: 1.5em;  }
+  h6              { font-size: 1em;   font-weight: bold;                        }
+  p               { margin: 0 0 1.5em;
+    img.left        { @include float-left;  margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+    img.right       { @include float-right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
+                  }
+  a               { text-decoration: underline; @include link-colors($link-color, $link-hover-color, $link-active-color, $link-visited-color, $link-focus-color); }
+  blockquote      { margin: 1.5em; color: #666666; font-style: italic; }
+  strong          { font-weight: bold; }
+  em              { font-style: italic; }
+  dfn             { font-style: italic; font-weight: bold; }
+  sup, sub        { line-height: 0; }
+  abbr, acronym   { border-bottom: 1px dotted #666666; }
+  address         { margin: 0 0 1.5em; font-style: italic; }
+  del             { color: #666666; }
+  pre             { margin: 1.5em 0; white-space: pre; }
+  pre, code, tt   { @include fixed-width-text; }
+  li ul, li ol    { margin: 0; }
+  ul, ol          { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
+  ul              { list-style-type: disc; }
+  ol              { list-style-type: decimal; }
+  dl              { margin: 0 0 1.5em 0;
+    dt              { font-weight: bold; } }
+  dd              { margin-left: 1.5em; }
+  table           { margin-bottom: 1.4em; width: 100%; }
+  th              { font-weight: bold; }
+  thead th        { background: $blueprint-table-header-color; }
+  th, td, caption { padding: 4px 10px 4px 5px; }
+  tr.even td      { background: $blueprint-table-stripe-color; }
+  tfoot           { font-style: italic; }
+  caption         { background: #eeeeee; }
+  .quiet          { @include quiet; }
+  .loud           { @include loud; }
+}

data/frameworks/compass/stylesheets/compass/_css3.scss

@@ -5,6 +5,7 @@
 @import "css3/text-shadow";
 @import "css3/columns";
 @import "css3/box-sizing";
+@import "css3/box";
 @import "css3/gradient";
 @import "css3/background-clip";
 @import "css3/background-origin";

data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss

@@ -1,4 +1,5 @@
-//
+@import "shared";
+
 // The default value is `padding-box` -- the box model used by modern browsers.
 //
 // If you wish to do so, you can override the default constant with `border-box`
@@ -14,11 +15,28 @@ $default-background-clip: padding-box !default;
 //
 //   * padding-box
 //   * border-box
+//   * text
 
 @mixin background-clip($clip: $default-background-clip) {
   // webkit and mozilla use the deprecated short [border | padding]
-  $deprecated: padding;
+  $deprecated: $clip;
+  @if $clip == padding-box { $deprecated: padding; }
   @if $clip == border-box { $deprecated: border; }
-  background-clip: $clip;
-  -webkit-background-clip: $deprecated;
-  -moz-background-clip: $deprecated; }
+  // Support for webkit and mozilla's use of the deprecated short form
+  @include experimental(background-clip, $deprecated,
+    $experimental-support-for-mozilla,
+    $experimental-support-for-webkit,
+    false, // opera
+    false, // microsoft
+    false, // khtml
+    false  // official
+  );
+  @include experimental(background-clip, $clip,
+    false, // mozilla
+    false, // webkit
+    $experimental-support-for-opera,
+    $experimental-support-for-microsoft,
+    $experimental-support-for-khtml,
+    true // official
+  );
+}