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.
38 lines
928 B
38 lines
928 B
12 years ago
|
@mixin image-dimensions($file) {
|
||
|
|
height: image-height($file);
|
||
|
|
width: image-width($file);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin sprite-image($file) {
|
||
|
|
background: sprite-image($file) $repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin sized-sprite-image($file) {
|
||
|
|
background: sprite-image($file);
|
||
|
|
@include image-dimensions($file);
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin sprite-folder($folder, $image-dimensions: false) {
|
||
|
|
.#{$folder} {
|
||
|
|
@if $image-dimensions {
|
||
|
|
background: sprite-url($folder);
|
||
|
|
}
|
||
|
|
@else {
|
||
|
|
background: sprite-url($folder) no-repeat;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@for $i from 0 to sprite-files-in-folder($folder) {
|
||
|
|
$file: sprite-file-from-folder($folder, $i);
|
||
|
|
.#{$folder}-#{image-basename($file)} {
|
||
|
|
@extend .#{$folder};
|
||
|
|
background-position: sprite-position(sprite-file-from-folder($folder, $i));
|
||
|
|
@if $image-dimensions {
|
||
|
|
@include image-dimensions($file);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin sized-sprite-folder($folder) {
|
||
|
|
@include sprite-folder($folder, true);
|
||
|
|
}
|