Permalink
Browse files

Added Border-image mixin. Bump to v1.1.0

  • Loading branch information...
Phil LaPier
Phil LaPier committed Oct 16, 2011
1 parent c994fcd commit 80027f214a01d96b3dd0a1cfd993cd767ff792d2
Showing with 17 additions and 1 deletion.
  1. +1 −0 app/assets/stylesheets/_bourbon.scss
  2. +7 −0 app/assets/stylesheets/css3/_border-image.scss
  3. +1 −1 lib/bourbon/version.rb
  4. +8 −0 readme.md
@@ -7,6 +7,7 @@
// CSS3 Mixins
@import "css3/animation";
@import "css3/background-image";
+@import "css3/border-image";
@import "css3/border-radius";
@import "css3/box-shadow";
@import "css3/box-sizing";
@@ -0,0 +1,7 @@
+@mixin border-image ($image) {
+ -webkit-border-image: $image;
+ -moz-border-image: $image;
+ -ms-border-image: $image;
+ -o-border-image: $image;
+ border-image: $image;
+}
View
@@ -1,3 +1,3 @@
module Bourbon
- VERSION = "1.0.4"
+ VERSION = "1.1.0"
end
View
@@ -113,6 +113,13 @@ The background-image mixin is helpful for chaining multiple comma delimited back
@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(#4e7ba3, darken(#4e7ba4, 10%)) );
+### Border-image
+
+border-image supports short-hand notation.
+
+ @include border-image(url(border.png) 27 round);
+
+
### Border Radius
border-radius will also take short-hand notation.
@@ -367,6 +374,7 @@ These CSS cubic-bezier timing functions are variables that can be used with CSS3
@ animation-timing-function(*args)
@ background-image(*args)
+ @ border-image(*args)
@ border-radius(*args)
@ box-shadow(*args)
@ box-sizing(*args)

0 comments on commit 80027f2

Please sign in to comment.