/**
 * Background overlay inspired by Google Chrome modal overlay
 * 
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */

@import "compass/css3/images";

@mixin background-radial-overlay(
    $background-color: rgba(#000, .7),
    $foreground-color: rgba(#7f7f7f, .5),
    $radial-change-color-distance: 35%)
{
    @include background-image(radial-gradient($foreground-color, $foreground-color $radial-change-color-distance, $background-color));
}