compass-sourcemaps 0.12.3.sourcemaps.a4836f1 → 0.12.4.sourcemaps.a4836f1

data/frameworks/blueprint/stylesheets/blueprint/_ie.scss

@@ -1,111 +1,111 @@
-// @doc off
-// The blueprint IE mixins should be mixed into a stylesheet that gets conditionally included
-// into IE like so:
-// <!--[if lt IE 8]><link rel="stylesheet" href="ie.css"
-//                   type="text/css" media="screen, projection"><![endif]-->
-// @doc on
-
-//| Usage Examples
-//| --------------
-//|
-//| As a top-level mixin, apply to any page that includes the stylesheet:
-//| <pre class="source-code sass">
-//| +blueprint-ie
-//| </pre>
-//| Scoped by a presentational class:
-//| <pre class="source-code sass">
-//| body.blueprint
-//|  +blueprint-ie(true)
-//| </pre>
-//| Scoped by semantic selectors:
-//| <pre class="source-code sass">
-//| body#page-1, body#page-2, body.a-special-page-type
-//|   +blueprint-ie(true)
-//| </pre>
-//| **Deprecated:** You can pass the body selector as the first argument when used as a top-level mixin
-//| <pre class="source-code sass">
-//| +blueprint-ie("body#page-1, body#page-2, body.a-special-page-type")
-//| </pre>
-@mixin blueprint-ie($nested: false) {
-  @if $nested {
-    @include blueprint-ie-body;
-    @include blueprint-ie-defaults;
-  } @else {
-    body { @include blueprint-ie-body; }
-    @include blueprint-ie-defaults;
-  }
-}
-@mixin blueprint-ie-body {
-  text-align: center;
-  @include blueprint-ie-hacks; }
-
-@mixin blueprint-ie-hacks {
-  * html & {
-    legend {
-      margin: 0px -8px 16px 0;
-      padding: 0; } }
-  html>& {
-    p code {
-      *white-space: normal; } } }
-
-// Fixes for Blueprint "inline" forms in IE
-@mixin blueprint-inline-form-ie {
-  div, p {
-    vertical-align: middle; }
-  input {
-    &.checkbox, &.radio, &.button, button {
-      margin: 0.5em 0; } } }
-
-@mixin blueprint-ie-defaults {
-  .container {
-    text-align: left; }
-  sup {
-    vertical-align: text-top; }
-  sub {
-    vertical-align: text-bottom; }
-  hr {
-    margin: -8px auto 11px; }
-  img {
-    -ms-interpolation-mode: bicubic; }
-  fieldset {
-    padding-top: 0; }
-  legend {
-    margin-top: -0.2em;
-    margin-bottom: 1em;
-    margin-left: -0.5em; }
-  fieldset, #IE8#HACK {padding-top:1.4em;}
-  legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
-  textarea {
-    overflow: auto; }
-  label {
-    position: relative;
-    top: -0.25em; }
-  input {
-    &.text {
-      margin: 0.5em 0;
-      background-color: white;
-      border: 1px solid #bbbbbb;
-      &:focus {
-        border: 1px solid #666666; } }
-    &.title {
-      margin: 0.5em 0;
-      background-color: white;
-      border: 1px solid #bbbbbb;
-      &:focus {
-        border: 1px solid #666666; } }
-    &.checkbox {
-      position: relative;
-      top: 0.25em; }
-    &.radio {
-      position: relative;
-      top: 0.25em; }
-    &.button {
-      position: relative;
-      top: 0.25em; } }
-  textarea {
-    margin: 0.5em 0; }
-  select {
-    margin: 0.5em 0; }
-  button {
-    position: relative;
-    top: 0.25em; } }
+// @doc off
+// The blueprint IE mixins should be mixed into a stylesheet that gets conditionally included
+// into IE like so:
+// <!--[if lt IE 8]><link rel="stylesheet" href="ie.css"
+//                   type="text/css" media="screen, projection"><![endif]-->
+// @doc on
+
+//| Usage Examples
+//| --------------
+//|
+//| As a top-level mixin, apply to any page that includes the stylesheet:
+//| <pre class="source-code sass">
+//| +blueprint-ie
+//| </pre>
+//| Scoped by a presentational class:
+//| <pre class="source-code sass">
+//| body.blueprint
+//|  +blueprint-ie(true)
+//| </pre>
+//| Scoped by semantic selectors:
+//| <pre class="source-code sass">
+//| body#page-1, body#page-2, body.a-special-page-type
+//|   +blueprint-ie(true)
+//| </pre>
+//| **Deprecated:** You can pass the body selector as the first argument when used as a top-level mixin
+//| <pre class="source-code sass">
+//| +blueprint-ie("body#page-1, body#page-2, body.a-special-page-type")
+//| </pre>
+@mixin blueprint-ie($nested: false) {
+  @if $nested {
+    @include blueprint-ie-body;
+    @include blueprint-ie-defaults;
+  } @else {
+    body { @include blueprint-ie-body; }
+    @include blueprint-ie-defaults;
+  }
+}
+@mixin blueprint-ie-body {
+  text-align: center;
+  @include blueprint-ie-hacks; }
+
+@mixin blueprint-ie-hacks {
+  * html & {
+    legend {
+      margin: 0px -8px 16px 0;
+      padding: 0; } }
+  html>& {
+    p code {
+      *white-space: normal; } } }
+
+// Fixes for Blueprint "inline" forms in IE
+@mixin blueprint-inline-form-ie {
+  div, p {
+    vertical-align: middle; }
+  input {
+    &.checkbox, &.radio, &.button, button {
+      margin: 0.5em 0; } } }
+
+@mixin blueprint-ie-defaults {
+  .container {
+    text-align: left; }
+  sup {
+    vertical-align: text-top; }
+  sub {
+    vertical-align: text-bottom; }
+  hr {
+    margin: -8px auto 11px; }
+  img {
+    -ms-interpolation-mode: bicubic; }
+  fieldset {
+    padding-top: 0; }
+  legend {
+    margin-top: -0.2em;
+    margin-bottom: 1em;
+    margin-left: -0.5em; }
+  fieldset, #IE8#HACK {padding-top:1.4em;}
+  legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
+  textarea {
+    overflow: auto; }
+  label {
+    position: relative;
+    top: -0.25em; }
+  input {
+    &.text {
+      margin: 0.5em 0;
+      background-color: white;
+      border: 1px solid #bbbbbb;
+      &:focus {
+        border: 1px solid #666666; } }
+    &.title {
+      margin: 0.5em 0;
+      background-color: white;
+      border: 1px solid #bbbbbb;
+      &:focus {
+        border: 1px solid #666666; } }
+    &.checkbox {
+      position: relative;
+      top: 0.25em; }
+    &.radio {
+      position: relative;
+      top: 0.25em; }
+    &.button {
+      position: relative;
+      top: 0.25em; } }
+  textarea {
+    margin: 0.5em 0; }
+  select {
+    margin: 0.5em 0; }
+  button {
+    position: relative;
+    top: 0.25em; } }

data/frameworks/blueprint/stylesheets/blueprint/_interaction.scss

@@ -1,66 +1,66 @@
-@import "colors";
-
-@mixin blueprint-interaction {
-  .feedback  { @include feedback-base;     }
-  .error     { @include error(feedback);   }
-  .alert     { @extend .error;             }
-  .notice    { @include notice(feedback);  }
-  .success   { @include success(feedback); }
-  .info      { @include info(feedback);    }
-  .hide      { display: none;              }
-  .highlight { @include highlight;         }
-  .added     { @include added;             }
-  .removed   { @include removed;           }
-}
-
-@mixin feedback-base {
-  padding: 0.8em;
-  margin-bottom: 1em;
-  border: 2px solid $feedback-border-color; }
-
-@mixin error($feedback-base-class: false) {
-  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
-  @else                    { @include feedback-base;           }
-  background: $error-bg-color;
-  color: $error-color;
-  border-color: $error-border-color;
-  a { color: $error-color; }
-}
-
-@mixin notice($feedback-base-class: false) {
-  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
-  @else                    { @include feedback-base;           }
-  background: $notice-bg-color;
-  color: $notice-color;
-  border-color: $notice-border-color;
-  a { color: $notice-color; }
-}
-
-@mixin success($feedback-base-class: false) {
-  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
-  @else                    { @include feedback-base;           }
-  background: $success-bg-color;
-  color: $success-color;
-  border-color: $success-border-color;
-  a { color: $success-color; }
-}
-
-@mixin info($feedback-base-class: false) {
-  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
-  @else                    { @include feedback-base;           }
-  background: $info-bg-color;
-  color: $info-color;
-  border-color: $info-border-color;
-  a { color: $info-color; }
-}
-
-@mixin highlight {
-  background: $highlight-color; }
-
-@mixin added {
-  background: $added-bg-color;
-  color: $added-color; }
-
-@mixin removed {
-  background: $removed-bg-color;
-  color: $removed-color; }
+@import "colors";
+
+@mixin blueprint-interaction {
+  .feedback  { @include feedback-base;     }
+  .error     { @include error(feedback);   }
+  .alert     { @extend .error;             }
+  .notice    { @include notice(feedback);  }
+  .success   { @include success(feedback); }
+  .info      { @include info(feedback);    }
+  .hide      { display: none;              }
+  .highlight { @include highlight;         }
+  .added     { @include added;             }
+  .removed   { @include removed;           }
+}
+
+@mixin feedback-base {
+  padding: 0.8em;
+  margin-bottom: 1em;
+  border: 2px solid $feedback-border-color; }
+
+@mixin error($feedback-base-class: false) {
+  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
+  @else                    { @include feedback-base;           }
+  background: $error-bg-color;
+  color: $error-color;
+  border-color: $error-border-color;
+  a { color: $error-color; }
+}
+
+@mixin notice($feedback-base-class: false) {
+  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
+  @else                    { @include feedback-base;           }
+  background: $notice-bg-color;
+  color: $notice-color;
+  border-color: $notice-border-color;
+  a { color: $notice-color; }
+}
+
+@mixin success($feedback-base-class: false) {
+  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
+  @else                    { @include feedback-base;           }
+  background: $success-bg-color;
+  color: $success-color;
+  border-color: $success-border-color;
+  a { color: $success-color; }
+}
+
+@mixin info($feedback-base-class: false) {
+  @if $feedback-base-class { @extend .#{$feedback-base-class}; }
+  @else                    { @include feedback-base;           }
+  background: $info-bg-color;
+  color: $info-color;
+  border-color: $info-border-color;
+  a { color: $info-color; }
+}
+
+@mixin highlight {
+  background: $highlight-color; }
+
+@mixin added {
+  background: $added-bg-color;
+  color: $added-color; }
+
+@mixin removed {
+  background: $removed-bg-color;
+  color: $removed-color; }

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

@@ -1,37 +1,37 @@
-@mixin no-link-icon {
-  background: transparent none !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;
-}
-
-@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:"],
-  a[href^="mailto:"],
-  a[href^="http:"]:visited,
-  a[href$=".pdf"],
-  a[href$=".doc"],
-  a[href$=".xls"],
-  a[href$=".rss"],
-  a[href$=".rdf"],
-  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("feed.png", false); }
-  a[href^="aim:"]          { @include link-icon("im.png", false); }
-}
+@mixin no-link-icon {
+  background: transparent none !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;
+}
+
+@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:"],
+  a[href^="mailto:"],
+  a[href^="http:"]:visited,
+  a[href$=".pdf"],
+  a[href$=".doc"],
+  a[href$=".xls"],
+  a[href$=".rss"],
+  a[href$=".rdf"],
+  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("feed.png", false); }
+  a[href^="aim:"]          { @include link-icon("im.png", false); }
+}

data/frameworks/blueprint/stylesheets/blueprint/_liquid.scss

@@ -1,152 +1,152 @@
-//  --------------------------------------------------------------
-//  SASS Gridification
-//  * Author:   Geoff Garside
-//  A SASS adaptation of Blueprint CSS
-//  * Version:         0.7.1 (2008-02-25)
-//  * Website:         http://code.google.com/p/blueprintcss/
-//  Based on work by:
-//  * Chris Eppstein    [eppsteins.net]
-//  * Lorin Tacket      [lorintackett.com]
-//  * Olav Bjorkoy      [bjorkoy.com]
-//  * Nathan Borror     [playgroundblues.com]
-//  * Jeff Croft        [jeffcroft.com]
-//  * Christian Metts   [mintchaos.com]
-//  * Khoi Vinh         [subtraction.com]
-//  Liquid grid work by:
-//  * Ben Listwon
-//  * David Bedingfield
-//  * Andrei Michael Herasimchuk
-//  Involution Studios, http://www.involutionstudios.com
-//  Read more about using a grid here:
-//  * subtraction.com/archives/2007/0318-oh-yeeaahh.php
-//  -----
-//  By default, the grid is 80% of window width, with 24 columns.
-//
-//  To make the grid fixed, simply change the .container width
-//  property to a pixel value. e.g., 960px.
-//  -----
-//  To use:
-//  This module is a REPLACEMENT for the grid module. Simply import it:
-//  @import blueprint
-//  @import blueprint/liquid
-//  -------------------------------------------------------------------
-
-@import "compass/utilities/general/clearfix";
-@import "compass/utilities/general/float";
-
-// Main layout grid, override these constants to build your grid and container sizes.
-// The width shown gives the right floored percentage values.
-$blueprint-liquid-grid-columns: 24 !default;
-
-$blueprint-liquid-grid-width: 3.167% !default;
-
-$blueprint-liquid-grid-margin: 1.042% !default;
-
-// Do not edit below this line unless you really know what you're doing.
-$blueprint-liquid-container-width: 80% !default;
-
-$blueprint-liquid-container-min-width: 950px !default;
-
-$blueprint-liquid-grid-push-pull: -($blueprint-liquid-grid-margin + $blueprint-liquid-grid-width) !default;
-
-@mixin blueprint-liquid-grid {
-  // A container should group all your columns
-  .container {
-    @include container; }
-  // Use these classes (or mixins) to set the width of a column.
-  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
-    .span-#{$n} { width: span-fluid($n); }
-    div {
-      &.span-#{$n} {
-        @include column($n, $n == $blueprint-liquid-grid-columns); } } }
-  // The last column in a row needs this class (or mixin) or it will end up on the next row.
-  div.last {
-    @include last; }
-  // Add these to a column to append empty cols.
-  @for $n from 1 to $blueprint-liquid-grid-columns {
-    .append-#{$n} {
-      @include append($n); } }
-  // Add these to a column to prepend empty cols.
-  @for $n from 1 to $blueprint-liquid-grid-columns {
-    .prepend-#{$n} {
-      @include prepend($n); } }
-  // Use these classes on an element to push it into the
-  // next column, or to pull it into the previous column.
-  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
-    .pull-#{$n} {
-      @include pull($n); } }
-  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
-    .push-#{$n} {
-      @include push($n); } } }
-
-@mixin container {
-  min-width: $blueprint-liquid-container-min-width;
-  width: $blueprint-liquid-container-width;
-  margin: 0 auto;
-  @include clearfix; }
-
-// Return the width of `$n` columns in percents.
-@function span-fluid($n) {
-  @return $blueprint-liquid-grid-width * $n + $blueprint-liquid-grid-margin * ($n - 1);
-}
-
-@mixin span($n, $important: false) {
-  @warn "The span mixin is deprecated. Please use the span-fluid function instead. E.g. width: span-fluid(#{$n})";
-  $width: span-fluid($n);
-  @if $important {
-    width: $width !important; }
-  @else {
-    width: $width; } }
-
-@mixin last {
-  margin-right: 0; }
-
-@mixin column($n, $last: false) {
-  @include float-left;
-  overflow: hidden;
-  width: span-fluid($n);
-  @if $last {
-    @include last; }
-  @else {
-    margin-right: $blueprint-liquid-grid-margin; } }
-
-@mixin append($n) {
-  padding-right: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; }
-
-@mixin prepend($n) {
-  padding-left: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; }
-
-@mixin pull($n, $last: false) {
-  margin-left: $blueprint-liquid-grid-push-pull * $n; }
-
-@mixin push($n) {
-  @include float-right;
-  margin: {
-    top: 0;
-    left: $blueprint-liquid-grid-margin;
-    right: $blueprint-liquid-grid-push-pull * $n;
-    bottom: 0; }; }
-
-@mixin border {
-  border-right: 1px solid #eeeeee; }
-
-@mixin colborder {
-  padding-right: $blueprint-liquid-grid-margin * 2;
-  margin-right: $blueprint-liquid-grid-margin * 2;
-  @include border; }
-
-@mixin colruler {
-  background: #dddddd;
-  color: #dddddd;
-  clear: both;
-  width: 100%;
-  height: 0.083em;
-  margin: 0;
-  margin-left: $blueprint-liquid-grid-margin * 2;
-  margin-right: $blueprint-liquid-grid-margin * 2;
-  border: none; }
-
-@mixin colspacer {
-  @include colruler;
-  background: white;
-  color: white; }
+//  --------------------------------------------------------------
+//  SASS Gridification
+//  * Author:   Geoff Garside
+//  A SASS adaptation of Blueprint CSS
+//  * Version:         0.7.1 (2008-02-25)
+//  * Website:         http://code.google.com/p/blueprintcss/
+//  Based on work by:
+//  * Chris Eppstein    [eppsteins.net]
+//  * Lorin Tacket      [lorintackett.com]
+//  * Olav Bjorkoy      [bjorkoy.com]
+//  * Nathan Borror     [playgroundblues.com]
+//  * Jeff Croft        [jeffcroft.com]
+//  * Christian Metts   [mintchaos.com]
+//  * Khoi Vinh         [subtraction.com]
+//  Liquid grid work by:
+//  * Ben Listwon
+//  * David Bedingfield
+//  * Andrei Michael Herasimchuk
+//  Involution Studios, http://www.involutionstudios.com
+//  Read more about using a grid here:
+//  * subtraction.com/archives/2007/0318-oh-yeeaahh.php
+//  -----
+//  By default, the grid is 80% of window width, with 24 columns.
+//
+//  To make the grid fixed, simply change the .container width
+//  property to a pixel value. e.g., 960px.
+//  -----
+//  To use:
+//  This module is a REPLACEMENT for the grid module. Simply import it:
+//  @import blueprint
+//  @import blueprint/liquid
+//  -------------------------------------------------------------------
+
+@import "compass/utilities/general/clearfix";
+@import "compass/utilities/general/float";
+
+// Main layout grid, override these constants to build your grid and container sizes.
+// The width shown gives the right floored percentage values.
+$blueprint-liquid-grid-columns: 24 !default;
+
+$blueprint-liquid-grid-width: 3.167% !default;
+
+$blueprint-liquid-grid-margin: 1.042% !default;
+
+// Do not edit below this line unless you really know what you're doing.
+$blueprint-liquid-container-width: 80% !default;
+
+$blueprint-liquid-container-min-width: 950px !default;
+
+$blueprint-liquid-grid-push-pull: -($blueprint-liquid-grid-margin + $blueprint-liquid-grid-width) !default;
+
+@mixin blueprint-liquid-grid {
+  // A container should group all your columns
+  .container {
+    @include container; }
+  // Use these classes (or mixins) to set the width of a column.
+  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
+    .span-#{$n} { width: span-fluid($n); }
+    div {
+      &.span-#{$n} {
+        @include column($n, $n == $blueprint-liquid-grid-columns); } } }
+  // The last column in a row needs this class (or mixin) or it will end up on the next row.
+  div.last {
+    @include last; }
+  // Add these to a column to append empty cols.
+  @for $n from 1 to $blueprint-liquid-grid-columns {
+    .append-#{$n} {
+      @include append($n); } }
+  // Add these to a column to prepend empty cols.
+  @for $n from 1 to $blueprint-liquid-grid-columns {
+    .prepend-#{$n} {
+      @include prepend($n); } }
+  // Use these classes on an element to push it into the
+  // next column, or to pull it into the previous column.
+  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
+    .pull-#{$n} {
+      @include pull($n); } }
+  @for $n from 1 to $blueprint-liquid-grid-columns + 1 {
+    .push-#{$n} {
+      @include push($n); } } }
+
+@mixin container {
+  min-width: $blueprint-liquid-container-min-width;
+  width: $blueprint-liquid-container-width;
+  margin: 0 auto;
+  @include clearfix; }
+
+// Return the width of `$n` columns in percents.
+@function span-fluid($n) {
+  @return $blueprint-liquid-grid-width * $n + $blueprint-liquid-grid-margin * ($n - 1);
+}
+
+@mixin span($n, $important: false) {
+  @warn "The span mixin is deprecated. Please use the span-fluid function instead. E.g. width: span-fluid(#{$n})";
+  $width: span-fluid($n);
+  @if $important {
+    width: $width !important; }
+  @else {
+    width: $width; } }
+
+@mixin last {
+  margin-right: 0; }
+
+@mixin column($n, $last: false) {
+  @include float-left;
+  overflow: hidden;
+  width: span-fluid($n);
+  @if $last {
+    @include last; }
+  @else {
+    margin-right: $blueprint-liquid-grid-margin; } }
+
+@mixin append($n) {
+  padding-right: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; }
+
+@mixin prepend($n) {
+  padding-left: ($blueprint-liquid-grid-width + $blueprint-liquid-grid-margin) * $n; }
+
+@mixin pull($n, $last: false) {
+  margin-left: $blueprint-liquid-grid-push-pull * $n; }
+
+@mixin push($n) {
+  @include float-right;
+  margin: {
+    top: 0;
+    left: $blueprint-liquid-grid-margin;
+    right: $blueprint-liquid-grid-push-pull * $n;
+    bottom: 0; }; }
+
+@mixin border {
+  border-right: 1px solid #eeeeee; }
+
+@mixin colborder {
+  padding-right: $blueprint-liquid-grid-margin * 2;
+  margin-right: $blueprint-liquid-grid-margin * 2;
+  @include border; }
+
+@mixin colruler {
+  background: #dddddd;
+  color: #dddddd;
+  clear: both;
+  width: 100%;
+  height: 0.083em;
+  margin: 0;
+  margin-left: $blueprint-liquid-grid-margin * 2;
+  margin-right: $blueprint-liquid-grid-margin * 2;
+  border: none; }
+
+@mixin colspacer {
+  @include colruler;
+  background: white;
+  color: white; }