Contents

@import "shared";

// The default value is `padding-box` -- the box model used by modern browsers.
//
// If you wish to do so, you can override the default constant with `border-box`
//
// To override to the default border-box model, use this code:
//     $default-background-clip = border-box

$default-background-clip: padding-box !default;

// Clip the background (image and color) at the edge of the padding or border.
//
// Legal Values:
//
//   * padding-box
//   * border-box
//   * text

@mixin background-clip($clip: $default-background-clip) {
  // webkit and mozilla use the deprecated short [border | padding]
  $deprecated: $clip;
  @if $clip == padding-box { $deprecated: padding; }
  @if $clip == border-box { $deprecated: border; }
  // Support for webkit and mozilla's use of the deprecated short form
  @include experimental(background-clip, $deprecated,
    $experimental-support-for-mozilla,
    $experimental-support-for-webkit,
    false, // opera
    false, // microsoft
    false, // khtml
    false  // official
  );
  @include experimental(background-clip, $clip,
    false, // mozilla
    false, // webkit
    $experimental-support-for-opera,
    $experimental-support-for-microsoft,
    $experimental-support-for-khtml,
    true // official
  );
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass-0.10.0.rc4	frameworks/compass/stylesheets/compass/css3/_background-clip.scss