removed border-image ... someone needs to learn to close old issues =(
This commit is contained in:
parent
49faec1756
commit
88aa3b3c7e
@ -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>.
|
@ -1,5 +1,4 @@
|
||||
@import "css3/border-radius";
|
||||
@import "css3/border-image";
|
||||
@import "css3/inline-block";
|
||||
@import "css3/opacity";
|
||||
@import "css3/box-shadow";
|
||||
|
@ -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
|
||||
);
|
||||
}
|
@ -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; }
|
@ -1,3 +0,0 @@
|
||||
@import "compass/css3/border-image";
|
||||
|
||||
.simple { @include border-image("100x150.jpeg"); }
|
Loading…
Reference in New Issue
Block a user