removed border-image ... someone needs to learn to close old issues =(

This commit is contained in:
Scott Davis 2012-01-02 11:32:10 -05:00
parent 49faec1756
commit 88aa3b3c7e
5 changed files with 0 additions and 47 deletions

View File

@ -1,15 +0,0 @@
---
title: Compass Border Image
crumb: Border Image
framework: compass
stylesheet: compass/css3/_border-image.scss
meta_description: Specify the border image for all browsers.
layout: core
classnames:
- reference
- core
- css3
---
- render 'reference' do
%p
The border-image mixin is used to give a block element an image to be used instead of the normal border. It automatically outputs the correct vendor specific syntax for each browser (e.g. <code>-webkit-border-image</code> and <code>-moz-border-image</code>). See <a href="http://www.w3.org/TR/css3-background/#the-border-image">CSS3 spec: border-image</a>.

View File

@ -1,5 +1,4 @@
@import "css3/border-radius";
@import "css3/border-image";
@import "css3/inline-block";
@import "css3/opacity";
@import "css3/box-shadow";

View File

@ -1,23 +0,0 @@
@import "shared";
//border-image: source slice width outset repeat
// defaults none 100% 1 0 stretch via http://www.w3schools.com/cssref/css3_pr_border-image.asp
$default-border-image-slice : 100% !default;
$default-border-image-width : 1 !default;
$default-border-image-outset : 0 !default;
// repeated | rounded | stretched
$default-border-image-repeat : unquote('stretch') !default;
// The border-image is used to give a block element an image to be used instead of the normal border.
@mixin border-image($source, $slice:$default-border-image-slice, $width:$default-border-image-width, $outset:$default-border-image-outset, $repeat:$default-border-image-repeat) {
$value: (image_url($source), $slice, $width, $outset, $repeat);
@include experimental(border-image, $value,
-moz,
-webkit,
-o,
not -ms,
not -khtml,
official
);
}

View File

@ -1,5 +0,0 @@
.simple {
-webkit-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
-moz-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
-o-border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch;
border-image: url('/images/100x150.jpeg?busted=true'), 100%, 1, 0, stretch; }

View File

@ -1,3 +0,0 @@
@import "compass/css3/border-image";
.simple { @include border-image("100x150.jpeg"); }