bourbon 1.4.0 → 2.0.0.rc1

data/Gemfile.lock

@@ -1,45 +1,41 @@
 PATH
   remote: .
   specs:
-    bourbon (1.3.2)
+    bourbon (1.4.0)
       sass (>= 3.1)
 
 GEM
   remote: http://rubygems.org/
   specs:
-    aruba (0.4.6)
-      bcat (>= 0.6.1)
-      childprocess (>= 0.2.0)
-      cucumber (>= 1.0.2)
-      rdiscount (>= 1.6.8)
-      rspec (>= 2.6.0)
-    bcat (0.6.2)
-      rack (~> 1.0)
+    aruba (0.4.11)
+      childprocess (>= 0.2.3)
+      cucumber (>= 1.1.1)
+      ffi (>= 1.0.11)
+      rspec (>= 2.7.0)
     builder (3.0.0)
-    childprocess (0.2.9)
+    childprocess (0.3.1)
       ffi (~> 1.0.6)
-    cucumber (1.1.4)
+    cucumber (1.1.9)
       builder (>= 2.1.2)
       diff-lcs (>= 1.1.2)
-      gherkin (~> 2.7.1)
+      gherkin (~> 2.9.0)
       json (>= 1.4.6)
       term-ansicolor (>= 1.0.6)
     diff-lcs (1.1.3)
     ffi (1.0.11)
-    gherkin (2.7.1)
+    gherkin (2.9.0)
       json (>= 1.4.6)
-    json (1.6.4)
-    rack (1.3.6)
-    rdiscount (1.6.8)
-    rspec (2.7.0)
-      rspec-core (~> 2.7.0)
-      rspec-expectations (~> 2.7.0)
-      rspec-mocks (~> 2.7.0)
-    rspec-core (2.7.1)
-    rspec-expectations (2.7.0)
+    json (1.6.5)
+    rake (0.9.2.2)
+    rspec (2.8.0)
+      rspec-core (~> 2.8.0)
+      rspec-expectations (~> 2.8.0)
+      rspec-mocks (~> 2.8.0)
+    rspec-core (2.8.0)
+    rspec-expectations (2.8.0)
       diff-lcs (~> 1.1.2)
-    rspec-mocks (2.7.0)
-    sass (3.1.12)
+    rspec-mocks (2.8.0)
+    sass (3.1.15)
     term-ansicolor (1.0.7)
 
 PLATFORMS
@@ -48,3 +44,4 @@ PLATFORMS
 DEPENDENCIES
   aruba (~> 0.4)
   bourbon!
+  rake

data/app/assets/stylesheets/_bourbon.scss

@@ -30,6 +30,6 @@
 @import "addons/button";
 @import "addons/clearfix";
 @import "addons/font-family";
+@import "addons/hide-text";
 @import "addons/html5-input-types";
-@import "addons/position";
 @import "addons/timing-functions";

data/app/assets/stylesheets/addons/_button.scss

@@ -62,11 +62,12 @@
   @include border-radius (3px);
   @include box-shadow (inset 0 1px 0 0 $inset-shadow);
   color: $color;
-  display: inline;
+  display: inline-block;
   font-size: 11px;
   font-weight: bold;
   @include linear-gradient ($base-color, $stop-gradient);
-  padding: 6px 18px 7px;
+  padding: 7px 18px;
+  text-decoration: none;
   text-shadow: 0 1px 0 $text-shadow;
   -webkit-background-clip: padding-box;
 
@@ -133,11 +134,11 @@
   @include border-radius(5px);
   @include box-shadow(inset 0 1px 0 0 $inset-shadow);
   color: $color;
-  display: inline;
+  display: inline-block;
   font-size: 14px;
   font-weight: bold;
   @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
-  padding: 7px 20px 8px;
+  padding: 8px 20px;
   text-align: center;
   text-decoration: none;
   text-shadow: 0 -1px 1px $text-shadow;
@@ -204,13 +205,14 @@
   @include border-radius(16px);
   @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
   color: $color;
-  display: inline;
+  display: inline-block;
   font-size: 11px;
   font-weight: normal;
   line-height: 1;
   @include linear-gradient ($base-color, $stop-gradient);
-  padding: 3px 16px 5px;
+  padding: 5px 16px;
   text-align: center;
+  text-decoration: none;
   text-shadow: 0 -1px 1px $text-shadow;
   -webkit-background-clip: padding-box;
 

data/app/assets/stylesheets/addons/_hide-text.scss

@@ -0,0 +1,15 @@
+@mixin hide-text {
+  background-color: transparent;
+  border:           0;
+  color:            transparent;
+  font:             0/0 a;
+  text-shadow:      none;
+}
+
+// A CSS image replacement method that does not require the use of text-indent.
+//
+// Examples
+//
+//   .ir {
+//     @include hide-text;
+//   }

data/app/assets/stylesheets/css3/_animation.scss

@@ -141,31 +141,3 @@
      -moz-animation-fill-mode: $full;
           animation-fill-mode: $full;
 }
-
-
-// Deprecated
-@mixin animation-basic ($name, $time: 0, $motion: ease) {
-    $length-of-name: length($name);
-    $length-of-time: length($time);
-  $length-of-motion: length($motion);
-
-  @if $length-of-name > 1 {
-    @include animation-name(zip($name));
-  } @else {
-    @include animation-name(    $name);
-  }
-
-  @if $length-of-time > 1 {
-    @include animation-duration(zip($time));
-  } @else {
-    @include animation-duration(    $time);
-  }
-
-  @if $length-of-motion > 1 {
-    @include animation-timing-function(zip($motion));
-  } @else {
-    @include animation-timing-function(    $motion);
-  }
-  @warn "The animation-basic mixin is deprecated. Use the animation mixin instead.";
-}
-

data/app/assets/stylesheets/css3/_border-radius.scss

@@ -1,8 +1,6 @@
 @mixin border-radius ($radii) {
   -webkit-border-radius: $radii;
      -moz-border-radius: $radii;
-      -ms-border-radius: $radii;
-       -o-border-radius: $radii;
           border-radius: $radii;
 }
 
@@ -10,8 +8,6 @@
   -webkit-border-top-left-radius: $radii;
      -moz-border-top-left-radius: $radii;
       -moz-border-radius-topleft: $radii;
-      -ms-border-top-left-radius: $radii;
-       -o-border-top-left-radius: $radii;
           border-top-left-radius: $radii;
 }
 
@@ -19,8 +15,6 @@
   -webkit-border-top-right-radius: $radii;
      -moz-border-top-right-radius: $radii;
       -moz-border-radius-topright: $radii;
-      -ms-border-top-right-radius: $radii;
-       -o-border-top-right-radius: $radii;
           border-top-right-radius: $radii;
 }
 
@@ -28,8 +22,6 @@
   -webkit-border-bottom-left-radius: $radii;
      -moz-border-bottom-left-radius: $radii;
       -moz-border-radius-bottomleft: $radii;
-      -ms-border-bottom-left-radius: $radii;
-       -o-border-bottom-left-radius: $radii;
           border-bottom-left-radius: $radii;
 }
 
@@ -37,8 +29,6 @@
   -webkit-border-bottom-right-radius: $radii;
      -moz-border-bottom-right-radius: $radii;
       -moz-border-radius-bottomright: $radii;
-      -ms-border-bottom-right-radius: $radii;
-       -o-border-bottom-right-radius: $radii;
           border-bottom-right-radius: $radii;
 }
 

data/app/assets/stylesheets/css3/_inline-block.scss

@@ -1,7 +1,5 @@
 // Legacy support for inline-block in IE7 (maybe IE6)
 @mixin inline-block {
-  display: -moz-inline-box;
-  -moz-box-orient: vertical;
   display: inline-block;
   vertical-align: baseline;
   zoom: 1;

data/app/assets/stylesheets/css3/_linear-gradient.scss

@@ -3,6 +3,8 @@
                        $G5: false, $G6: false,
                        $G7: false, $G8: false,
                        $G9: false, $G10: false,
+                       $deprecated-pos1: left top,
+                       $deprecated-pos2: left bottom,
                        $fallback: false) {
   // Detect what type of value exists in $pos
   $pos-type: type-of(nth($pos, 1));
@@ -25,7 +27,7 @@
   }
 
   background-color: $fallback-color;
-  background-image: deprecated-webkit-gradient(linear, $full); // Safari <= 5.0
+  background-image: deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0
   background-image:  -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
   background-image:     -moz-linear-gradient($pos, $full);
   background-image:      -ms-linear-gradient($pos, $full);

data/app/assets/stylesheets/css3/_radial-gradient.scss

@@ -1,24 +1,69 @@
 // Requires Sass 3.1+
-@mixin radial-gradient($pos, $shape-size,
-                       $G1,        $G2,
+@mixin radial-gradient($G1,        $G2,
                        $G3: false, $G4: false,
                        $G5: false, $G6: false,
                        $G7: false, $G8: false,
                        $G9: false, $G10: false,
+                       $pos: 50% 50%,
+                       $shape-size: ellipse cover,
+                       $deprecated-pos1: center center,
+                       $deprecated-pos2: center center,
+                       $deprecated-radius1: 0,
+                       $deprecated-radius2: 460,
                        $fallback: false) {
 
+  @each $value in $G1, $G2 {
+    $first-val: nth($value, 1);
+    $pos-type:  type-of($first-val);
+
+    @if ($pos-type != color) or ($first-val != "transparent") {
+      @if ($pos-type == number)
+      or ($first-val == "center")
+      or ($first-val == "top")
+      or ($first-val == "right")
+      or ($first-val == "bottom")
+      or ($first-val == "left") {
+
+        $pos: $value;
+
+        @if $pos == $G1 {
+          $G1: false;
+        }
+      }
+
+      @else if
+         ($first-val == "ellipse")
+      or ($first-val == "circle")
+      or ($first-val == "closest-side")
+      or ($first-val == "closest-corner")
+      or ($first-val == "farthest-side")
+      or ($first-val == "farthest-corner")
+      or ($first-val == "contain")
+      or ($first-val == "cover") {
+
+        $shape-size: $value;
+
+        @if $value == $G1 {
+          $G1: false;
+        }
+
+        @else if $value == $G2 {
+          $G2: false;
+        }
+      }
+    }
+  }
+
   $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
 
-  // Set $G1 as the default fallback color
   $fallback-color: nth($G1, 1);
 
-  // If $fallback is a color use that color as the fallback color
   @if (type-of($fallback) == color) or ($fallback == "transparent") {
     $fallback-color: $fallback;
   }
 
   background-color:  $fallback-color;
-  background-image:          deprecated-webkit-gradient(radial, $full); // Safari <= 5.0
+  background-image: deprecated-webkit-gradient(radial, $deprecated-pos1, $deprecated-pos2, $full, $deprecated-radius1, $deprecated-radius2); // Safari <= 5.0
   background-image:  -webkit-radial-gradient($pos, $shape-size, $full);
   background-image:     -moz-radial-gradient($pos, $shape-size, $full);
   background-image:      -ms-radial-gradient($pos, $shape-size, $full);

data/app/assets/stylesheets/css3/_transition.scss

@@ -3,40 +3,24 @@
 //          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
 //          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
 
-@mixin transition ($property: all, $duration: 0.15s, $timing-function: ease-out, $delay: 0) {
-
-  // Detect # of args passed into each variable
-  $length-of-property:        length($property);
-  $length-of-duration:        length($duration);
-  $length-of-timing-function: length($timing-function);
-  $length-of-delay:           length($delay);
-
-  @if $length-of-property > 1 {
-    @include transition-property(zip($property)); }
-  @else {
-    @include transition-property(    $property);
-  }
-
-  @if $length-of-duration > 1 {
-    @include transition-duration(zip($duration)); }
-  @else {
-    @include transition-duration(    $duration);
-  }
-
-  @if $length-of-timing-function > 1 {
-    @include transition-timing-function(zip($timing-function)); }
-  @else {
-    @include transition-timing-function(    $timing-function);
-  }
+@mixin transition ($prop-1: all 0.15s ease-out 0,
+  $prop-2: false, $prop-3: false,
+  $prop-4: false, $prop-5: false,
+  $prop-6: false, $prop-7: false,
+  $prop-8: false, $prop-9: false)
+  {
+    $full: compact($prop-1, $prop-2, $prop-3, $prop-4, $prop-5,
+                   $prop-6, $prop-7, $prop-8, $prop-9);
 
-  @if $length-of-delay > 1 {
-    @include transition-delay(zip($delay)); }
-  @else {
-    @include transition-delay(    $delay);
-  }
+  -webkit-transition: $full;
+     -moz-transition: $full;
+      -ms-transition: $full;
+       -o-transition: $full;
+          transition: $full;
 }
 
 
+
 @mixin transition-property ($prop-1: all,
   $prop-2: false, $prop-3: false,
   $prop-4: false, $prop-5: false,

data/app/assets/stylesheets/functions/_deprecated-webkit-gradient.scss

@@ -1,6 +1,9 @@
 // Render Deprecated Webkit Gradient - Linear || Radial
 //************************************************************************//
-@function deprecated-webkit-gradient($type, $full) {
+@function deprecated-webkit-gradient($type,
+                                     $deprecated-pos1, $deprecated-pos2,
+                                     $full,
+                                     $deprecated-radius1: false, $deprecated-radius2: false) {
   $gradient-list: ();
   $gradient: false;
   $full-length: length($full);
@@ -14,23 +17,28 @@
       $color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
       $gradient-list: join($gradient-list, $color-stop, comma);
     }
+
     @else {
       @if $i == $full-length {
         $percentage: 100%;
       }
+
       @else {
         $percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
       }
+
       $color-stop: color-stop(unquote($percentage), $gradient);
       $gradient-list: join($gradient-list, $color-stop, comma);
     }
   }
 
   @if $type == radial {
-    $gradient: -webkit-gradient(radial, center center, 0, center center, 460, $gradient-list);
+    $gradient: -webkit-gradient(radial, $deprecated-pos1, $deprecated-radius1, $deprecated-pos2, $deprecated-radius2, $gradient-list);
   }
+
   @else if $type == linear {
-    $gradient: -webkit-gradient(linear, left top, left bottom, $gradient-list);
+    $gradient: -webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $gradient-list);
   }
+
   @return $gradient;
 }

data/app/assets/stylesheets/functions/_radial-gradient.scss

@@ -1,10 +1,58 @@
 // This function is required and used by the background-image mixin.
-@function radial-gradient($pos, $shape-size,
-                       $G1,        $G2,
+@function radial-gradient($G1,        $G2,
                        $G3: false, $G4: false,
                        $G5: false, $G6: false,
                        $G7: false, $G8: false,
-                       $G9: false, $G10: false) {
+                       $G9: false, $G10: false,
+                       $pos: 50% 50%,
+                       $shape-size: ellipse cover,
+                       $deprecated-pos1: center center,
+                       $deprecated-pos2: center center,
+                       $deprecated-radius1: 0,
+                       $deprecated-radius2: 50,
+                       $fallback: false) {
+
+  @each $value in $G1, $G2 {
+    $first-val: nth($value, 1);
+    $pos-type:  type-of($first-val);
+
+    @if ($pos-type != color) or ($first-val != "transparent") {
+      @if ($pos-type == number)
+      or ($first-val == "center")
+      or ($first-val == "top")
+      or ($first-val == "right")
+      or ($first-val == "bottom")
+      or ($first-val == "left") {
+
+        $pos: $value;
+
+        @if $pos == $G1 {
+          $G1: false;
+        }
+      }
+
+      @else if
+         ($first-val == "ellipse")
+      or ($first-val == "circle")
+      or ($first-val == "closest-side")
+      or ($first-val == "closest-corner")
+      or ($first-val == "farthest-side")
+      or ($first-val == "farthest-corner")
+      or ($first-val == "contain")
+      or ($first-val == "cover") {
+
+        $shape-size: $value;
+
+        @if $value == $G1 {
+          $G1: false;
+        }
+
+        @else if $value == $G2 {
+          $G2: false;
+        }
+      }
+    }
+  }
 
   $type: radial;
   $gradient: compact($pos, $shape-size, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
@@ -12,4 +60,3 @@
 
   @return $type-gradient;
 }
-

data/bourbon.gemspec

@@ -29,4 +29,5 @@ that support only CSS3 prefixed properties.
   s.add_dependency('sass', '>= 3.1')
 
   s.add_development_dependency('aruba', '~> 0.4')
+  s.add_development_dependency('rake')
 end

data/lib/bourbon.rb

@@ -1,7 +1,7 @@
 require "bourbon/generator"
 
 module Bourbon
-  if defined?(Rails)
+  if defined?(Rails) && defined?(Rails::Engine)
     class Engine < ::Rails::Engine
       require 'bourbon/engine'
     end

data/lib/bourbon/version.rb

@@ -1,3 +1,3 @@
 module Bourbon
-  VERSION = "1.4.0"
+  VERSION = "2.0.0.rc1"
 end

data/lib/tasks/install.rake

@@ -1,11 +1,20 @@
 # Needed for pre-3.1.
+
+require "fileutils"
+require "find"
+
 namespace :bourbon do
   desc "Move files to the Rails assets directory."
   task :install, [:sass_path] do |t, args|
-    args.with_defaults :sass_path => 'public/stylesheets/sass'
+    args.with_defaults(:sass_path => 'public/stylesheets/sass')
     source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
-    `mkdir -p #{Rails.root}/#{args.sass_path}/bourbon`
-    `cp -a #{source_root}/app/assets/stylesheets/* #{Rails.root}/#{args.sass_path}/bourbon`
-    `find #{Rails.root}/#{args.sass_path}/bourbon -name "*.css.scss" | while read i; do mv "$i" "${i%.css.scss}.scss"; done`
+    FileUtils.mkdir_p("#{Rails.root}/#{args.sass_path}/bourbon")
+    FileUtils.cp_r("#{source_root}/app/assets/stylesheets/.", "#{Rails.root}/#{args.sass_path}/bourbon", { :preserve => true })
+    Find.find("#{Rails.root}/#{args.sass_path}/bourbon") do |path|
+      if path.end_with?(".css.scss")
+        path_without_css_extension = path.gsub(/\.css\.scss$/, ".scss")
+        FileUtils.mv(path, path_without_css_extension)
+      end
+    end
   end
 end

data/readme.md

@@ -1,10 +1,14 @@
-# Bourbon Sass Mixins – [View Documentation](http://thoughtbot.com/bourbon)
-The purpose of Bourbon Sass Mixins is to provide a comprehensive library of Sass
-mixins that are designed to be as vanilla as possible, meaning they should not
-deter you from using the original CSS syntax.
+[![Bourbon Sass Mixin Library](http://thoughtbot.com/bourbon/images/bourbon-logo.png)](http://thoughtbot.com/bourbon)
+# A simple and lightweight mixin library for Sass
+Bourbon is a comprehensive library of sass mixins that are designed to be simple
+and easy to use. No configuration required. The mixins aim to be as vanilla as
+possible, meaning they should be as close to the original CSS syntax as possible.
+
 The mixins contain vendor specific prefixes for all CSS3 properties for support
 amongst modern browsers. The prefixes also ensure graceful degradation for older
-browsers that support only CSS3 prefixed properties.  Bourbon uses SCSS syntax.
+browsers that support only CSS3 prefixed properties. Bourbon uses SCSS syntax.
+
+#[Documentation & Demo](http://thoughtbot.com/bourbon)
 
 # Requirements
 Sass 3.1+
@@ -18,10 +22,7 @@ Then run:
 
     $ bundle install
 
-Bourbon On [RubyGems](https://rubygems.org/gems/bourbon)
-
 ## Rails 3.1.x
-
 Rename application.css to application.css.scss:
 
     mv app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss
@@ -41,9 +42,9 @@ Import all additional stylesheets from your app/assets/stylesheets directory und
     @import "home";
     @import "users";
 
-## Rails 3.0.x and below
-For Rails < 3.1 you must run the installation rake task. Please note, you should run this task every time a new version of Bourbon is released.
-This will copy the Sass files into your project's public/stylesheets/sass directory.
+## Rails 3.0.x
+For Rails 3.0.x you must run the installation rake task. You should run this task every time a new version of Bourbon is released.
+This will copy the Sass files into your project's `public/stylesheets/sass` directory.
 
     rake bourbon:install
 
@@ -55,7 +56,7 @@ Import the mixins at the beginning of your stylesheet
 
     rake bourbon:install[app/stylesheets]
 
-# Install in a non-rails project (static site, jekyll, wordpress, other...)
+# Rails 2.3 or a non-Rails project (static site, jekyll, wordpress, etc...)
 Bourbon includes an easy way to generate a directory with all the necessary files.
 Install the bourbon gem:
 
@@ -96,18 +97,7 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
 
 *@ denotes a mixin and must be prefaced with @include*
 
-    #Functions
-    --------------------------------
-      compact(*args)
-      modular-scale(*args)
-      golden-ratio(*args)
-      grid-width(*args)
-      linear-gradient(*args)
-      radial-gradient(*args)
-      shade(*args)
-      tint(*args)
-
-    #Mixins
+    Mixins
     --------------------------------
       animation
         @ animation(*args)
@@ -128,11 +118,11 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
       border-radius
         @ border-radius(*args)
         @ border-radius-top(*args)
-          @ border-radius-top-left(*args)
-          @ border-radius-top-right(*args)
+        @ border-radius-top-left(*args)
+        @ border-radius-top-right(*args)
         @ border-radius-bottom(*args)
-          @ border-radius-bottom-left(*args)
-          @ border-radius-bottom-right(*args)
+        @ border-radius-bottom-left(*args)
+        @ border-radius-bottom-right(*args)
         @ border-radius-left(*args)
         @ border-radius-right(*args)
 
@@ -145,9 +135,9 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
         @column-fill(*args)
         @column-gap(*args)
         @column-rule(*args)
-          @column-rule-color(*args)
-          @column-rule-style(*args)
-          @column-rule-width(*args)
+        @column-rule-color(*args)
+        @column-rule-style(*args)
+        @column-rule-width(*args)
         @column-span(*args)
         @column-width(*args)
 
@@ -166,8 +156,10 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
       @ inline-block
       @ linear-gradient(*args)
       @ radial-gradient(*args)
-      @ transform(*args)
-      @ transform-origin(*args)
+
+      transform
+        @ transform(*args)
+        @ transform-origin(*args)
 
       transition
         @ transition(*args)
@@ -176,13 +168,27 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
         @ transition-property(*args)
         @ transition-timing-function(*args)
 
-    #Addons
+      @ user-select
+
+    Functions
     --------------------------------
+      compact(*args)
+      flex-grid(*args)
+      golden-ratio(*args)
+      grid-width(*args)
+      linear-gradient(*args)
+      radial-gradient(*args)
+      shade(*args)
+      tint(*args)
+
+    Addons
+    -------------------------------
       @ button(*args)
       @ clearfix
-      @ position(*args)
+      @ hide-text
 
-      #{$all-text-inputs}
+      HTML5 Inputs
+        #{$all-text-inputs}
 
       font-family
         $georgia
@@ -198,7 +204,6 @@ Bourbon aims to provide support for CSS3 properties that are not yet fully suppo
         * = quad, cubic, quart, quint, sine, expo, circ, back
 
 
-
 ## Help Out
 
 Currently the project is a work in progress. Feel free to help out.
@@ -213,6 +218,7 @@ If the answer is yes, there is a high chance the mixin will be accepted via a pu
 
 *Bourbon does not intend to support IE filters.*
 
+
 Resources for checking browser support: [MDN - Moz Dev Network](https://developer.mozilla.org/en-US/), [Mozilla CSS Extensions](https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions), [Webkit CSS Properties](http://css-infos.net/properties/webkit.php), [Firefox CSS Properties](http://css-infos.net/properties/firefox.php), [MSDN - Microsoft Dev Network](http://msdn.microsoft.com/en-us/library/ms531207(v=VS.85).aspx)
 
 Credits
@@ -220,6 +226,8 @@ Credits
 
 ![thoughtbot](http://thoughtbot.com/images/tm/logo.png)
 
+Got questions? Need help? Tweet at [@phillapier](http://twitter.com/phillapier).
+
 Bourbon is maintained and funded by [thoughtbot, inc](http://thoughtbot.com/community)
 
 The names and logos for thoughtbot are trademarks of thoughtbot, inc.

metadata

@@ -1,8 +1,8 @@
 --- !ruby/object:Gem::Specification
 name: bourbon
 version: !ruby/object:Gem::Version
-  version: 1.4.0
-  prerelease: 
+  version: 2.0.0.rc1
+  prerelease: 6
 platform: ruby
 authors:
 - Phil LaPier
@@ -19,11 +19,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-02-20 00:00:00.000000000 Z
+date: 2012-03-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70233260471540 !ruby/object:Gem::Requirement
+  requirement: &70142811730920 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -31,10 +31,10 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70233260471540
+  version_requirements: *70142811730920
 - !ruby/object:Gem::Dependency
   name: aruba
-  requirement: &70233260470160 !ruby/object:Gem::Requirement
+  requirement: &70142811730420 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -42,7 +42,18 @@ dependencies:
         version: '0.4'
   type: :development
   prerelease: false
-  version_requirements: *70233260470160
+  version_requirements: *70142811730420
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: &70142811730040 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: *70142811730040
 description: ! 'The purpose of Bourbon Vanilla Sass Mixins is to provide a comprehensive
   framework of
 
@@ -73,8 +84,8 @@ files:
 - app/assets/stylesheets/addons/_button.scss
 - app/assets/stylesheets/addons/_clearfix.scss
 - app/assets/stylesheets/addons/_font-family.scss
+- app/assets/stylesheets/addons/_hide-text.scss
 - app/assets/stylesheets/addons/_html5-input-types.scss
-- app/assets/stylesheets/addons/_position.scss
 - app/assets/stylesheets/addons/_timing-functions.scss
 - app/assets/stylesheets/css3/_animation.scss
 - app/assets/stylesheets/css3/_appearance.scss
@@ -131,9 +142,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>='
+  - - ! '>'
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: bourbon
 rubygems_version: 1.8.10

data/app/assets/stylesheets/addons/_position.scss

@@ -1,30 +0,0 @@
-@mixin position ($position: relative, $coordinates: 0 0 0 0) {
-
-  @if type-of($position) == list {
-    $coordinates: $position;
-    $position: relative;
-  }
-
-  $top: nth($coordinates, 1);
-  $right: nth($coordinates, 2);
-  $bottom: nth($coordinates, 3);
-  $left: nth($coordinates, 4);
-
-  position: $position;
-
-  @if not(unitless($top)) {
-    top: $top;
-  }
-
-  @if not(unitless($right)) {
-    right: $right;
-  }
-
-  @if not(unitless($bottom)) {
-    bottom: $bottom;
-  }
-
-  @if not(unitless($left)) {
-    left: $left;
-  }
-}