https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
// 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) { |
|
$origin: unquote($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, |
|
-moz, |
|
-webkit, |
|
not(-o), |
|
not(-ms), |
|
not(-khtml), |
|
not official |
|
); |
|
@include experimental(background-origin, $origin, |
|
not(-moz), |
|
not(-webkit), |
|
-o, |
|
-ms, |
|
-khtml, |
|
official |
|
); |
|
}
|
|
|