compass-rails31 0.12.0.alpha.0.91a748a

data/frameworks/blueprint/stylesheets/blueprint/_colors.scss

@@ -0,0 +1,36 @@
+$font-color:     #333333 !default;
+$quiet-color:    lighten($font-color, 20%) !default;
+$loud-color:     darken($font-color, 13.33%) !default;
+$header-color:   darken($font-color, 6.67%) !default;
+$alt-text-color: #666666 !default;
+$blueprint-background-color: #eeeeee !default;
+$blueprint-border-color: #ddd !default;
+
+$link-color:         #06c                  !default;
+$link-hover-color:   #09f                  !default;
+$link-focus-color:   $link-hover-color     !default;
+$link-active-color:  lighten(adjust-hue($link-color, 75deg), 10%) !default;
+$link-visited-color: darken($link-color, 10%) !default;
+
+$feedback-border-color: #dddddd !default;
+$success-color:         #264409 !default;
+$success-bg-color:      #e6efc2 !default;
+$success-border-color:  #c6d880 !default;
+$notice-color:          #514721 !default;
+$notice-bg-color:       #fff6bf !default;
+$notice-border-color:   #ffd324 !default;
+$info-color:            #205791 !default;
+$info-bg-color:         #d5edf8 !default;
+$info-border-color:     #92cae4 !default;
+$error-color:           #8a1f11 !default;
+$error-bg-color:        #fbe3e4 !default;
+$error-border-color:    #fbc2c4 !default;
+
+$highlight-color:        yellow !default;
+$added-color:             white !default;
+$added-bg-color:        #006600 !default;
+$removed-color:           white !default;
+$removed-bg-color:      #990000 !default;
+
+$blueprint-table-header-color: #c3d9ff !default;
+$blueprint-table-stripe-color: #e5ecf9 !default;

data/frameworks/blueprint/stylesheets/blueprint/_debug.scss

@@ -0,0 +1,28 @@
+@import "compass/layout/grid-background";
+@import "grid", "typography";
+
+// Shows a background that can be used to check grid alignment.
+// By default this is a pure css version that only works in browsers
+// that support gradients and multiple backgrounds, but you can pass
+// an image url if you prefer.
+@mixin showgrid($image: false) {
+  @if $image {
+    background: image-url($image);
+  }
+  @else {
+    @include grid-background(
+      $total    : $blueprint-grid-columns,
+      $column   : $blueprint-grid-width,
+      $gutter   : $blueprint-grid-margin,
+      $baseline : $blueprint-font-size * 1.5
+    );
+  }
+}
+
+@mixin blueprint-debug($grid-image: false) {
+  // Use this class on any column or container to see the grid.
+  // TODO: prefix this with the project path.
+  .showgrid {
+    @include showgrid($grid-image);
+  }
+}

data/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss

@@ -0,0 +1,88 @@
+@charset "utf-8";
+@import "typography";
+
+$alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default;
+
+// To install the fancy type plugin:
+//
+// 1. Import the fancy-type module: `@import "blueprint/fancy-type"`
+// 2. Mix in `fancy-type` to your project's body or at the top level of your stylesheet:<br>
+//    `body { @include fancy-type; }`
+@mixin fancy-type {
+  @include fancy-paragraphs;
+  .caps { @include caps; }
+  .dquo { @include dquo; }
+  .alt  { @include alt;  }
+}
+
+// For great looking type, use this code instead of asdf: 
+// `<span class="alt">asdf</span>`
+// Best used on prepositions and ampersands.
+
+@mixin alt {
+  color: $alt-text-color;
+  font-family: $alternate-text-font;
+  font-style: italic;
+  font-weight: normal;
+}
+
+// For great looking quote marks in titles, replace "asdf" with:
+// `<span class="dquo">&#8220;</span>asdf&#8221;`
+// (That is, when the title starts with a quote mark). 
+// Note: you may have to change this value depending on your font size.
+
+@mixin dquo($offset: 0.5em) {
+  margin-left: -$offset;
+}
+
+// Reduced size type with [incremental leading](http://www.markboulton.co.uk/journal/comments/incremental-leading/)
+//
+// This could be used for side notes. For smaller type, you don't necessarily want to 
+// follow the 1.5x vertical rhythm -- the line-height is too much. 
+//
+// Using this mixin, reduces your font size and line-height so that for 
+// every four lines of normal sized type, there is five lines of the sidenote. eg:
+//
+// Arguments:
+// * `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
+// * `$base-font-size` - The base font size in pixels. Defaults to 12px
+// * `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size
+
+@mixin incr(
+  $font-size: 10px,
+  $base-font-size: $blueprint-font-size,
+  $old-line-height: $base-font-size * 1.5
+) {
+  font-size: 1em * $font-size / $base-font-size;
+  line-height: 1em * $old-line-height / $font-size * 4 / 5;
+  margin-bottom: 1.5em;
+}
+
+// Surround uppercase words and abbreviations with this class.
+// Based on work by [Jørgen Arnor Gårdsø Lom](http://twistedintellect.com/)
+
+@mixin caps {
+  font-variant: small-caps;
+  letter-spacing: 1px;
+  text-transform: lowercase;
+  font-size: 1.2em;
+  line-height: 1%;
+  font-weight: bold;
+  padding: 0 2px;
+}
+
+// This mixin is automatically included when you include `fancy-type`
+@mixin fancy-paragraphs {
+  p + p   { @include sibling-indentation; }
+  p.incr,
+  .incr p { @include incr; }
+}
+
+// Indentation instead of line shifts for sibling paragraphs. Mixin to a selector like `p + p`
+@mixin sibling-indentation {
+  text-indent: 2em;
+  margin-top: -1.5em;
+  /* Don't want this in forms. */
+  form & { text-indent: 0; }
+}
+

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

@@ -0,0 +1,66 @@
+@import "colors";
+
+// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
+@mixin blueprint-inline-form {
+  line-height: 3;
+  p {
+    margin-bottom: 0;
+  }
+}
+
+@mixin blueprint-form {
+  @include blueprint-form-layout;
+  @include blueprint-form-borders;
+  @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; }
+  input {
+    &.text,
+    &.title,
+    &[type=email],
+    &[type=text],
+    &[type=password]   { margin: 0.5em 0; background-color: white; padding: 5px; }
+    &.title            { font-size: 1.5em; }
+  }
+  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
+) {
+  input {
+    &.text,
+    &.title,
+    &[type=email],
+    &[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
+) {
+  fieldset {
+    border: 1px solid $fieldset-border-color; }
+  input.text, input.title, input[type=email], input[type=text], input[type=password],
+  textarea {
+    background-color:#fff;
+    border: 1px solid $unfocused-border-color;
+    &:focus {
+      border-color: $focus-border-color;
+    }
+  }
+  select { background-color:#fff; border-width:1px; border-style:solid; }
+}

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

@@ -0,0 +1,258 @@
+//  --------------------------------------------------------------
+//  SASS Gridification
+//  * Author:   Chris Eppstein
+//  A SASS adaptation of Blueprint CSS
+//  * Version:         0.7.1 (2008-02-25)
+//  * Website:         http://code.google.com/p/blueprintcss/
+//  Based on work by:
+//  * Lorin Tackett     [lorintackett.com]
+//  * Olav Bjorkoy      [bjorkoy.com]
+//  * Nathan Borror     [playgroundblues.com]
+//  * Jeff Croft        [jeffcroft.com]
+//  * Christian Metts   [mintchaos.com]
+//  * Khoi Vinh         [subtraction.com]
+//  Read more about using a grid here:
+//  * http://www.subtraction.com/2007/03/18/oh-yeeaahh
+//  --------------------------------------------------------------
+
+@import "compass/utilities/general/float";
+@import "compass/utilities/general/clearfix";
+
+// The number of columns in the grid.
+$blueprint-grid-columns: 24 !default;
+
+// The width of a column
+$blueprint-grid-width: 30px !default;
+
+// The amount of margin between columns
+$blueprint-grid-margin: 10px !default;
+
+// The width of a column including the margin. With default settings this is `40px`.
+$blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin;
+
+// The width of the container. With default settings this is `950px`.
+$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
+
+// Generates presentational class names that you can use
+// in your html to layout your pages.
+//
+// #### Note:
+// Best practices discourage using this mixin,
+// but it is provided to support legacy websites
+// and to test the sass port against blueprint's example pages.
+
+@mixin blueprint-grid {
+  // A container should group all your columns
+  .container {
+    @include container; }
+  .column {
+    @include column-base; }
+  // The last column in a row needs this class (or mixin) or it will end up on the next row.
+  .last {
+    @include last; }
+  // Use these classes (or mixins) to set the width of a column.
+  @for $n from 1 to $blueprint-grid-columns {
+    .span-#{$n} {
+      @extend .column;
+      width: span($n); } }
+  .span-#{$blueprint-grid-columns} {
+    @extend .column;
+    width: span($blueprint-grid-columns);
+    margin: 0; }
+  input, textarea, select {
+    @for $n from 1 through $blueprint-grid-columns {
+      &.span-#{$n} {
+        width: span($n); } } }
+  // Add these to a column to append empty cols.
+  @for $n from 1 to $blueprint-grid-columns {
+    .append-#{$n} {
+      @include append($n); } }
+  // Add these to a column to prepend empty cols.
+  @for $n from 1 to $blueprint-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.
+  #{enumerate(".pull", 1, $blueprint-grid-columns)} {
+    @include pull-base; }
+  @for $n from 1 through $blueprint-grid-columns {
+    .pull-#{$n} {
+      @include pull-margins($n); } }
+  #{enumerate(".push", 1, $blueprint-grid-columns)} {
+    @include push-base; }
+  @for $n from 1 through $blueprint-grid-columns {
+    .push-#{$n} {
+      @include push-margins($n); } }
+  .prepend-top {
+    @include prepend-top; }
+  .append-bottom {
+    @include append-bottom; } }
+
+// A container for your columns.
+//
+// #### Note:
+// If you use this mixin without the class and want to support ie6
+// you must set text-align left on your container element in an IE stylesheet.
+@mixin container {
+  width: $blueprint-container-size;
+  margin: 0 auto;
+  @include clearfix; }
+
+// The last column in a row needs this mixin or it will end up
+// on the next row in some browsers.
+@mixin last {
+  margin-right: 0; }
+
+// Use this mixins to set the width of n columns.
+@mixin column($n, $last: false) {
+  @include column-base($last);
+  width: span($n); }
+
+// Return the width in pixels of `$n` columns.
+@function span($n) {
+  @return $blueprint-grid-width * $n + $blueprint-grid-margin * ($n - 1);
+}
+
+// Set only the width of an element to align it with the grid.
+// Most of the time you'll want to use `+column` instead.
+//
+// This mixin is especially useful for aligning tables to the grid.
+//
+// @deprecated Please use the span function with the width property instead.
+@mixin span($n, $important: false) {
+  @warn "The span mixin is deprecated. Please use the span function instead. E.g. width: span(#{$n})";
+  @if $important {
+    width: span($n) !important; }
+  @else {
+    width: span($n); } }
+
+// The basic set of styles needed to make an element
+// behave like a column:
+//
+// * floated to left
+// * gutter margin on the right (unless the last column)
+// * Some IE fixes
+//
+// #### Note:
+// This mixin gets applied automatically when using `+column`
+// so you probably don't need to use it directly unless
+// you need to deviate from the grid or are trying
+// to reduce the amount of generated CSS.
+@mixin column-base($last: false) {
+  @include float-left;
+  @if $last {
+    @include last; }
+  @else {
+    margin-right: $blueprint-grid-margin; }
+  * html & {
+    overflow-x: hidden; } }
+
+// Mixin to a column to append n empty columns to the right
+// by adding right padding to the column.
+@mixin append($n) {
+  padding-right: $blueprint-grid-outer-width * $n; }
+
+// Mixin to a column to append n empty columns to the left
+// by adding left padding to the column.
+@mixin prepend($n) {
+  padding-left: $blueprint-grid-outer-width * $n; }
+
+// Adds trailing margin.
+@mixin append-bottom($amount: 1.5em) {
+  margin-bottom: $amount; }
+
+// Adds leading margin.
+@mixin prepend-top($amount: 1.5em) {
+  margin-top: $amount; }
+
+// Base styles that make it possible to pull an element to the left.
+// #### Note:
+// This mixin gets applied automatically when using `+pull`
+// so you probably don't need to use it directly unless
+// you need to deviate from the grid or are trying
+// to reduce the amount of generated CSS.
+@mixin pull-base {
+  @include float-left;
+  position: relative; }
+
+// The amount of pulling for element to the left.
+// #### Note:
+// This mixin gets applied automatically when using `+pull`
+// so you probably don't need to use it directly unless
+// you need to deviate from the grid or are trying
+// to reduce the amount of generated CSS.
+@mixin pull-margins($n, $last: false) {
+  @if $last {
+    margin-left: -$blueprint-grid-outer-width * $n + $blueprint-grid-margin; }
+  @else {
+    margin-left: -$blueprint-grid-outer-width * $n; } }
+
+// Moves a column `n` columns to the left.
+//
+// This mixin can also be used to change the display order of columns.
+//
+// If pulling past the last (visually) element in a row,
+// pass `true` as the second argument so the calculations can adjust
+// accordingly.
+
+// For example:
+//
+// HTML:
+// <pre class="source-code html">
+// <div id="one">One</div>
+// <div id="two">Two</div>
+// </pre>
+// Sass:
+// <pre class="source-code sass">
+// #one
+//   +column(18, true)
+//   +prepend(6)
+// #two
+//   +column(6)
+//   +pull(18, true)
+// </pre>
+@mixin pull($n, $last: false) {
+  @include pull-base;
+  @include pull-margins($n, $last); }
+
+@mixin push-base {
+  @include float-left;
+  position: relative; }
+
+@mixin push-margins($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) {
+  @include push-base;
+  @include push-margins($n); }
+
+// Border on right hand side of a column.
+@mixin border($border-color: $blueprint-border-color, $border-width: 1px) {
+  padding-right: $blueprint-grid-margin / 2 - $border-width;
+  margin-right: $blueprint-grid-margin / 2;
+  border-right: #{$border-width} solid #{$border-color}; }
+
+// Border with more whitespace, spans one column.
+@mixin colborder($border-color: $blueprint-border-color, $border-width: 1px) {
+  padding-right: floor(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
+  margin-right: ceil(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
+  border-right: #{$border-width} solid #{$border-color}; }
+
+// Mixin this to an hr to make a horizontal ruler across a column.
+@mixin colruler($border-color: #dddddd) {
+  background: $border-color;
+  color: $border-color;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 0.1em;
+  margin: 0 0 1.45em;
+  border: none; }
+
+// Mixin this to an hr to make a horizontal spacer across a column.
+@mixin colspacer {
+  @include colruler;
+  background: white;
+  color: white;
+  visibility: hidden; }