From 6870d21814d572f9336e896b5230059fa22d30cd Mon Sep 17 00:00:00 2001
From: Eric Meyer <eric@oddbird.net>
Date: Tue, 25 Aug 2009 21:06:59 -0600
Subject: [PATCH] css3 and inline-block patches

---
 .../stylesheets/compass/utilities/_css3.sass  |  3 ++
 .../compass/utilities/css3/_box_shadow.sass   | 12 ++++++
 .../compass/utilities/css3/_box_sizing.sass   | 13 +++++++
 .../compass/utilities/css3/_columns.sass      | 37 +++++++++++++++++++
 .../compass/utilities/css3/_inline_block.sass |  9 +++--
 5 files changed, 70 insertions(+), 4 deletions(-)
 create mode 100644 frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass
 create mode 100644 frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass
 create mode 100644 frameworks/compass/stylesheets/compass/utilities/css3/_columns.sass

diff --git a/frameworks/compass/stylesheets/compass/utilities/_css3.sass b/frameworks/compass/stylesheets/compass/utilities/_css3.sass
index 45174ab9..9e39e053 100644
--- a/frameworks/compass/stylesheets/compass/utilities/_css3.sass
+++ b/frameworks/compass/stylesheets/compass/utilities/_css3.sass
@@ -1,3 +1,6 @@
 @import css3/border_radius.sass
 @import css3/inline_block.sass
 @import css3/opacity.sass
+@import css3/box_shadow.sass
+@import css3/columns.sass
+@import css3/box_sizing.sass
diff --git a/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass b/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass
new file mode 100644
index 00000000..91e476d0
--- /dev/null
+++ b/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass
@@ -0,0 +1,12 @@
+//**
+  Provides cross-browser css box shadows 
+    for Webkit and the future
+  arguments are horizontal offset, vertical offset, blur and color
+
+=box-shadow(!ho, !vo, !b, !c )
+  /* Webkit (Safari, Chrome)
+  -webkit-box-shadow= !ho !vo !b !c
+  /* Mozilla (Firefox, Camino)
+  -moz-box-shadow= !ho !vo !b !c
+  /* CSS3
+  box-shadow= !ho !vo !b !c
diff --git a/frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass b/frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass
new file mode 100644
index 00000000..c63076d4
--- /dev/null
+++ b/frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass
@@ -0,0 +1,13 @@
+//**
+  Change the box model for Mozilla, Webkit, IE8 and the future
+  @param !bs
+    [ content-box | border-box ]
+=box-sizing(!bs)
+  /* Mozilla (FireFox, Camino)
+  -moz-box-sizing= !bs
+  /* Webkit (Safari, Chrome)
+  -webkit-box-sizing= !bs
+  /* IE (8)
+  -ms-box-sizing= !bs
+  /* CSS3
+  box-sizing= !bs
\ No newline at end of file
diff --git a/frameworks/compass/stylesheets/compass/utilities/css3/_columns.sass b/frameworks/compass/stylesheets/compass/utilities/css3/_columns.sass
new file mode 100644
index 00000000..31b22734
--- /dev/null
+++ b/frameworks/compass/stylesheets/compass/utilities/css3/_columns.sass
@@ -0,0 +1,37 @@
+//**
+  CSS3 columns for Mozilla, Webkit and the Future
+
+=column-count(!n)
+  :-moz-column-count= !n
+  :-webkit-column-count= !n
+  :column-count= !n
+
+=column-gap(!u)
+  :-moz-column-gap= !u
+  :-webkit-column-gap= !u
+  :column-gap= !u
+
+=column-width(!u)
+  :-moz-column-width= !u
+  :-webkit-column-width= !u
+  :column-width= !u
+
+=column-rule-width(!w)
+  :-moz-column-rule-width= !w
+  :-webkit-column-rule-width= !w
+  :column-rule-width= !w
+
+=column-rule-style(!s)
+  :-moz-column-rule-style= !s
+  :-webkit-column-rule-style= !s
+  :column-rule-style= !s
+
+=column-rule-color(!c)
+  :-moz-column-rule-color= !c
+  :-webkit-column-rule-color= !c
+  :column-rule-color= !c
+
+=column-rule(!w, !s = "solid", !c = " ")
+  +column-rule-width(!w)
+  +column-rule-style(!s)
+  +column-rule-color(!c)
\ No newline at end of file
diff --git a/frameworks/compass/stylesheets/compass/utilities/css3/_inline_block.sass b/frameworks/compass/stylesheets/compass/utilities/css3/_inline_block.sass
index 94cd1357..4f9b3e15 100644
--- a/frameworks/compass/stylesheets/compass/utilities/css3/_inline_block.sass
+++ b/frameworks/compass/stylesheets/compass/utilities/css3/_inline_block.sass
@@ -1,6 +1,7 @@
-=inline-block
-  :zoom 1
-  :display inline
+=inline-block 
   :display -moz-inline-box
+  :-moz-box-orient vertical
   :display inline-block
-  :vertical-align top
+  :vertical-align middle
+  :#display inline
+  :#vertical-align auto