Contents

// Override `$default-background-origin` to change the default.

@import "shared";

$default-background-origin: content-box !default;

// Position the background off the edge of the padding, border or content
//
// * Possible values:
//   * `padding-box`
//   * `border-box`
//   * `content-box`
// * browser defaults to `padding-box`
// * mixin defaults to `content-box`


@mixin background-origin($origin: $default-background-origin) {
  // webkit and mozilla use the deprecated short [border | padding | content]
  $deprecated: $origin;
  @if $origin == padding-box { $deprecated: padding; }
  @if $origin == border-box  { $deprecated: border;  }
  @if $origin == content-box { $deprecated: content; }

  // Support for webkit and mozilla's use of the deprecated short form
  @include experimental(background-origin, $deprecated,
    $experimental-support-for-mozilla,
    $experimental-support-for-webkit,
    false, // opera
    false, // microsoft
    false, // khtml
    false  // official
  );
  @include experimental(background-origin, $origin,
    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-origin.scss