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.
20 lines
640 B
20 lines
640 B
12 years ago
|
@import "shared";
|
||
|
|
|
||
|
|
// Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity.
|
||
|
|
//
|
||
|
|
// @param $opacity
|
||
|
|
// A number between 0 and 1, where 0 is transparent and 1 is opaque.
|
||
|
|
|
||
|
|
@mixin opacity($opacity) {
|
||
|
|
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
|
||
|
|
filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})");
|
||
|
|
}
|
||
|
|
opacity: $opacity;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Make an element completely transparent.
|
||
|
|
@mixin transparent { @include opacity(0); }
|
||
|
|
|
||
|
|
// Make an element completely opaque.
|
||
|
|
@mixin opaque { @include opacity(1); }
|