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.
59 lines
1.4 KiB
59 lines
1.4 KiB
7 years ago
|
// Background Properties
|
||
|
// =====================
|
||
|
|
||
|
// Susy Background Image
|
||
|
// ---------------------
|
||
|
// Check for an existing support mixin, or provide a simple fallback.
|
||
|
// - $image: <background-image>
|
||
|
@mixin susy-background-image(
|
||
|
$image
|
||
|
) {
|
||
|
@if susy-support(background-image, (mixin: background-image), $warn: false) {
|
||
|
@include background-image($image...);
|
||
|
} @else {
|
||
|
background-image: $image;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Susy Background Size
|
||
|
// ---------------------
|
||
|
// Check for an existing support mixin, or provide a simple fallback.
|
||
|
// - $image: <background-size>
|
||
|
@mixin susy-background-size(
|
||
|
$size
|
||
|
) {
|
||
|
@if susy-support(background-options, (mixin: background-size)) {
|
||
|
@include background-size($size);
|
||
|
} @else {
|
||
|
background-size: $size;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Susy Background Origin
|
||
|
// ----------------------
|
||
|
// Check for an existing support mixin, or provide a simple fallback.
|
||
|
// - $image: <background-origin>
|
||
|
@mixin susy-background-origin(
|
||
|
$origin
|
||
|
) {
|
||
|
@if susy-support(background-options, (mixin: background-origin)) {
|
||
|
@include background-origin($origin);
|
||
|
} @else {
|
||
|
background-origin: $origin;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// Susy Background Clip
|
||
|
// --------------------
|
||
|
// Check for an existing support mixin, or provide a simple fallback.
|
||
|
// - $image: <background-clip>
|
||
|
@mixin susy-background-clip(
|
||
|
$clip
|
||
|
) {
|
||
|
@if susy-support(background-options, (mixin: background-clip)) {
|
||
|
@include background-clip($clip);
|
||
|
} @else {
|
||
|
background-clip: $clip;
|
||
|
}
|
||
|
}
|