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) {
  @include experimental(opacity, $opacity,
    $experimental-support-for-mozilla,
    $experimental-support-for-webkit,
    $experimental-support-for-opera,
    false, // microsoft uses filters below instead
    $experimental-support-for-khtml,
    true // official
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)});
}

// Make an element completely transparent.
@mixin transparent { @include opacity(0); }

// Make an element completely opaque.
@mixin opaque { @include opacity(1); }

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass-0.10.0.rc4	frameworks/compass/stylesheets/compass/css3/_opacity.scss