bourbon 1.1.0 → 1.2.0

data/Rakefile

@@ -1,2 +1,14 @@
 require 'bundler'
 Bundler::GemHelper.install_tasks
+
+directory 'bourbon/lib'
+
+desc "Generate bourbon directory for use outside Rails"
+task :generate => 'bourbon/lib' do
+  FileUtils.cp_r(Dir['app/assets/stylesheets/*'], 'bourbon/')
+  FileUtils.cp_r(Dir['lib/*'], 'bourbon/lib/')
+
+  FileUtils.rm_r('bourbon/lib/tasks')
+  FileUtils.rm('bourbon/lib/bourbon/engine.rb')
+  FileUtils.rm('bourbon/lib/bourbon/version.rb')
+end

data/app/assets/stylesheets/_bourbon.scss

@@ -1,16 +1,19 @@
 // Custom Functions
+@import "functions/deprecated-webkit-gradient";
 @import "functions/golden-ratio";
 @import "functions/grid-width";
 @import "functions/tint-shade";
-@import "functions/deprecated-webkit-gradient";
 
 // CSS3 Mixins
 @import "css3/animation";
+@import "css3/appearance";
 @import "css3/background-image";
+@import "css3/background-size";
 @import "css3/border-image";
 @import "css3/border-radius";
 @import "css3/box-shadow";
 @import "css3/box-sizing";
+@import "css3/columns";
 @import "css3/flex-box";
 @import "css3/inline-block";
 @import "css3/linear-gradient";
@@ -20,6 +23,7 @@
 
 // Addons & other mixins
 @import "addons/button";
+@import "addons/font-family";
 @import "addons/html5-input-types";
 @import "addons/position";
 @import "addons/timing-functions";

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

@@ -35,7 +35,8 @@
   @include box-shadow (inset 0 1px 0 0 $inset-shadow);
   color: $color;
   display: inline;
-  font: bold 11px 'lucida grande', helvetica neue, helvetica, arial, sans-serif;
+  font-size: 11px;
+  font-weight: bold;
   @include linear-gradient ($base-color, $stop-gradient);
   padding: 6px 18px 7px;
   text-shadow: 0 1px 0 $text-shadow;
@@ -82,7 +83,8 @@
   @include box-shadow(inset 0 1px 0 0 $inset-shadow);
   color: $color;
   display: inline;
-  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;
+  font-size: 14px;
+  font-weight: bold;
   padding: 7px 20px 8px;
   text-decoration: none;
   text-align: center;
@@ -126,7 +128,6 @@
   @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
   color: $color;
   display: inline;
-  font-family: "lucida grande", sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 1;

data/app/assets/stylesheets/addons/_font-family.scss

@@ -0,0 +1,4 @@
+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$verdana: Verdana, Geneva, sans-serif;

data/app/assets/stylesheets/addons/_timing-functions.scss

@@ -2,28 +2,31 @@
 // Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
 
 // EASE IN
-$ease-in-quad:      cubic-bezier(0.550, 0.085, 0.680, 0.530);
-$ease-in-cubic:     cubic-bezier(0.550, 0.055, 0.675, 0.190);
-$ease-in-quart:     cubic-bezier(0.895, 0.030, 0.685, 0.220);
-$ease-in-quint:     cubic-bezier(0.755, 0.050, 0.855, 0.060);
-$ease-in-sine:      cubic-bezier(0.470, 0.000, 0.745, 0.715);
-$ease-in-expo:      cubic-bezier(0.950, 0.050, 0.795, 0.035);
-$ease-in-circ:      cubic-bezier(0.600, 0.040, 0.980, 0.335);
+$ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
+$ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
+$ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
+$ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
+$ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
+$ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
+$ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
+$ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
 
 // EASE OUT
-$ease-out-quad:     cubic-bezier(0.250, 0.460, 0.450, 0.940);
-$ease-out-cubic:    cubic-bezier(0.215, 0.610, 0.355, 1.000);
-$ease-out-quart:    cubic-bezier(0.165, 0.840, 0.440, 1.000);
-$ease-out-quint:    cubic-bezier(0.230, 1.000, 0.320, 1.000);
-$ease-out-sine:     cubic-bezier(0.390, 0.575, 0.565, 1.000);
-$ease-out-expo:     cubic-bezier(0.190, 1.000, 0.220, 1.000);
-$ease-out-circ:     cubic-bezier(0.075, 0.820, 0.165, 1.000);
+$ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
+$ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
+$ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
+$ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
+$ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
+$ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
+$ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
+$ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
 
 // EASE IN OUT
-$ease-in-out-quad:  cubic-bezier(0.455, 0.030, 0.515, 0.955);
-$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-$ease-in-out-sine:  cubic-bezier(0.445, 0.050, 0.550, 0.950);
-$ease-in-out-expo:  cubic-bezier(1.000, 0.000, 0.000, 1.000);
-$ease-in-out-circ:  cubic-bezier(0.785, 0.135, 0.150, 0.860);
+$ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
+$ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
+$ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
+$ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
+$ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);

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

@@ -0,0 +1,7 @@
+@mixin appearance ($value) {
+  -webkit-appearance: $value;
+     -moz-appearance: $value;
+      -ms-appearance: $value;
+       -o-appearance: $value;
+          appearance: $value;
+}

data/app/assets/stylesheets/css3/_background-size.scss

@@ -0,0 +1,15 @@
+@mixin background-size ($length-1,
+  $length-2: false, $length-3: false,
+  $length-4: false, $length-5: false,
+  $length-6: false, $length-7: false,
+  $length-8: false, $length-9: false)
+  {
+    $full: compact($length-1, $length-2, $length-3, $length-4,
+                   $length-5, $length-6, $length-7, $length-8, $length-9);
+
+  -webkit-background-size: $full;
+     -moz-background-size: $full;
+      -ms-background-size: $full;
+       -o-background-size: $full;
+          background-size: $full;
+}

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

@@ -5,3 +5,55 @@
        -o-border-radius: $radii;
           border-radius: $radii;
 }
+
+@mixin border-top-left-radius($radii) {
+  -webkit-border-top-left-radius: $radii;
+     -moz-border-top-left-radius: $radii;
+      -ms-border-top-left-radius: $radii;
+       -o-border-top-left-radius: $radii;
+          border-top-left-radius: $radii;
+}
+
+@mixin border-top-right-radius($radii) {
+  -webkit-border-top-right-radius: $radii;
+     -moz-border-top-right-radius: $radii;
+      -ms-border-top-right-radius: $radii;
+       -o-border-top-right-radius: $radii;
+          border-top-right-radius: $radii;
+}
+
+@mixin border-bottom-left-radius($radii) {
+  -webkit-border-bottom-left-radius: $radii;
+     -moz-border-bottom-left-radius: $radii;
+      -ms-border-bottom-left-radius: $radii;
+       -o-border-bottom-left-radius: $radii;
+          border-bottom-left-radius: $radii;
+}
+
+@mixin border-bottom-right-radius($radii) {
+  -webkit-border-bottom-right-radius: $radii;
+     -moz-border-bottom-right-radius: $radii;
+      -ms-border-bottom-right-radius: $radii;
+       -o-border-bottom-right-radius: $radii;
+          border-bottom-right-radius: $radii;
+}
+
+@mixin border-top-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-top-right-radius($radii);
+}
+
+@mixin border-right-radius($radii) {
+  @include border-top-right-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-bottom-radius($radii) {
+  @include border-bottom-left-radius($radii);
+  @include border-bottom-right-radius($radii);
+}
+
+@mixin border-left-radius($radii) {
+  @include border-top-left-radius($radii);
+  @include border-bottom-left-radius($radii);
+}

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

@@ -0,0 +1,67 @@
+@mixin columns($arg: auto) {
+// <column-count> || <column-width>
+  -webkit-columns: $arg;
+     -moz-columns: $arg;
+          columns: $arg;
+}
+
+@mixin column-count($int: auto) {
+// auto || integer
+  -webkit-column-count: $int;
+     -moz-column-count: $int;
+          column-count: $int;
+}
+
+@mixin column-gap($length: normal) {
+// normal || length
+  -webkit-column-gap: $length;
+     -moz-column-gap: $length;
+          column-gap: $length;
+}
+
+@mixin column-fill($arg: auto) {
+// auto || length
+  -webkit-columns-fill: $arg;
+     -moz-columns-fill: $arg;
+          columns-fill: $arg;
+}
+
+@mixin column-rule($arg) {
+// <border-width> || <border-style> || <color>
+  -webkit-column-rule: $arg;
+     -moz-column-rule: $arg;
+          column-rule: $arg;
+}
+
+@mixin column-rule-color($color) {
+  -webkit-column-rule-color: $color;
+     -moz-column-rule-color: $color;
+          column-rule-color: $color;
+}
+
+@mixin column-rule-style($style: none) {
+// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
+  -webkit-column-rule-style: $style;
+     -moz-column-rule-style: $style;
+          column-rule-style: $style;
+}
+
+@mixin column-rule-width ($width: none) {
+  -webkit-column-rule-width: $width;
+     -moz-column-rule-width: $width;
+          column-rule-width: $width;
+}
+
+@mixin column-span($arg: none) {
+// none || all
+  -webkit-column-span: $arg;
+     -moz-column-span: $arg;
+          column-span: $arg;
+}
+
+@mixin column-width($length: auto) {
+// auto || length
+  -webkit-column-width: $length;
+     -moz-column-width: $length;
+          column-width: $length;
+}

data/app/assets/stylesheets/functions/_golden-ratio.scss

@@ -4,15 +4,14 @@
       $value: ($value * 1.618);
     }
   }
+
   @if $increment < 0 {
     $increment: abs($increment);
     @for $i from 1 through $increment {
       $value: ($value / 1.618);
     }
   }
-  @if $increment == 0 {
-    @warn "Increment value cannot be zero; must be ...-3, -2, -1, 1, 2, 3...";
-  }
+
   @return $value;
 }
 

data/bourbon.gemspec

@@ -6,7 +6,7 @@ Gem::Specification.new do |s|
   s.name        = "bourbon"
   s.version     = Bourbon::VERSION
   s.platform    = Gem::Platform::RUBY
-  s.authors     = ["Phil LaPier", "Chad Mazzola", "Matt Jankowski", "Nick Quaranto", "Jeremy Raines", "Mike Burns", "Andrés Mejía", "Travis Haynes", "Chris Lloyd", "Gabe Berke-Williams", "J. Edward Dewyea"]
+  s.authors     = ["Phil LaPier", "Chad Mazzola", "Matt Jankowski", "Nick Quaranto", "Jeremy Raines", "Mike Burns", "Andres Mejia", "Travis Haynes", "Chris Lloyd", "Gabe Berke-Williams", "J. Edward Dewyea"]
   s.email       = ["support@thoughtbot.com"]
   s.homepage    = "https://github.com/thoughtbot/bourbon"
   s.summary     = "Bourbon Sass Mixins using SCSS syntax."

data/lib/tasks/install.rake

@@ -1,10 +1,11 @@
 # Needed for pre-3.1.
 namespace :bourbon do
   desc "Move files to the Rails assets directory."
-  task :install do
+  task :install, [:sass_path] do |t, args|
+    args.with_defaults :sass_path => 'public/stylesheets/sass'
     source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
-    `mkdir -p #{Rails.root}/public/stylesheets/sass/bourbon`
-    `cp -a #{source_root}/app/assets/stylesheets/* #{Rails.root}/public/stylesheets/sass/bourbon`
-    `find #{Rails.root}/public/stylesheets/sass/bourbon -name "*.css.scss" | while read i; do mv "$i" "${i%.css.scss}.scss"; done`
+    `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`
   end
 end

data/readme.md

@@ -1,33 +1,39 @@
 # Bourbon Sass Mixins
-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 from the original CSS syntax.
-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.
+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.
+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.
 
 # Requirements
 Sass 3.1+
 
 # Install for Rails
-Update your Gemfile
+In your Gemfile:
 
     gem 'bourbon'
 
+Then run:
+
     $ bundle install
 
 ## Rails 3.1.x
-Rename application.css to application.css.scss
+
+Rename application.css to application.css.scss:
 
     mv app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss
 
-Bourbon needs the sass files to be imported in a specific order to function properly. Therefore, you will need to disabled the require_tree sprocket directive.
-Delete the following sprocket directive in application.css.scss
+Bourbon needs the sass files to be imported in a specific order to function properly. Therefore, you will need to disable the require\_tree sprocket directive.
+Delete the following sprocket directive in application.css.scss:
 
     *= require_tree .
 
-Import bourbon at the beginning of application.css.scss
+Import bourbon at the beginning of application.css.scss:
 
     @import "bourbon";
 
-Import all additional stylesheets from your app/assets/stylesheets directory underneath the bourbon import
+Import all additional stylesheets from your app/assets/stylesheets directory underneath the bourbon import:
 
     @import "bourbon";
     @import "home";
@@ -43,45 +49,29 @@ Import the mixins at the beginning of your stylesheet
 
     @import 'bourbon/bourbon';
 
+*Optional*: If you use a non-standard location for your sass files, you can specify the path to your sass files as an argument to the install task
 
-# Install without Rails
-The following script will generate a *bourbon* directory and convert all .css.scss to .scss extensions. The *bourbon* directory is for 'sass --watch' use outside of rails.
-Preliminary step: clone this repo and cd into the directory.
-
-**Step 1:** Make script executable by changing file permission
+    rake bourbon:install[app/stylesheets]
 
-    chmod a+x generate-bourbon.sh
-
-**Step 2:** Generate files
+# Install without Rails
+Bourbon includes an easy way to generate a directory with all the necessary files.
 
-    ./generate-bourbon.sh
+    rake generate
 
-**Step 3:** Move the new *bourbon* directory into your project's sass directory. *e.g. stylesheets/sass/*
+This will create a `bourbon` directory that can be used by `sass --watch`. Move
+the generated directory into your project's sass directory, e.g. `stylesheets/sass/`.
 
-**Step 4:** Bourbon requires an additional sass extension to output properly. You must watch your sass files with the following flag appended:
-*-r ./bourbon/lib/bourbon.rb*
+To output properly, Bourbon must be explicitly required (`-r`) by Sass at the command line:
 
     # Example (project root directory)
     sass --watch stylesheets/sass:stylesheets -r ./stylesheets/sass/bourbon/lib/bourbon.rb
 
-In this case as well, you will need to import the mixins at the beginning of your stylesheet
+In this case, you will need to import the mixins at the beginning of your stylesheet:
 
     @import 'bourbon/bourbon';
 
 # Browser support
 Bourbon aims to provide support for CSS3 properties that are not yet fully supported in modern stable browsers.
-**Pull requests:** A general rule when considering a new mixin: Do the following browsers *only* support the CSS3 property using vendor specific prefixes? If the answer is yes, there is a high chance the mixin will be accepted via a pull request.
-
-* Firefox 3.6+
-* Safari 4.0+
-* Chrome 4.0+
-* Opera 10+
-* IE 9+
-
-*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)
-
 
 # Using Bourbon Mixins
 Below are a few examples of mixin usage. Note that these are just a few, explore the repo to find out more.
@@ -99,6 +89,22 @@ The animation mixins support comma separated lists of values, which allows diffe
     @include animation-basic((slideup, fadein), (1.0s, 2.0s), ease-in);
 
 
+### Appearance
+The `appearance` CSS property is used to display an element using a platform-native styling based on the operating system's theme.
+
+    @include appearance(none);
+
+
+### Background-size
+The background-size mixin supports multiple background-sizes for use with multiple background-images via comma delimitation.
+
+    # Single background-image
+    @include background-size(50% 100%);
+
+    # Multiple background-images
+    @include background-size(50% 100%, 75% 100%);
+
+
 ### Background-image
 
 The background-image mixin is helpful for chaining multiple comma delimited background images and/or linear-gradients into one background-image property. background-image supports up to 10 background-images.
@@ -122,11 +128,25 @@ border-image supports short-hand notation.
 
 ### Border Radius
 
-border-radius will also take short-hand notation.
+border-radius can take short-hand notation, or the full radius expression.
 
     @include border-radius(10px);
     @include border-radius(5px 5px 2px 2px);
 
+You can also specify individual corners.
+
+    @include border-top-left-radius(5px);
+    @include border-top-right-radius(5px);
+    @include border-bottom-right-radius(5px);
+    @include border-bottom-left-radius(5px);
+
+Individual sides are supported as well.
+
+    @include border-top-radius(5px);
+    @include border-bottom-radius(5px);
+    @include border-left-radius(5px);
+    @include border-right-radius(5px);
+
 
 ### Box Shadow
 
@@ -135,7 +155,7 @@ box-shadow supports single or multiple arguments:
     @include box-shadow(1px 1px 2px 0 #ff0000);
 
     # Multiple arguments must be comma-delimited.
-    @include box-shadow(1px 1px 2px 0 #fff0000, -1px -2px 0 #ccc);
+    @include box-shadow(1px 1px 2px 0 #fff000, -1px -2px 0 #ccc);
 
 
 ### Box Sizing
@@ -145,6 +165,13 @@ Box-sizing will change the box-model of the element it is applied to.
     @include box-sizing(border-box);
 
 
+### Columns
+All current CSS3 column properties are supported. See the list at the bottom of the page for more info.
+
+    @include columns(12 8em);
+    @include column-rule(1px solid green);
+
+
 ### Flex Box
 
 The flex-box mixin is based on the 2009 w3c spec. The mixin with change to the flexible box-model. [More info.](http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)
@@ -317,6 +344,13 @@ Create beautiful buttons by defining a style and color argument; using a single
     }
 
 
+### Font-family
+Bourbon provides a few default font-families for convenience sake.
+Available font-family variables: `$georgia`, `$helvetica`, `$lucida-grand`, `$verdana`
+
+    font-family: $helvetica
+
+
 ### HTML5 Input Types
 This addon generates a variable which contains a list of all html5 input types that render as text-based inputs, excluding textarea.
 In other words, it allows for easy targeting of all inputs that mimick input[type="text"].
@@ -341,7 +375,7 @@ Usage Note: You must use interpolation with the variable.
 These CSS cubic-bezier timing functions are variables that can be used with CSS3 animations. The provided timing functions are the same as the jQuery UI demo: [easing functions](http://jqueryui.com/demos/effect/easing.html).
 
     Variables supported: $ease-in-*, $ease-out-*, $ease-in-out-*
-    * = [quad, cubic, quart, quint, sine, expo, circ]
+    * = [quad, cubic, quart, quint, sine, expo, circ, back]
 
     @include animation-timing-function($ease-in-circ);
     @include animation-basic(fade-in, 1s, $ease-in-quad);
@@ -373,12 +407,37 @@ These CSS cubic-bezier timing functions are variables that can be used with CSS3
         @ animation-play-state(*args)
         @ animation-timing-function(*args)
 
+      @ appearance(*args)
       @ background-image(*args)
+      @ background-size(*args)
       @ border-image(*args)
-      @ border-radius(*args)
+
+      border-radius
+        @ border-radius(*args)
+        @ border-radius-top(*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-left(*args)
+        @ border-radius-right(*args)
+
       @ box-shadow(*args)
       @ box-sizing(*args)
 
+      columns
+        @columns(*args)
+        @column-count(*args)
+        @column-fill(*args)
+        @column-gap(*args)
+        @column-rule(*args)
+          @column-rule-color(*args)
+          @column-rule-style(*args)
+          @column-rule-width(*args)
+        @column-span(*args)
+        @column-width(*args)
+
       flex-box
         @ box(*args)
         @ box-align(*args)
@@ -406,16 +465,38 @@ These CSS cubic-bezier timing functions are variables that can be used with CSS3
 
     #Addons
     --------------------------------
-    @ button(*args)
+      @ button(*args)
+      @ position(*args)
+
       #{$all-text-inputs}
-    @ position(*args)
-      timing-functions ($ease-in-*, $ease-out-*, $ease-in-out-*)
+
+      font-family
+        $georgia
+        $helvetica
+        $lucida-grande
+        $verdana
+
+      timing-functions
+        $ease-in-*
+        $ease-out-*
+        $ease-in-out-*
 
 
 ## Help Out
 
 Currently the project is a work in progress. Feel free to help out.
-**Pull requests:** See *Browser Support* in this readme for more info
+A general rule when considering filing a pull request for a new mixin: Do the following browsers *only* support the CSS3 property using vendor specific prefixes?
+If the answer is yes, there is a high chance the mixin will be accepted via a pull request.
+
+* Firefox 3.6+
+* Safari 4.0+
+* Chrome 4.0+
+* Opera 10+
+* IE 9+
+
+*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
 -------

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bourbon
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -11,7 +11,7 @@ authors:
 - Nick Quaranto
 - Jeremy Raines
 - Mike Burns
-- Andrés Mejía
+- Andres Mejia
 - Travis Haynes
 - Chris Lloyd
 - Gabe Berke-Williams
@@ -19,11 +19,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-10-16 00:00:00.000000000Z
+date: 2011-11-18 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70205360452500 !ruby/object:Gem::Requirement
+  requirement: &70161945062080 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -31,7 +31,7 @@ dependencies:
         version: '3.1'
   type: :runtime
   prerelease: false
-  version_requirements: *70205360452500
+  version_requirements: *70161945062080
 description: ! 'The purpose of Bourbon Vanilla Sass Mixins is to provide a comprehensive
   framework of
 
@@ -59,15 +59,19 @@ files:
 - Rakefile
 - app/assets/stylesheets/_bourbon.scss
 - app/assets/stylesheets/addons/_button.scss
+- app/assets/stylesheets/addons/_font-family.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
 - app/assets/stylesheets/css3/_background-image.scss
+- app/assets/stylesheets/css3/_background-size.scss
 - app/assets/stylesheets/css3/_border-image.scss
 - app/assets/stylesheets/css3/_border-radius.scss
 - app/assets/stylesheets/css3/_box-shadow.scss
 - app/assets/stylesheets/css3/_box-sizing.scss
+- app/assets/stylesheets/css3/_columns.scss
 - app/assets/stylesheets/css3/_flex-box.scss
 - app/assets/stylesheets/css3/_inline-block.scss
 - app/assets/stylesheets/css3/_linear-gradient.scss
@@ -81,7 +85,6 @@ files:
 - app/assets/stylesheets/functions/_radial-gradient.scss
 - app/assets/stylesheets/functions/_tint-shade.scss
 - bourbon.gemspec
-- generate-bourbon.sh
 - lib/bourbon.rb
 - lib/bourbon/engine.rb
 - lib/bourbon/sass_extensions.rb
@@ -110,7 +113,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: bourbon
-rubygems_version: 1.8.10
+rubygems_version: 1.8.11
 signing_key: 
 specification_version: 3
 summary: Bourbon Sass Mixins using SCSS syntax.

data/generate-bourbon.sh

@@ -1,22 +0,0 @@
-#!/bin/sh
-
-# README
-# This will generate a bourbon directory and convert all .css.scss to .scss extensions.
-# The bourbon directory is for 'sass --watch' use outside of rails.
-# Step 1: Make install executable by changing permission
-#     chmod a+x generate-bourbon.sh
-
-# Step 2: Generate Files
-#     ./generate-bourbon.sh
-
-echo Creating directory...
-mkdir -p $PWD/bourbon/lib
-
-echo Copying files...
-cp -a $PWD/app/assets/stylesheets/* $PWD/bourbon
-cp -a $PWD/lib/* $PWD/bourbon/lib
-rm -r $PWD/bourbon/lib/tasks
-rm -r $PWD/bourbon/lib/bourbon/engine.rb
-rm -r $PWD/bourbon/lib/bourbon/version.rb
-
-echo Done.