compass 0.13.alpha.0 → 0.13.alpha.2

data/frameworks/blueprint/stylesheets/_blueprint.scss

@@ -1,37 +0,0 @@
-@import "blueprint/colors";
-@import "blueprint/grid";
-@import "blueprint/typography";
-@import "blueprint/utilities";
-@import "blueprint/form";
-@import "blueprint/interaction";
-@import "blueprint/debug";
-@import "blueprint/print";
-@import "blueprint/ie";
-
-// ### Usage examples:
-//
-// As a top-level mixin, apply to any page that includes the stylesheet:
-// <pre class="source-code sass">
-// +blueprint
-// </pre>
-//
-// Scoped by a presentational class:
-// <pre class="source-code sass">
-// body.blueprint
-//   +blueprint(true)
-// </pre>
-//
-// Scoped by semantic selectors:
-// <pre class="source-code sass">
-// body#page-1, body#page-2, body.a-special-page-type
-//   +blueprint(true)
-// </pre>
-
-@mixin blueprint($nested: false) {
-  @include blueprint-typography($nested);
-  @include blueprint-utilities;
-  @include blueprint-grid;
-  @include blueprint-debug;
-  @include blueprint-interaction;
-  @include blueprint-form;
-}

data/frameworks/blueprint/stylesheets/blueprint/_buttons.scss

@@ -1,101 +0,0 @@
-@import "compass/css3/inline-block";
-@import "compass/utilities/general/float";
-
-// Button Font
-$blueprint-button-font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !default;
-
-// Default Button Colors
-$blueprint-button-border-color:     #dedede !default;
-$blueprint-button-background-color: #f5f5f5 !default;
-$blueprint-button-font-color:       #565656 !default;
-
-// Default Button Hover Colors
-$blueprint-button-hover-border-color:     #c2e1ef !default;
-$blueprint-button-hover-background-color: #dff4ff !default;
-$blueprint-button-hover-font-color:       #336699 !default;
-
-// Default Button Active Colors
-$blueprint-button-active-border-color:     #6299c5 !default;
-$blueprint-button-active-background-color: #6299c5 !default;
-$blueprint-button-active-font-color:       white !default;
-
-//**
-// Sets the colors for a button
-// @param border-highlight-color
-//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
-@mixin button-colors(
-  $font-color: $blueprint-button-font-color,
-  $bg-color: $blueprint-button-background-color,
-  $border-color: $blueprint-button-border-color,
-  $border-highlight-color: $border-color + #101010
-) {
-  background-color: $bg-color;
-  border-color: $border-highlight-color $border-color $border-color $border-highlight-color;
-  color: $font-color;
-}
-
-//**
-// Sets the colors for a button in the active state
-// @param border-highlight-color
-//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
-@mixin button-active-colors(
-  $font-color: $blueprint-button-active-font-color,
-  $bg-color: $blueprint-button-active-background-color,
-  $border-color: $blueprint-button-active-border-color,
-  $border-highlight-color: $border-color + #101010
-) {
-  &:active {
-    @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color);
-  }
-}
-
-//**
-// Sets the colors for a button in the hover state.
-// @param border-highlight-color
-//   The highlight color defaults to whatever is the value of the border-color but it's one shade lighter.
-@mixin button-hover-colors(
-  $font-color: $blueprint-button-hover-font-color,
-  $bg-color: $blueprint-button-hover-background-color,
-  $border-color: $blueprint-button-hover-border-color,
-  $border-highlight-color: $border-color + #101010
-) {
-  &:hover {
-    @include button-colors($font-color, $bg-color, $border-color, $border-highlight-color);
-  }
-}
-
-@mixin button-base($float: false) {
-  @if $float { @include float($float); display: block; }
-  @else      { @include inline-block; }
-  margin: 0.7em 0.5em 0.7em 0;
-  border-width: 1px; border-style: solid;
-  font-family: $blueprint-button-font-family; font-size: 100%; line-height: 130%; font-weight: bold;
-  text-decoration: none;
-  cursor: pointer;
-  img {
-    margin: 0 3px -3px 0 !important;
-    padding: 0;
-    border: none;
-    width: 16px;
-    height: 16px;
-    float: none;
-  }
-}
-
-@mixin anchor-button($float: false) {
-  @include button-base($float);
-  padding: 5px 10px 5px 7px;
-}
-
-@mixin button-button($float: false) {
-  @include button-base($float);
-  width: auto;
-  overflow: visible;
-  padding: 4px 10px 3px 7px;
-  &[type] {
-    padding: 4px 10px 4px 7px;
-    line-height: 17px; }
-  *:first-child+html &[type] {
-    padding: 4px 10px 3px 7px;
-  }
-}

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

@@ -1,36 +0,0 @@
-$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

@@ -1,28 +0,0 @@
-@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

@@ -1,88 +0,0 @@
-@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

@@ -1,66 +0,0 @@
-@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

@@ -1,258 +0,0 @@
-//  --------------------------------------------------------------
-//  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; }