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