Skip to content

Commit

Permalink
Added Border-image mixin. Bump to v1.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
Phil LaPier committed Oct 16, 2011
1 parent c994fcd commit 80027f2
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 1 deletion.
1 change: 1 addition & 0 deletions app/assets/stylesheets/_bourbon.scss
Expand Up @@ -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";
Expand Down
7 changes: 7 additions & 0 deletions app/assets/stylesheets/css3/_border-image.scss
@@ -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;
}
2 changes: 1 addition & 1 deletion lib/bourbon/version.rb
@@ -1,3 +1,3 @@
module Bourbon
VERSION = "1.0.4"
VERSION = "1.1.0"
end
8 changes: 8 additions & 0 deletions readme.md
Expand Up @@ -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.
Expand Down Expand Up @@ -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)
Expand Down

0 comments on commit 80027f2

Please sign in to comment.