Sha256: c292cde52c3a87ac214b98f0b7497b06171eca612df6143d1fed3f8019b1ab39
Contents?: true
Size: 1.02 KB
Versions: 5
Compression:
Stored size: 1.02 KB
Contents
@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) {
// XXX consider only using the official property. I think -moz, -webkit, and -o support it.
@include experimental(opacity, $opacity,
-moz,
-webkit,
-o,
not -ms, // microsoft uses the filters below instead
-khtml,
official
);
@if $experimental-support-for-microsoft {
$value: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})");
@include experimental(filter, $value,
not -moz,
not -webkit,
not -o,
-ms,
not -khtml,
official // even though filter is not an official css3 property, IE 6/7 expect it.
);
}
}
// Make an element completely transparent.
@mixin transparent { @include opacity(0); }
// Make an element completely opaque.
@mixin opaque { @include opacity(1); }
Version data entries
5 entries across 5 versions & 1 rubygems